├── .gitignore ├── src ├── base.css ├── logo.png ├── options │ ├── index.tsx │ ├── index.html │ └── App.tsx ├── utils.ts ├── messaging.ts ├── background │ ├── stream-async-iterable.ts │ ├── chatgpt.ts │ ├── fetch-sse.ts │ └── index.ts ├── config.ts ├── content-script │ ├── utils.ts │ ├── ChatGPTCard.tsx │ ├── styles.scss │ ├── index.tsx │ ├── ChatGPTFeedback.tsx │ ├── search-engine-configs.ts │ ├── ChatGPTQuery.tsx │ ├── dark.scss │ └── light.scss ├── manifest.v2.json └── manifest.json ├── .husky └── pre-commit ├── screenshots ├── brave.png ├── opera.png ├── extension.png └── youchat_chatgpt.png ├── tailwind.config.cjs ├── .eslintrc.js ├── tsconfig.json ├── .github └── workflows │ └── pre-release-build.yml ├── package.json ├── README.md └── LICENSE /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | build/ 3 | background.js 4 | .DS_Store 5 | *.zip -------------------------------------------------------------------------------- /src/base.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | -------------------------------------------------------------------------------- /src/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fedebotu/youchat-google-extension/HEAD/src/logo.png -------------------------------------------------------------------------------- /.husky/pre-commit: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | . "$(dirname -- "$0")/_/husky.sh" 3 | 4 | # npx lint-staged -------------------------------------------------------------------------------- /screenshots/brave.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fedebotu/youchat-google-extension/HEAD/screenshots/brave.png -------------------------------------------------------------------------------- /screenshots/opera.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fedebotu/youchat-google-extension/HEAD/screenshots/opera.png -------------------------------------------------------------------------------- /screenshots/extension.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fedebotu/youchat-google-extension/HEAD/screenshots/extension.png -------------------------------------------------------------------------------- /screenshots/youchat_chatgpt.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fedebotu/youchat-google-extension/HEAD/screenshots/youchat_chatgpt.png -------------------------------------------------------------------------------- /src/options/index.tsx: -------------------------------------------------------------------------------- 1 | import { render } from "preact"; 2 | import App from "./App"; 3 | 4 | render(, document.getElementById("app")!); 5 | -------------------------------------------------------------------------------- /tailwind.config.cjs: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | module.exports = { 3 | corePlugins: { 4 | preflight: false, 5 | }, 6 | content: ['./src/**/*.tsx'], 7 | theme: { 8 | extend: {}, 9 | }, 10 | plugins: [], 11 | } 12 | -------------------------------------------------------------------------------- /src/options/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | YouChat AI for Google 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/utils.ts: -------------------------------------------------------------------------------- 1 | import { Theme } from "./config"; 2 | 3 | export function detectSystemColorScheme() { 4 | if ( 5 | window.matchMedia && 6 | window.matchMedia("(prefers-color-scheme: dark)").matches 7 | ) { 8 | return Theme.Dark; 9 | } 10 | return Theme.Light; 11 | } 12 | -------------------------------------------------------------------------------- /src/messaging.ts: -------------------------------------------------------------------------------- 1 | import { List } from "postcss/lib/list"; 2 | 3 | export interface Answer { 4 | text: string; 5 | links: []; 6 | status: string; 7 | messageId: string; 8 | conversationId: string; 9 | } 10 | 11 | export interface Link { 12 | index: number; 13 | name: string; 14 | url: string; 15 | } -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | env: { 3 | browser: true, 4 | es2021: true, 5 | }, 6 | extends: ["plugin:react/recommended", "standard-with-typescript"], 7 | overrides: [], 8 | parserOptions: { 9 | ecmaVersion: "latest", 10 | sourceType: "module", 11 | }, 12 | plugins: ["react"], 13 | rules: {}, 14 | }; 15 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "lib": ["dom", "dom.iterable", "esnext"], 4 | "module": "esnext", 5 | "target": "es2018", 6 | "allowJs": true, 7 | "esModuleInterop": true, 8 | "jsx": "react-jsx", 9 | "noEmit": true, 10 | "skipLibCheck": true, 11 | "strict": true, 12 | "moduleResolution": "node" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /src/background/stream-async-iterable.ts: -------------------------------------------------------------------------------- 1 | export async function* streamAsyncIterable(stream: ReadableStream) { 2 | const reader = stream.getReader(); 3 | try { 4 | while (true) { 5 | const { done, value } = await reader.read(); 6 | if (done) { 7 | return; 8 | } 9 | yield value; 10 | } 11 | } finally { 12 | reader.releaseLock(); 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /src/background/chatgpt.ts: -------------------------------------------------------------------------------- 1 | async function request(method: string, path: string, data: unknown) { 2 | const dataParam = JSON.stringify(data); // TODO: encode to replace special character # 3 | const url = `https://you.com/api/streamingSearch?q=${dataParam}&domain=youchat`; 4 | return fetch( 5 | url, { 6 | method, 7 | headers: { 8 | "Content-Type": "application/json", 9 | }, 10 | } 11 | ); 12 | } 13 | 14 | export async function sendMessageFeedback(data: unknown) { 15 | await request("POST", "/conversation/message_feedback", data); 16 | } 17 | 18 | export async function setConversationProperty( 19 | // token: string, 20 | conversationId: string, 21 | propertyObject: object 22 | ) { 23 | await request("PATCH", `/conversation/${conversationId}`, propertyObject); 24 | } -------------------------------------------------------------------------------- /src/background/fetch-sse.ts: -------------------------------------------------------------------------------- 1 | import { createParser } from "eventsource-parser"; 2 | import { streamAsyncIterable } from "./stream-async-iterable.js"; 3 | 4 | export async function fetchSSE( 5 | resource: string, 6 | options: RequestInit & { onMessage: (message: any) => void } 7 | ) { 8 | const { onMessage, ...fetchOptions } = options; 9 | const resp = await fetch(resource, fetchOptions); 10 | if (!resp.ok) { 11 | const detail = (await resp.json().catch(() => ({}))).detail; 12 | throw new Error(detail || `${resp.status} ${resp.statusText}`); 13 | } 14 | const parser = createParser((event) => { 15 | onMessage(event); // we pass the data to 16 | }); 17 | for await (const chunk of streamAsyncIterable(resp.body!)) { 18 | const str = new TextDecoder().decode(chunk); 19 | parser.feed(str); 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /.github/workflows/pre-release-build.yml: -------------------------------------------------------------------------------- 1 | name: Pre-release 2 | on: 3 | push: 4 | branches: 5 | - main 6 | jobs: 7 | build: 8 | runs-on: ubuntu-22.04 9 | 10 | steps: 11 | - uses: actions/checkout@v3 12 | - uses: actions/setup-node@v3 13 | with: 14 | node-version: 18 15 | - run: npm install 16 | - run: npm run build 17 | 18 | - uses: josStorer/get-current-time@v2.0.2 19 | id: current-time 20 | with: 21 | format: YY_MMDD_HH_mm 22 | 23 | - uses: actions/upload-artifact@v3 24 | with: 25 | name: Chromium_ChatGPT_Extension_Build_${{ steps.current-time.outputs.formattedTime }} 26 | path: build/chromium/* 27 | 28 | - uses: actions/upload-artifact@v3 29 | with: 30 | name: Firefox_ChatGPT_Extension_Build_${{ steps.current-time.outputs.formattedTime }} 31 | path: build/firefox/* 32 | -------------------------------------------------------------------------------- /src/config.ts: -------------------------------------------------------------------------------- 1 | import { defaults } from "lodash-es"; 2 | import Browser from "webextension-polyfill"; 3 | 4 | export enum TriggerMode { 5 | Always = "always", 6 | QuestionMark = "questionMark", 7 | Manually = "manually", 8 | } 9 | 10 | export const TRIGGER_MODE_TEXT = { 11 | [TriggerMode.Always]: "Always", 12 | [TriggerMode.QuestionMark]: "When query ends with question mark (?)", 13 | [TriggerMode.Manually]: "Manually", 14 | }; 15 | 16 | export enum Theme { 17 | Auto = "auto", 18 | Light = "light", 19 | Dark = "dark", 20 | } 21 | 22 | const userConfigWithDefaultValue = { 23 | triggerMode: TriggerMode.Always, 24 | theme: Theme.Auto, 25 | }; 26 | 27 | export type UserConfig = typeof userConfigWithDefaultValue; 28 | 29 | export async function getUserConfig(): Promise { 30 | const result = await Browser.storage.local.get( 31 | Object.keys(userConfigWithDefaultValue) 32 | ); 33 | return defaults(result, userConfigWithDefaultValue); 34 | } 35 | 36 | export async function updateUserConfig(updates: Partial) { 37 | console.debug("update configs", updates); 38 | return Browser.storage.local.set(updates); 39 | } 40 | -------------------------------------------------------------------------------- /src/content-script/utils.ts: -------------------------------------------------------------------------------- 1 | import Browser from "webextension-polyfill"; 2 | import { getUserConfig, Theme, TriggerMode } from "../config"; 3 | 4 | export function getPossibleElementByQuerySelector( 5 | queryArray: string[] 6 | ): T | undefined { 7 | for (const query of queryArray) { 8 | const element = document.querySelector(query); 9 | if (element) { 10 | return element as T; 11 | } 12 | } 13 | } 14 | 15 | export function endsWithQuestionMark(question: string) { 16 | return ( 17 | question.endsWith("?") || // ASCII 18 | question.endsWith("？") || // Chinese/Japanese 19 | question.endsWith("؟") || // Arabic 20 | question.endsWith("⸮") // Arabic 21 | ); 22 | } 23 | 24 | export function isBraveBrowser() { 25 | return (navigator as any).brave?.isBrave(); 26 | } 27 | 28 | export async function shouldShowTriggerModeTip() { 29 | const { triggerModeTipShowTimes = 0 } = await Browser.storage.local.get( 30 | "triggerModeTipShowTimes" 31 | ); 32 | if (triggerModeTipShowTimes >= 3) { 33 | return false; 34 | } 35 | const { triggerMode } = await getUserConfig(); 36 | const show = triggerMode === TriggerMode.Always; 37 | if (show) { 38 | await Browser.storage.local.set({ 39 | triggerModeTipShowCount: triggerModeTipShowTimes + 1, 40 | }); 41 | } 42 | return show; 43 | } 44 | -------------------------------------------------------------------------------- /src/content-script/ChatGPTCard.tsx: -------------------------------------------------------------------------------- 1 | import { LightBulbIcon, SearchIcon } from "@primer/octicons-react"; 2 | import { useState } from "preact/hooks"; 3 | import { TriggerMode } from "../config"; 4 | import ChatGPTQuery from "./ChatGPTQuery"; 5 | import { endsWithQuestionMark } from "./utils.js"; 6 | 7 | interface Props { 8 | question: string; 9 | triggerMode: TriggerMode; 10 | } 11 | 12 | function ChatGPTCard(props: Props) { 13 | const [triggered, setTriggered] = useState(false); 14 | if (props.triggerMode === TriggerMode.Always) { 15 | return ; 16 | } 17 | if (props.triggerMode === TriggerMode.QuestionMark) { 18 | if (endsWithQuestionMark(props.question.trim())) { 19 | return ; 20 | } 21 | return ( 22 |

23 | Trigger YouChat by append a question mark 24 | after your query 25 |

26 | ); 27 | } 28 | if (triggered) { 29 | return ; 30 | } 31 | return ( 32 |

setTriggered(true)} 35 | > 36 | Ask YouChat for this query 37 |

38 | ); 39 | 40 | } 41 | 42 | export default ChatGPTCard; 43 | -------------------------------------------------------------------------------- /src/content-script/styles.scss: -------------------------------------------------------------------------------- 1 | @import 'light.scss'; 2 | @import 'dark.scss'; 3 | 4 | @keyframes gpt-pulse { 5 | 0%, 6 | 100% { 7 | opacity: 1; 8 | } 9 | 50% { 10 | opacity: 0.5; 11 | } 12 | } 13 | 14 | .chat-gpt-container { 15 | margin-bottom: 30px; 16 | border-radius: 8px; 17 | border: 1px solid; 18 | flex-basis: 0; 19 | flex-grow: 1; 20 | 21 | &.sidebar-free { 22 | margin-left: 30px; 23 | height: fit-content; 24 | } 25 | 26 | p { 27 | margin: 0; 28 | } 29 | 30 | .gpt-inner { 31 | padding: 15px; 32 | line-height: 1.5; 33 | } 34 | 35 | .icon-and-text { 36 | display: flex; 37 | align-items: center; 38 | gap: 6px; 39 | } 40 | 41 | .gpt-loading { 42 | color: #b6b8ba; 43 | animation: gpt-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; 44 | } 45 | 46 | #answer { 47 | font-size: 15px; 48 | line-height: 1.6; 49 | border-radius: 8px; 50 | 51 | pre { 52 | margin-top: 10px; 53 | } 54 | 55 | & > p:not(:last-child) { 56 | margin-bottom: 10px; 57 | } 58 | 59 | code { 60 | white-space: pre-wrap; 61 | word-break: break-all; 62 | } 63 | 64 | pre code.hljs { 65 | padding: 0; 66 | background-color: transparent; 67 | } 68 | 69 | ol li { 70 | list-style: disc; 71 | } 72 | 73 | .gpt-link { 74 | float: right; 75 | font-size: 13px; 76 | margin-top: 5px; 77 | text-decoration: underline; 78 | color: black; 79 | opacity: 0.8; 80 | 81 | &:visited { 82 | color: black; 83 | } 84 | } 85 | 86 | .gpt-header { 87 | display: flex; 88 | flex-direction: row; 89 | justify-content: flex-start; 90 | align-items: center; 91 | margin-bottom: 10px; 92 | gap: 5px; 93 | 94 | .gpt-feedback { 95 | margin-left: auto; 96 | display: flex; 97 | gap: 6px; 98 | cursor: pointer; 99 | } 100 | 101 | .gpt-feedback-selected { 102 | color: #f08080; 103 | } 104 | } 105 | } 106 | } 107 | -------------------------------------------------------------------------------- /src/content-script/index.tsx: -------------------------------------------------------------------------------- 1 | import { render } from "preact"; 2 | import "../base.css"; 3 | import { getUserConfig, Theme } from "../config"; 4 | import { detectSystemColorScheme } from "../utils"; 5 | import ChatGPTCard from "./ChatGPTCard"; 6 | import { config, SearchEngine } from "./search-engine-configs"; 7 | import "./styles.scss"; 8 | import { getPossibleElementByQuerySelector } from "./utils"; 9 | 10 | async function mount(question: string, siteConfig: SearchEngine) { 11 | const container = document.createElement("div"); 12 | container.className = "chat-gpt-container"; 13 | 14 | const userConfig = await getUserConfig(); 15 | let theme: Theme; 16 | if (userConfig.theme === Theme.Auto) { 17 | theme = detectSystemColorScheme(); 18 | } else { 19 | theme = userConfig.theme; 20 | } 21 | if (theme === Theme.Dark) { 22 | container.classList.add("gpt-dark"); 23 | } else { 24 | container.classList.add("gpt-light"); 25 | } 26 | 27 | const siderbarContainer = getPossibleElementByQuerySelector( 28 | siteConfig.sidebarContainerQuery 29 | ); 30 | if (siderbarContainer) { 31 | siderbarContainer.prepend(container); 32 | } else { 33 | container.classList.add("sidebar-free"); 34 | const appendContainer = getPossibleElementByQuerySelector( 35 | siteConfig.appendContainerQuery 36 | ); 37 | if (appendContainer) { 38 | appendContainer.appendChild(container); 39 | } 40 | } 41 | 42 | render( 43 | , 47 | container 48 | ); 49 | } 50 | 51 | const siteRegex = new RegExp(Object.keys(config).join("|")); 52 | const siteName = location.hostname.match(siteRegex)![0]; 53 | const siteConfig = config[siteName]; 54 | 55 | function run() { 56 | const searchInput = getPossibleElementByQuerySelector( 57 | siteConfig.inputQuery 58 | ); 59 | if (searchInput && searchInput.value) { 60 | console.debug("Mount ChatGPT on", siteName); 61 | mount(searchInput.value, siteConfig); 62 | } 63 | } 64 | 65 | run(); 66 | 67 | if (siteConfig.watchRouteChange) { 68 | siteConfig.watchRouteChange(run); 69 | } 70 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "chat-gpt-google-extension", 3 | "author": "wong2", 4 | "scripts": { 5 | "build": "node build.mjs", 6 | "lint": "eslint --ext .js,.mjs,.jsx .", 7 | "lint:fix": "eslint --ext .js,.mjs,.jsx . --fix", 8 | "prepare": "husky install", 9 | "watch": "chokidar src -c 'npm run build'" 10 | }, 11 | "dependencies": { 12 | "@geist-ui/core": "^2.3.8", 13 | "@primer/octicons-react": "^17.9.0", 14 | "eventsource-parser": "^0.0.5", 15 | "expiry-map": "^2.0.0", 16 | "github-markdown-css": "^5.1.0", 17 | "inter-ui": "^3.19.3", 18 | "lodash-es": "^4.17.21", 19 | "node-assert": "^0.0.1", 20 | "preact": "^10.11.3", 21 | "prop-types": "^15.8.1", 22 | "punycode": "^2.1.1", 23 | "react": "npm:@preact/compat@^17.1.2", 24 | "react-clipboard-button": "^0.0.7", 25 | "react-dom": "npm:@preact/compat@^17.1.2", 26 | "react-markdown": "^8.0.4", 27 | "rehype-highlight": "^6.0.0", 28 | "rehype-prism": "^2.1.3", 29 | "rehype-prism-plus": "^1.5.0", 30 | "remark-footnotes": "^4.0.1", 31 | "remark-gfm": "^3.0.1", 32 | "remark-reference-links": "^6.0.1", 33 | "remark-renumber-references": "^1.0.3", 34 | "uuid": "^9.0.0" 35 | }, 36 | "devDependencies": { 37 | "@types/lodash-es": "^4.17.6", 38 | "@types/uuid": "^9.0.0", 39 | "@types/webextension-polyfill": "^0.9.2", 40 | "@typescript-eslint/eslint-plugin": "^5.47.1", 41 | "@typescript-eslint/parser": "^5.47.0", 42 | "archiver": "^5.3.1", 43 | "autoprefixer": "^10.4.13", 44 | "chokidar-cli": "^3.0.0", 45 | "esbuild": "^0.16.4", 46 | "esbuild-style-plugin": "^1.6.1", 47 | "eslint": "^8.30.0", 48 | "eslint-config-prettier": "^8.5.0", 49 | "eslint-config-standard-with-typescript": "^24.0.0", 50 | "eslint-plugin-import": "^2.26.0", 51 | "eslint-plugin-n": "^15.6.0", 52 | "eslint-plugin-promise": "^6.1.1", 53 | "eslint-plugin-react": "^7.31.11", 54 | "eslint-plugin-react-hooks": "^4.6.0", 55 | "husky": "^8.0.0", 56 | "lint-staged": "^13.1.0", 57 | "postcss": "^8.4.20", 58 | "postcss-scss": "^4.0.6", 59 | "prettier": "^2.8.0", 60 | "sass": "^1.57.1", 61 | "tailwindcss": "^3.2.4", 62 | "typescript": "^4.9.4", 63 | "webextension-polyfill": "^0.10.0" 64 | }, 65 | "lint-staged": { 66 | "**/*.{js,jsx,ts,tsx,mjs}": [ 67 | "npx prettier --write", 68 | "npx eslint --fix" 69 | ] 70 | } 71 | } 72 | -------------------------------------------------------------------------------- /src/content-script/ChatGPTFeedback.tsx: -------------------------------------------------------------------------------- 1 | import { ThumbsdownIcon, ThumbsupIcon, CopyIcon, CheckIcon } from '@primer/octicons-react' 2 | import { memo, useCallback, useState } from "react"; 3 | import { useEffect } from 'preact/hooks' 4 | import Browser from "webextension-polyfill"; 5 | 6 | interface Props { 7 | messageId: string; 8 | conversationId: string; 9 | answerText: string; 10 | } 11 | 12 | function ChatGPTFeedback(props: Props) { 13 | const [copied, setCopied] = useState(false) 14 | const [action, setAction] = useState<"thumbsUp" | "thumbsDown" | null>(null); 15 | 16 | const clickThumbsUp = useCallback(async () => { 17 | if (action) { 18 | return; 19 | } 20 | setAction("thumbsUp"); 21 | await Browser.runtime.sendMessage({ 22 | type: "FEEDBACK", 23 | data: { 24 | conversation_id: props.conversationId, 25 | message_id: props.messageId, 26 | rating: "thumbsUp", 27 | }, 28 | }); 29 | }, [props, action]); 30 | 31 | const clickCopyToClipboard = useCallback(async () => { 32 | await navigator.clipboard.writeText(props.answerText) 33 | setCopied(true) 34 | }, [props.answerText]) 35 | 36 | useEffect(() => { 37 | if (copied) { 38 | const timer = setTimeout(() => { 39 | setCopied(false) 40 | }, 500) 41 | return () => clearTimeout(timer) 42 | } 43 | }, [copied]) 44 | 45 | const clickThumbsDown = useCallback(async () => { 46 | if (action) { 47 | return; 48 | } 49 | setAction("thumbsDown"); 50 | await Browser.runtime.sendMessage({ 51 | type: "FEEDBACK", 52 | data: { 53 | conversation_id: props.conversationId, 54 | message_id: props.messageId, 55 | rating: "thumbsDown", 56 | text: "", 57 | tags: [], 58 | }, 59 | }); 60 | }, [props, action]); 61 | 62 | return ( 63 |
64 | 68 | 69 | 70 | 76 | 77 | 78 | 79 | {copied ? : } 80 | 81 |
82 | ); 83 | } 84 | 85 | export default memo(ChatGPTFeedback); 86 | -------------------------------------------------------------------------------- /src/content-script/search-engine-configs.ts: -------------------------------------------------------------------------------- 1 | export interface SearchEngine { 2 | inputQuery: string[]; 3 | sidebarContainerQuery: string[]; 4 | appendContainerQuery: string[]; 5 | watchRouteChange?: (callback: () => void) => void; 6 | } 7 | 8 | export const config: Record = { 9 | google: { 10 | inputQuery: ["input[name='q']"], 11 | sidebarContainerQuery: ["#rhs"], 12 | appendContainerQuery: ["#rcnt"], 13 | }, 14 | bing: { 15 | inputQuery: ["[name='q']"], 16 | sidebarContainerQuery: ["#b_context"], 17 | appendContainerQuery: [], 18 | }, 19 | yahoo: { 20 | inputQuery: ["input[name='p']"], 21 | sidebarContainerQuery: ["#right", ".Contents__inner.Contents__inner--sub"], 22 | appendContainerQuery: ["#cols", "#contents__wrap"], 23 | }, 24 | duckduckgo: { 25 | inputQuery: ["input[name='q']"], 26 | sidebarContainerQuery: [".results--sidebar.js-results-sidebar"], 27 | appendContainerQuery: ["#links_wrapper"], 28 | }, 29 | baidu: { 30 | inputQuery: ["input[name='wd']"], 31 | sidebarContainerQuery: ["#content_right"], 32 | appendContainerQuery: ["#container"], 33 | watchRouteChange(callback) { 34 | const targetNode = document.getElementById("wrapper_wrapper")!; 35 | const observer = new MutationObserver(function (records) { 36 | for (const record of records) { 37 | if (record.type === "childList") { 38 | for (const node of record.addedNodes) { 39 | if ("id" in node && node.id === "container") { 40 | callback(); 41 | return; 42 | } 43 | } 44 | } 45 | } 46 | }); 47 | observer.observe(targetNode, { childList: true }); 48 | }, 49 | }, 50 | kagi: { 51 | inputQuery: ["input[name='q']"], 52 | sidebarContainerQuery: [".right-content-box._0_right_sidebar"], 53 | appendContainerQuery: ["#_0_app_content"], 54 | }, 55 | yandex: { 56 | inputQuery: ["input[name='text']"], 57 | sidebarContainerQuery: ["#search-result-aside"], 58 | appendContainerQuery: [], 59 | }, 60 | naver: { 61 | inputQuery: ["input[name='query']"], 62 | sidebarContainerQuery: ["#sub_pack"], 63 | appendContainerQuery: ["#content"], 64 | }, 65 | brave: { 66 | inputQuery: ["input[name='q']"], 67 | sidebarContainerQuery: ["#side-right"], 68 | appendContainerQuery: [], 69 | }, 70 | searx: { 71 | inputQuery: ["input[name='q']"], 72 | sidebarContainerQuery: ["#sidebar_results"], 73 | appendContainerQuery: [], 74 | }, 75 | }; 76 | -------------------------------------------------------------------------------- /src/background/index.ts: -------------------------------------------------------------------------------- 1 | import { string } from "prop-types"; 2 | import Browser from "webextension-polyfill"; 3 | import { Answer, Link} from "../messaging.js"; 4 | import { sendMessageFeedback, setConversationProperty } from "./chatgpt.js"; 5 | import { fetchSSE } from "./fetch-sse.js"; 6 | 7 | async function generateAnswers(port: Browser.Runtime.Port, question: string) { 8 | let conversationId: string | undefined; 9 | const deleteConversation = () => { 10 | if (conversationId) { 11 | setConversationProperty(conversationId, { is_visible: false }); 12 | } 13 | }; 14 | 15 | const controller = new AbortController(); 16 | port.onDisconnect.addListener(() => { 17 | controller.abort(); 18 | deleteConversation(); 19 | }); 20 | 21 | let messages = []; 22 | 23 | await fetchSSE( 24 | // "https://you.com/api/youchatStreaming?question=" + question + "&chat=[]", 25 | "https://you.com/api/streamingSearch?q=" + question + "&domain=youchat", 26 | 27 | { 28 | method: "GET", 29 | signal: controller.signal, 30 | 31 | // We parse the full event here. 32 | // NOTE: [Future work] We could even parse the full internal search results! 33 | onMessage(message: any) { 34 | 35 | console.debug("sse message", message); 36 | messages.push(message); 37 | 38 | let text = String(""); 39 | let serpResults = []; 40 | let urlCount = 1; 41 | let links = []; 42 | 43 | for (const message of messages) { 44 | 45 | const obj = JSON.parse(message.data); 46 | 47 | let new_text = String(""); 48 | 49 | // add to text key youChatToken and its value if it exists 50 | if (obj.hasOwnProperty('youChatToken')) { 51 | new_text = obj.youChatToken; 52 | } 53 | 54 | // Internal results 55 | if (obj.hasOwnProperty('youChatSerpResults')) { 56 | serpResults = obj.youChatSerpResults; 57 | } 58 | 59 | // if serpResults is not empty, detect if the text contains a url. if so, get the urlCount index 60 | // and replace it with the name of the url 61 | // for example: [8][https//google.com] -> [1][https//google.com] 62 | if (serpResults.length > 0) { 63 | for (const result of serpResults) { 64 | if (new_text.includes(result.url)) { 65 | 66 | let linkIndex = 0; 67 | if (!links.some((link) => link.url === result.url)) { 68 | links.push({index: urlCount, name: result.name, url: result.url} as Link); 69 | linkIndex = urlCount; 70 | urlCount++; 71 | } 72 | else { 73 | linkIndex = links.find((link) => link.url === result.url).index; 74 | } 75 | text = text.replace(result.url, `[[${linkIndex}]](${result.url})`); 76 | new_text = `[[${linkIndex}]](${result.url})`; 77 | } 78 | } 79 | } 80 | text += new_text; 81 | } 82 | 83 | if (text) { 84 | port.postMessage({ 85 | text, 86 | links: links, 87 | status: 'done', 88 | messageId: 'dummy', 89 | conversationId: 'dummy', 90 | } as Answer); 91 | } 92 | }, 93 | } 94 | ); 95 | } 96 | 97 | Browser.runtime.onConnect.addListener((port) => { 98 | port.onMessage.addListener(async (msg) => { 99 | console.debug("received msg", msg); 100 | try { 101 | await generateAnswers(port, msg.question); 102 | } catch (err: any) { 103 | console.error(err); 104 | port.postMessage({ error: err.message }); 105 | } 106 | }); 107 | }); 108 | 109 | Browser.runtime.onMessage.addListener(async (message) => { 110 | if (message.type === "FEEDBACK") { 111 | // const token = await getAccessToken() 112 | await sendMessageFeedback(message.data); 113 | } else if (message.type === "OPEN_OPTIONS_PAGE") { 114 | Browser.runtime.openOptionsPage(); 115 | } 116 | }); 117 | 118 | if (Browser.action) { 119 | Browser.action.onClicked.addListener(() => { 120 | Browser.runtime.openOptionsPage(); 121 | }); 122 | } else { 123 | Browser.browserAction.onClicked.addListener(() => { 124 | Browser.runtime.openOptionsPage(); 125 | }); 126 | } 127 | -------------------------------------------------------------------------------- /src/options/App.tsx: -------------------------------------------------------------------------------- 1 | import { CssBaseline, GeistProvider, Radio, Text } from "@geist-ui/core"; 2 | import { useCallback, useEffect, useMemo, useState } from "preact/hooks"; 3 | import "../base.css"; 4 | import { 5 | getUserConfig, 6 | Theme, 7 | TriggerMode, 8 | TRIGGER_MODE_TEXT, 9 | updateUserConfig, 10 | } from "../config"; 11 | import logo from "../logo.png"; 12 | import { detectSystemColorScheme } from "../utils"; 13 | 14 | const openInNewTab = (url) => { 15 | window.open(url, "_blank", "noopener,noreferrer"); 16 | }; 17 | 18 | function OptionsPage(props: { 19 | theme: Theme; 20 | onThemeChange: (theme: Theme) => void; 21 | }) { 22 | const [triggerMode, setTriggerMode] = useState( 23 | TriggerMode.Always 24 | ); 25 | 26 | useEffect(() => { 27 | getUserConfig().then((config) => setTriggerMode(config.triggerMode)); 28 | }, []); 29 | 30 | const onTriggerModeChange = useCallback((mode: TriggerMode) => { 31 | setTriggerMode(mode); 32 | updateUserConfig({ triggerMode: mode }); 33 | }, []); 34 | 35 | const onThemeChange = useCallback( 36 | (theme: Theme) => { 37 | updateUserConfig({ theme }); 38 | props.onThemeChange(theme); 39 | }, 40 | [props] 41 | ); 42 | 43 | return ( 44 |
45 | 74 |
75 | Options 76 | 77 | Trigger Mode 78 | 79 | onTriggerModeChange(val as TriggerMode)} 82 | > 83 | {Object.entries(TRIGGER_MODE_TEXT).map(([value, label]) => { 84 | return ( 85 | 86 | {label} 87 | 88 | ); 89 | })} 90 | 91 | 92 | Theme 93 | 94 | onThemeChange(val as Theme)} 97 | > 98 | {Object.entries(Theme).map(([k, v]) => { 99 | return ( 100 | 101 | {k} 102 | 103 | ); 104 | })} 105 | 106 | 107 |

108 | 109 | Note that this is an unofficial extension and not affiliated with{" "} 110 | 113 | openInNewTab( 114 | "https://you.com/search?q=what%20was%20the%20recent%20breakthrough%20in%20fusion%20research%3F" 115 | ) 116 | } 117 | > 118 | YouChat 119 | 120 | . 121 |

122 |
123 |
124 | ); 125 | } 126 | 127 | function App() { 128 | const [theme, setTheme] = useState(Theme.Auto); 129 | 130 | const themeType = useMemo(() => { 131 | if (theme === Theme.Auto) { 132 | return detectSystemColorScheme(); 133 | } 134 | return theme; 135 | }, [theme]); 136 | 137 | useEffect(() => { 138 | getUserConfig().then((config) => setTheme(config.theme)); 139 | }, []); 140 | 141 | return ( 142 | 143 | 144 | 145 | 146 | ); 147 | } 148 | 149 | export default App; 150 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # YouChat for Google 2 | 3 |

4 | 5 | Chrome Web Store Add-on 6 | 7 | 8 | Firefox Add-on 9 | 10 |

11 | 12 | 13 | A browser extension to display YouChat response - like ChatGPT, but with knowledge of recent events and source citation - alongside Google and other search engines results, supports Chrome/Edge/Firefox 14 | 15 | ## Supported Search Engines 16 | 17 | Google, Baidu, Bing, DuckDuckGo, Brave, Yahoo, Naver, Yandex, Kagi, Searx 18 | 19 | ## Screenshot 20 | 21 | ![Screenshot](screenshots/extension.png?raw=true) 22 | 23 | ## Why YouChat? 24 | [YouChat](https://you.com/search?q=what%20was%20the%20recent%20breakthrough%20in%20fusion%20research%3F) has some advantages over ChatGPT: 25 | - Does not need login 26 | - Knows about recent events 27 | - Cites sources 28 | - Faster response time 29 | 30 | 31 | ![Screenshot](screenshots/youchat_chatgpt.png?raw=true) 32 | 33 | 34 | However, YouChat does not provide answers as elaborate as ChatGPT. The best way may be to run it alongside the [ChatGPT extension](https://github.com/wong2/chat-gpt-google-extension) on which this project based, as shown above! 35 | Note this is an unofficial implementation and YouChat is not affiliated with this project. 36 | 37 | ## Installation 38 | 39 | ### Install to Chrome/Edge/Brave/Opera 40 | 41 | _Notice: Brave/Opera users please follow [Troubleshooting](#troubleshooting) section after install_ 42 | 43 | #### Install from Chrome Web Store (Preferred) 44 | 45 | 46 | [Chrome Web Store Link](https://chrome.google.com/webstore/detail/youchat-ai-for-google/fadggkehmhkhahfcdeoghpepnpnhilhg) 47 | 48 | 49 | #### Local Install 50 | 51 | 1. Download `chromium.zip` from [Releases](https://github.com/fedebotu/youchat-google-extension/releases). 52 | 2. Unzip the file. 53 | 3. In Chrome/Edge go to the extensions page (`chrome://extensions` or `edge://extensions`). 54 | 4. Enable Developer Mode. 55 | 5. Drag the unzipped folder anywhere on the page to import it (do not delete the folder afterwards). 56 | 57 | ### Install to Firefox 58 | 59 | #### Install from Mozilla Add-on Store (Preferred) 60 | 61 | 62 | [Mozilla Add-ons Store Link](https://addons.mozilla.org/en-US/firefox/addon/youchat-ai-for-google/) 63 | 64 | #### Local Install 65 | 66 | 1. Download `firefox.zip` from [Releases](https://github.com/fedebotu/youchat-google-extension/releases). 67 | 2. Unzip the file. 68 | 3. Go to `about:debugging`, click "This Firefox" on the sidebar. 69 | 4. Click "Load Temporary Add-on" button, then select any file in the unzipped folder. 70 | 71 | ## Build from source 72 | 73 | 1. Clone the repo 74 | 2. Install dependencies with `npm` 75 | 3. `npm run build` 76 | 4. Load `build/chromium/` or `build/firefox/` directory to your browser 77 | 78 | ## Troubleshooting 79 | 80 | ### Answer errors 81 | You may try a few steps to fix the errors: 82 | - Make sure to pass the Cloudflare challenge [here](https://you.com/api/streamingSearch?q=hi&domain=youchat). 83 | - When passing the challenge, remember to reload the page. 84 | - you.com may have implemented a login system; if this is the case you may login [here](https://you.com/api/auth/login). 85 | - If nothing works: you.com sometimes changes their API, in this case you may try to fix the extension yourself (see below) or wait for an update (please report the issue [here](https://github.com/fedebotu/youchat-google-extension/issues)). 86 | 87 | ### API changes 88 | 89 | An API change happens when the request URL or the response format changes. For instance, as of February 2023, an example request is as follows: https://you.com/api/streamingSearch?q=hi&domain=youchat . 90 | If you.com changes their API, you may try to fix the extension yourself by following these steps: 91 | - Open you.com and go into the chat. You will need to login first. 92 | - Open the developer tools (F12) and go to the Network tab. 93 | - Submit your query and look for a request to the API. 94 | - Modify it and strip it down to the bare minimum until it works. At this point, you can modify [this line](https://github.com/fedebotu/youchat-google-extension/blob/c7b0cace23deacf613657f83a60d3a5c9ad9b7c2/src/background/chatgpt.ts#L3) to point to your modified request. 95 | 96 | ### How to make it work in Brave 97 | 98 | ![Screenshot](screenshots/brave.png?raw=true) 99 | 100 | Disable "Prevent sites from fingerprinting me based on my language preferences" in `brave://settings/shields` 101 | 102 | ### How to make it work in Opera 103 | 104 | ![Screenshot](screenshots/opera.png?raw=true) 105 | 106 | Enable "Allow access to search page results" in the extension management page 107 | 108 | ## Credit 109 | 110 | This project is heavily based on [wong2/chat-gpt-google-extension](https://github.com/wong2/chat-gpt-google-extension), give it a try - you can even use both YouChat and ChatGPT at the same time! 111 | Also: [ZohaibAhmed/ChatGPT-Google](https://github.com/ZohaibAhmed/ChatGPT-Google) 112 | 113 | 114 | ## Contributing 115 | Feel free to open an issue or pull request if you have any questions or suggestions! -------------------------------------------------------------------------------- /src/content-script/ChatGPTQuery.tsx: -------------------------------------------------------------------------------- 1 | import { useEffect, useState } from "preact/hooks"; 2 | import { GearIcon } from "@primer/octicons-react"; 3 | import { memo, useCallback } from "react"; 4 | import ReactMarkdown from "react-markdown"; 5 | import rehypeHighlight from "rehype-highlight"; 6 | import Browser from "webextension-polyfill"; 7 | import { Answer } from "../messaging"; 8 | import ChatGPTFeedback from "./ChatGPTFeedback"; 9 | import { isBraveBrowser, shouldShowTriggerModeTip } from "./utils.js"; 10 | 11 | interface Props { 12 | question: string; 13 | } 14 | 15 | function ChatGPTQuery(props: Props) { 16 | const [answer, setAnswer] = useState(null); 17 | const [error, setError] = useState(""); 18 | const [retry, setRetry] = useState(0); 19 | const [done, setDone] = useState(false); 20 | const [showTip, setShowTip] = useState(false); 21 | 22 | useEffect(() => { 23 | const port = Browser.runtime.connect(); 24 | const listener = (msg: any) => { 25 | if (msg.text) { 26 | setAnswer(msg); 27 | } else if (msg.error) { 28 | setError(msg.error); 29 | } else if (msg.event === "DONE") { 30 | setDone(true); 31 | } 32 | }; 33 | port.onMessage.addListener(listener); 34 | port.postMessage({ question: props.question }); 35 | return () => { 36 | port.onMessage.removeListener(listener); 37 | port.disconnect(); 38 | }; 39 | }, [props.question, retry]); 40 | 41 | // retry error on focus 42 | useEffect(() => { 43 | const onFocus = () => { 44 | if (error && (error == "UNAUTHORIZED" || error === "CLOUDFLARE")) { 45 | setError(""); 46 | setRetry((r) => r + 1); 47 | } 48 | }; 49 | window.addEventListener("focus", onFocus); 50 | return () => { 51 | window.removeEventListener("focus", onFocus); 52 | }; 53 | }, [error]); 54 | 55 | useEffect(() => { 56 | shouldShowTriggerModeTip().then((show) => setShowTip(show)); 57 | }, []); 58 | 59 | const openOptionsPage = useCallback(() => { 60 | Browser.runtime.sendMessage({ type: "OPEN_OPTIONS_PAGE" }); 61 | }, []); 62 | 63 | const openInNewTab = (url) => { 64 | window.open(url, "_blank", "noopener,noreferrer"); 65 | }; 66 | 67 | if (answer) { 68 | return ( 69 |
70 |
71 | YouChat 72 | 76 | 77 | 78 | 83 |
84 | 87 | {answer.text} 88 | 89 | {answer.links && 90 | answer.links.map((link) => ( 91 |
openInNewTab(link.url)}> 92 |
93 | 94 | [{link.index}] {link.name} 95 | 96 |
97 |
98 | {link.url} 99 |
100 |
101 | ))} 102 |
103 | ); 104 | } 105 | 106 | 107 | if (error === 'UNAUTHORIZED' || error === 'CLOUDFLARE' || error === 'FORBIDDEN' || error.includes('403')) { 108 | return ( 109 |

110 | Please pass Cloudflare {' '} 111 | 112 | here 113 | first. You may close that tab after passing the check. 114 | 115 | 116 | Still not working? 117 | {/* Try to login to you.com as well. */} 118 | You may also try these troubleshooting steps . 119 | Otherwise, please report any issues here . 120 | 121 | 122 | {/* {' '} 123 | 124 | here 125 | */} 126 | {retry > 0 && 127 | (() => { 128 | if (isBraveBrowser()) { 129 | return ( 130 | 131 | Still not working? Follow{' '} 132 | 133 | Brave Troubleshooting 134 | 135 | 136 | ) 137 | } else { 138 | return ( 139 | 140 | YouChat requires passing a security check every once in a while. 141 | 142 | ) 143 | } 144 | })()} 145 |

146 | ) 147 | } 148 | 149 | if (error) { 150 | return ( 151 |

152 | Failed to load response from YouChat: 153 |
{error} 154 |
155 | 156 | {/* Remember to login to You.com before using YouChat. */} 157 | You may also try these troubleshooting steps . 158 | Otherwise, please report any issues here . 159 | 160 |

161 | ) 162 | } 163 | 164 | return ( 165 |

Waiting for YouChat response...

166 | ); 167 | } 168 | 169 | export default memo(ChatGPTQuery); 170 | -------------------------------------------------------------------------------- /src/manifest.v2.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "YouChat AI for Google", 3 | "description": "Display YouChat AI response alongside Google Search results", 4 | "version": "1.0.1", 5 | "manifest_version": 2, 6 | "icons": { 7 | "16": "logo.png", 8 | "32": "logo.png", 9 | "48": "logo.png", 10 | "128": "logo.png" 11 | }, 12 | "permissions": ["storage", "https://you.com/"], 13 | "background": { 14 | "scripts": ["background.js"] 15 | }, 16 | "browser_action": {}, 17 | "options_ui": { 18 | "page": "options.html", 19 | "open_in_tab": true 20 | }, 21 | "content_scripts": [ 22 | { 23 | "matches": [ 24 | "https://www.google.com/search*", 25 | "https://www.google.ad/search*", 26 | "https://www.google.ae/search*", 27 | "https://www.google.com.af/search*", 28 | "https://www.google.com.ag/search*", 29 | "https://www.google.com.ai/search*", 30 | "https://www.google.al/search*", 31 | "https://www.google.am/search*", 32 | "https://www.google.co.ao/search*", 33 | "https://www.google.com.ar/search*", 34 | "https://www.google.as/search*", 35 | "https://www.google.at/search*", 36 | "https://www.google.com.au/search*", 37 | "https://www.google.az/search*", 38 | "https://www.google.ba/search*", 39 | "https://www.google.com.bd/search*", 40 | "https://www.google.be/search*", 41 | "https://www.google.bf/search*", 42 | "https://www.google.bg/search*", 43 | "https://www.google.com.bh/search*", 44 | "https://www.google.bi/search*", 45 | "https://www.google.bj/search*", 46 | "https://www.google.com.bn/search*", 47 | "https://www.google.com.bo/search*", 48 | "https://www.google.com.br/search*", 49 | "https://www.google.bs/search*", 50 | "https://www.google.bt/search*", 51 | "https://www.google.co.bw/search*", 52 | "https://www.google.by/search*", 53 | "https://www.google.com.bz/search*", 54 | "https://www.google.ca/search*", 55 | "https://www.google.cd/search*", 56 | "https://www.google.cf/search*", 57 | "https://www.google.cg/search*", 58 | "https://www.google.ch/search*", 59 | "https://www.google.ci/search*", 60 | "https://www.google.co.ck/search*", 61 | "https://www.google.cl/search*", 62 | "https://www.google.cm/search*", 63 | "https://www.google.cn/search*", 64 | "https://www.google.com.co/search*", 65 | "https://www.google.co.cr/search*", 66 | "https://www.google.com.cu/search*", 67 | "https://www.google.cv/search*", 68 | "https://www.google.com.cy/search*", 69 | "https://www.google.cz/search*", 70 | "https://www.google.de/search*", 71 | "https://www.google.dj/search*", 72 | "https://www.google.dk/search*", 73 | "https://www.google.dm/search*", 74 | "https://www.google.com.do/search*", 75 | "https://www.google.dz/search*", 76 | "https://www.google.com.ec/search*", 77 | "https://www.google.ee/search*", 78 | "https://www.google.com.eg/search*", 79 | "https://www.google.es/search*", 80 | "https://www.google.com.et/search*", 81 | "https://www.google.fi/search*", 82 | "https://www.google.com.fj/search*", 83 | "https://www.google.fm/search*", 84 | "https://www.google.fr/search*", 85 | "https://www.google.ga/search*", 86 | "https://www.google.ge/search*", 87 | "https://www.google.gg/search*", 88 | "https://www.google.com.gh/search*", 89 | "https://www.google.com.gi/search*", 90 | "https://www.google.gl/search*", 91 | "https://www.google.gm/search*", 92 | "https://www.google.gr/search*", 93 | "https://www.google.com.gt/search*", 94 | "https://www.google.gy/search*", 95 | "https://www.google.com.hk/search*", 96 | "https://www.google.hn/search*", 97 | "https://www.google.hr/search*", 98 | "https://www.google.ht/search*", 99 | "https://www.google.hu/search*", 100 | "https://www.google.co.id/search*", 101 | "https://www.google.ie/search*", 102 | "https://www.google.co.il/search*", 103 | "https://www.google.im/search*", 104 | "https://www.google.co.in/search*", 105 | "https://www.google.iq/search*", 106 | "https://www.google.is/search*", 107 | "https://www.google.it/search*", 108 | "https://www.google.je/search*", 109 | "https://www.google.com.jm/search*", 110 | "https://www.google.jo/search*", 111 | "https://www.google.co.jp/search*", 112 | "https://www.google.co.ke/search*", 113 | "https://www.google.com.kh/search*", 114 | "https://www.google.ki/search*", 115 | "https://www.google.kg/search*", 116 | "https://www.google.co.kr/search*", 117 | "https://www.google.com.kw/search*", 118 | "https://www.google.kz/search*", 119 | "https://www.google.la/search*", 120 | "https://www.google.com.lb/search*", 121 | "https://www.google.li/search*", 122 | "https://www.google.lk/search*", 123 | "https://www.google.co.ls/search*", 124 | "https://www.google.lt/search*", 125 | "https://www.google.lu/search*", 126 | "https://www.google.lv/search*", 127 | "https://www.google.com.ly/search*", 128 | "https://www.google.co.ma/search*", 129 | "https://www.google.md/search*", 130 | "https://www.google.me/search*", 131 | "https://www.google.mg/search*", 132 | "https://www.google.mk/search*", 133 | "https://www.google.ml/search*", 134 | "https://www.google.com.mm/search*", 135 | "https://www.google.mn/search*", 136 | "https://www.google.ms/search*", 137 | "https://www.google.com.mt/search*", 138 | "https://www.google.mu/search*", 139 | "https://www.google.mv/search*", 140 | "https://www.google.mw/search*", 141 | "https://www.google.com.mx/search*", 142 | "https://www.google.com.my/search*", 143 | "https://www.google.co.mz/search*", 144 | "https://www.google.com.na/search*", 145 | "https://www.google.com.ng/search*", 146 | "https://www.google.com.ni/search*", 147 | "https://www.google.ne/search*", 148 | "https://www.google.nl/search*", 149 | "https://www.google.no/search*", 150 | "https://www.google.com.np/search*", 151 | "https://www.google.nr/search*", 152 | "https://www.google.nu/search*", 153 | "https://www.google.co.nz/search*", 154 | "https://www.google.com.om/search*", 155 | "https://www.google.com.pa/search*", 156 | "https://www.google.com.pe/search*", 157 | "https://www.google.com.pg/search*", 158 | "https://www.google.com.ph/search*", 159 | "https://www.google.com.pk/search*", 160 | "https://www.google.pl/search*", 161 | "https://www.google.pn/search*", 162 | "https://www.google.com.pr/search*", 163 | "https://www.google.ps/search*", 164 | "https://www.google.pt/search*", 165 | "https://www.google.com.py/search*", 166 | "https://www.google.com.qa/search*", 167 | "https://www.google.ro/search*", 168 | "https://www.google.ru/search*", 169 | "https://www.google.rw/search*", 170 | "https://www.google.com.sa/search*", 171 | "https://www.google.com.sb/search*", 172 | "https://www.google.sc/search*", 173 | "https://www.google.se/search*", 174 | "https://www.google.com.sg/search*", 175 | "https://www.google.sh/search*", 176 | "https://www.google.si/search*", 177 | "https://www.google.sk/search*", 178 | "https://www.google.com.sl/search*", 179 | "https://www.google.sn/search*", 180 | "https://www.google.so/search*", 181 | "https://www.google.sm/search*", 182 | "https://www.google.sr/search*", 183 | "https://www.google.st/search*", 184 | "https://www.google.com.sv/search*", 185 | "https://www.google.td/search*", 186 | "https://www.google.tg/search*", 187 | "https://www.google.co.th/search*", 188 | "https://www.google.com.tj/search*", 189 | "https://www.google.tl/search*", 190 | "https://www.google.tm/search*", 191 | "https://www.google.tn/search*", 192 | "https://www.google.to/search*", 193 | "https://www.google.com.tr/search*", 194 | "https://www.google.tt/search*", 195 | "https://www.google.com.tw/search*", 196 | "https://www.google.co.tz/search*", 197 | "https://www.google.com.ua/search*", 198 | "https://www.google.co.ug/search*", 199 | "https://www.google.co.uk/search*", 200 | "https://www.google.com.uy/search*", 201 | "https://www.google.co.uz/search*", 202 | "https://www.google.com.vc/search*", 203 | "https://www.google.co.ve/search*", 204 | "https://www.google.vg/search*", 205 | "https://www.google.co.vi/search*", 206 | "https://www.google.com.vn/search*", 207 | "https://www.google.vu/search*", 208 | "https://www.google.ws/search*", 209 | "https://www.google.rs/search*", 210 | "https://www.google.co.za/search*", 211 | "https://www.google.co.zm/search*", 212 | "https://www.google.co.zw/search*", 213 | "https://www.google.cat/search*", 214 | "https://kagi.com/search*", 215 | "https://www.bing.com/search*", 216 | "https://cn.bing.com/search*", 217 | "https://search.yahoo.com/search*", 218 | "https://search.yahoo.co.jp/search*", 219 | "https://search.naver.com/search*", 220 | "https://search.brave.com/search*", 221 | "https://duckduckgo.com/*", 222 | "https://www.baidu.com/*", 223 | "https://*.yandex.com/search*", 224 | "https://*.yandex.ru/search*", 225 | "https://*.yandex.com.tr/search*", 226 | "https://*.yandex.uz/search*", 227 | "https://*.yandex.kz/search*", 228 | "https://*.yandex.by/search*", 229 | "https://searx.be/search*" 230 | ], 231 | "js": ["content-script.js"], 232 | "css": ["content-script.css"] 233 | } 234 | ] 235 | } 236 | -------------------------------------------------------------------------------- /src/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "YouChat AI for Google", 3 | "description": "Display YouChat AI response alongside Google Search results", 4 | "version": "1.0.1", 5 | "manifest_version": 3, 6 | "icons": { 7 | "16": "logo.png", 8 | "32": "logo.png", 9 | "48": "logo.png", 10 | "128": "logo.png" 11 | }, 12 | "host_permissions": ["https://you.com/"], 13 | "permissions": ["storage"], 14 | "background": { 15 | "service_worker": "background.js" 16 | }, 17 | "action": {}, 18 | "options_ui": { 19 | "page": "options.html", 20 | "open_in_tab": true 21 | }, 22 | "content_scripts": [ 23 | { 24 | "matches": [ 25 | "https://www.google.com/search*", 26 | "https://www.google.ad/search*", 27 | "https://www.google.ae/search*", 28 | "https://www.google.com.af/search*", 29 | "https://www.google.com.ag/search*", 30 | "https://www.google.com.ai/search*", 31 | "https://www.google.al/search*", 32 | "https://www.google.am/search*", 33 | "https://www.google.co.ao/search*", 34 | "https://www.google.com.ar/search*", 35 | "https://www.google.as/search*", 36 | "https://www.google.at/search*", 37 | "https://www.google.com.au/search*", 38 | "https://www.google.az/search*", 39 | "https://www.google.ba/search*", 40 | "https://www.google.com.bd/search*", 41 | "https://www.google.be/search*", 42 | "https://www.google.bf/search*", 43 | "https://www.google.bg/search*", 44 | "https://www.google.com.bh/search*", 45 | "https://www.google.bi/search*", 46 | "https://www.google.bj/search*", 47 | "https://www.google.com.bn/search*", 48 | "https://www.google.com.bo/search*", 49 | "https://www.google.com.br/search*", 50 | "https://www.google.bs/search*", 51 | "https://www.google.bt/search*", 52 | "https://www.google.co.bw/search*", 53 | "https://www.google.by/search*", 54 | "https://www.google.com.bz/search*", 55 | "https://www.google.ca/search*", 56 | "https://www.google.cd/search*", 57 | "https://www.google.cf/search*", 58 | "https://www.google.cg/search*", 59 | "https://www.google.ch/search*", 60 | "https://www.google.ci/search*", 61 | "https://www.google.co.ck/search*", 62 | "https://www.google.cl/search*", 63 | "https://www.google.cm/search*", 64 | "https://www.google.cn/search*", 65 | "https://www.google.com.co/search*", 66 | "https://www.google.co.cr/search*", 67 | "https://www.google.com.cu/search*", 68 | "https://www.google.cv/search*", 69 | "https://www.google.com.cy/search*", 70 | "https://www.google.cz/search*", 71 | "https://www.google.de/search*", 72 | "https://www.google.dj/search*", 73 | "https://www.google.dk/search*", 74 | "https://www.google.dm/search*", 75 | "https://www.google.com.do/search*", 76 | "https://www.google.dz/search*", 77 | "https://www.google.com.ec/search*", 78 | "https://www.google.ee/search*", 79 | "https://www.google.com.eg/search*", 80 | "https://www.google.es/search*", 81 | "https://www.google.com.et/search*", 82 | "https://www.google.fi/search*", 83 | "https://www.google.com.fj/search*", 84 | "https://www.google.fm/search*", 85 | "https://www.google.fr/search*", 86 | "https://www.google.ga/search*", 87 | "https://www.google.ge/search*", 88 | "https://www.google.gg/search*", 89 | "https://www.google.com.gh/search*", 90 | "https://www.google.com.gi/search*", 91 | "https://www.google.gl/search*", 92 | "https://www.google.gm/search*", 93 | "https://www.google.gr/search*", 94 | "https://www.google.com.gt/search*", 95 | "https://www.google.gy/search*", 96 | "https://www.google.com.hk/search*", 97 | "https://www.google.hn/search*", 98 | "https://www.google.hr/search*", 99 | "https://www.google.ht/search*", 100 | "https://www.google.hu/search*", 101 | "https://www.google.co.id/search*", 102 | "https://www.google.ie/search*", 103 | "https://www.google.co.il/search*", 104 | "https://www.google.im/search*", 105 | "https://www.google.co.in/search*", 106 | "https://www.google.iq/search*", 107 | "https://www.google.is/search*", 108 | "https://www.google.it/search*", 109 | "https://www.google.je/search*", 110 | "https://www.google.com.jm/search*", 111 | "https://www.google.jo/search*", 112 | "https://www.google.co.jp/search*", 113 | "https://www.google.co.ke/search*", 114 | "https://www.google.com.kh/search*", 115 | "https://www.google.ki/search*", 116 | "https://www.google.kg/search*", 117 | "https://www.google.co.kr/search*", 118 | "https://www.google.com.kw/search*", 119 | "https://www.google.kz/search*", 120 | "https://www.google.la/search*", 121 | "https://www.google.com.lb/search*", 122 | "https://www.google.li/search*", 123 | "https://www.google.lk/search*", 124 | "https://www.google.co.ls/search*", 125 | "https://www.google.lt/search*", 126 | "https://www.google.lu/search*", 127 | "https://www.google.lv/search*", 128 | "https://www.google.com.ly/search*", 129 | "https://www.google.co.ma/search*", 130 | "https://www.google.md/search*", 131 | "https://www.google.me/search*", 132 | "https://www.google.mg/search*", 133 | "https://www.google.mk/search*", 134 | "https://www.google.ml/search*", 135 | "https://www.google.com.mm/search*", 136 | "https://www.google.mn/search*", 137 | "https://www.google.ms/search*", 138 | "https://www.google.com.mt/search*", 139 | "https://www.google.mu/search*", 140 | "https://www.google.mv/search*", 141 | "https://www.google.mw/search*", 142 | "https://www.google.com.mx/search*", 143 | "https://www.google.com.my/search*", 144 | "https://www.google.co.mz/search*", 145 | "https://www.google.com.na/search*", 146 | "https://www.google.com.ng/search*", 147 | "https://www.google.com.ni/search*", 148 | "https://www.google.ne/search*", 149 | "https://www.google.nl/search*", 150 | "https://www.google.no/search*", 151 | "https://www.google.com.np/search*", 152 | "https://www.google.nr/search*", 153 | "https://www.google.nu/search*", 154 | "https://www.google.co.nz/search*", 155 | "https://www.google.com.om/search*", 156 | "https://www.google.com.pa/search*", 157 | "https://www.google.com.pe/search*", 158 | "https://www.google.com.pg/search*", 159 | "https://www.google.com.ph/search*", 160 | "https://www.google.com.pk/search*", 161 | "https://www.google.pl/search*", 162 | "https://www.google.pn/search*", 163 | "https://www.google.com.pr/search*", 164 | "https://www.google.ps/search*", 165 | "https://www.google.pt/search*", 166 | "https://www.google.com.py/search*", 167 | "https://www.google.com.qa/search*", 168 | "https://www.google.ro/search*", 169 | "https://www.google.ru/search*", 170 | "https://www.google.rw/search*", 171 | "https://www.google.com.sa/search*", 172 | "https://www.google.com.sb/search*", 173 | "https://www.google.sc/search*", 174 | "https://www.google.se/search*", 175 | "https://www.google.com.sg/search*", 176 | "https://www.google.sh/search*", 177 | "https://www.google.si/search*", 178 | "https://www.google.sk/search*", 179 | "https://www.google.com.sl/search*", 180 | "https://www.google.sn/search*", 181 | "https://www.google.so/search*", 182 | "https://www.google.sm/search*", 183 | "https://www.google.sr/search*", 184 | "https://www.google.st/search*", 185 | "https://www.google.com.sv/search*", 186 | "https://www.google.td/search*", 187 | "https://www.google.tg/search*", 188 | "https://www.google.co.th/search*", 189 | "https://www.google.com.tj/search*", 190 | "https://www.google.tl/search*", 191 | "https://www.google.tm/search*", 192 | "https://www.google.tn/search*", 193 | "https://www.google.to/search*", 194 | "https://www.google.com.tr/search*", 195 | "https://www.google.tt/search*", 196 | "https://www.google.com.tw/search*", 197 | "https://www.google.co.tz/search*", 198 | "https://www.google.com.ua/search*", 199 | "https://www.google.co.ug/search*", 200 | "https://www.google.co.uk/search*", 201 | "https://www.google.com.uy/search*", 202 | "https://www.google.co.uz/search*", 203 | "https://www.google.com.vc/search*", 204 | "https://www.google.co.ve/search*", 205 | "https://www.google.vg/search*", 206 | "https://www.google.co.vi/search*", 207 | "https://www.google.com.vn/search*", 208 | "https://www.google.vu/search*", 209 | "https://www.google.ws/search*", 210 | "https://www.google.rs/search*", 211 | "https://www.google.co.za/search*", 212 | "https://www.google.co.zm/search*", 213 | "https://www.google.co.zw/search*", 214 | "https://www.google.cat/search*", 215 | "https://kagi.com/search*", 216 | "https://www.bing.com/search*", 217 | "https://cn.bing.com/search*", 218 | "https://search.yahoo.com/search*", 219 | "https://search.yahoo.co.jp/search*", 220 | "https://search.naver.com/search*", 221 | "https://search.brave.com/search*", 222 | "https://duckduckgo.com/*", 223 | "https://www.baidu.com/*", 224 | "https://*.yandex.com/search*", 225 | "https://*.yandex.ru/search*", 226 | "https://*.yandex.com.tr/search*", 227 | "https://*.yandex.uz/search*", 228 | "https://*.yandex.kz/search*", 229 | "https://*.yandex.by/search*", 230 | "https://searx.be/search*" 231 | ], 232 | "js": ["content-script.js"], 233 | "css": ["content-script.css"] 234 | } 235 | ] 236 | } 237 | -------------------------------------------------------------------------------- /src/content-script/dark.scss: -------------------------------------------------------------------------------- 1 | .chat-gpt-container.gpt-dark { 2 | 3 | color: white; 4 | border-color: #3c4043; 5 | background-color: #202124; 6 | 7 | pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*! 8 | Theme: GitHub Dark 9 | Description: Dark theme as seen on github.com 10 | Author: github.com 11 | Maintainer: @Hirse 12 | Updated: 2021-05-15 13 | 14 | Outdated base version: https://github.com/primer/github-syntax-dark 15 | Current colors taken from GitHub's CSS 16 | */.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c} 17 | 18 | .markdown-body { 19 | color-scheme: dark; 20 | -ms-text-size-adjust: 100%; 21 | -webkit-text-size-adjust: 100%; 22 | margin: 0; 23 | color: #c9d1d9; 24 | background-color: #0d1117; 25 | font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; 26 | font-size: 16px; 27 | line-height: 1.5; 28 | word-wrap: break-word; 29 | } 30 | 31 | .markdown-body .octicon { 32 | display: inline-block; 33 | fill: currentColor; 34 | vertical-align: text-bottom; 35 | } 36 | 37 | .markdown-body h1:hover .anchor .octicon-link:before, 38 | .markdown-body h2:hover .anchor .octicon-link:before, 39 | .markdown-body h3:hover .anchor .octicon-link:before, 40 | .markdown-body h4:hover .anchor .octicon-link:before, 41 | .markdown-body h5:hover .anchor .octicon-link:before, 42 | .markdown-body h6:hover .anchor .octicon-link:before { 43 | width: 16px; 44 | height: 16px; 45 | content: ' '; 46 | display: inline-block; 47 | background-color: currentColor; 48 | -webkit-mask-image: url("data:image/svg+xml,"); 49 | mask-image: url("data:image/svg+xml,"); 50 | } 51 | 52 | .markdown-body details, 53 | .markdown-body figcaption, 54 | .markdown-body figure { 55 | display: block; 56 | } 57 | 58 | .markdown-body summary { 59 | display: list-item; 60 | } 61 | 62 | .markdown-body [hidden] { 63 | display: none !important; 64 | } 65 | 66 | .markdown-body a { 67 | background-color: transparent; 68 | color: #58a6ff; 69 | text-decoration: none; 70 | } 71 | 72 | .markdown-body a:active, 73 | .markdown-body a:hover { 74 | outline-width: 0; 75 | } 76 | 77 | .markdown-body abbr[title] { 78 | border-bottom: none; 79 | text-decoration: underline dotted; 80 | } 81 | 82 | .markdown-body b, 83 | .markdown-body strong { 84 | font-weight: 600; 85 | } 86 | 87 | .markdown-body dfn { 88 | font-style: italic; 89 | } 90 | 91 | .markdown-body h1 { 92 | margin: .67em 0; 93 | font-weight: 600; 94 | padding-bottom: .3em; 95 | font-size: 2em; 96 | border-bottom: 1px solid #21262d; 97 | } 98 | 99 | .markdown-body mark { 100 | background-color: rgba(187,128,9,0.15); 101 | color: #c9d1d9; 102 | } 103 | 104 | .markdown-body small { 105 | font-size: 90%; 106 | } 107 | 108 | .markdown-body sub, 109 | .markdown-body sup { 110 | font-size: 75%; 111 | line-height: 0; 112 | position: relative; 113 | vertical-align: baseline; 114 | } 115 | 116 | .markdown-body sub { 117 | bottom: -0.25em; 118 | } 119 | 120 | .markdown-body sup { 121 | top: -0.5em; 122 | } 123 | 124 | .markdown-body img { 125 | border-style: none; 126 | max-width: 100%; 127 | box-sizing: content-box; 128 | background-color: #0d1117; 129 | } 130 | 131 | .markdown-body code, 132 | .markdown-body kbd, 133 | .markdown-body pre, 134 | .markdown-body samp { 135 | font-family: monospace,monospace; 136 | font-size: 1em; 137 | } 138 | 139 | .markdown-body figure { 140 | margin: 1em 40px; 141 | } 142 | 143 | .markdown-body hr { 144 | box-sizing: content-box; 145 | overflow: hidden; 146 | background: transparent; 147 | border-bottom: 1px solid #21262d; 148 | height: .25em; 149 | padding: 0; 150 | margin: 24px 0; 151 | background-color: #30363d; 152 | border: 0; 153 | } 154 | 155 | .markdown-body input { 156 | font: inherit; 157 | margin: 0; 158 | overflow: visible; 159 | font-family: inherit; 160 | font-size: inherit; 161 | line-height: inherit; 162 | } 163 | 164 | .markdown-body [type=button], 165 | .markdown-body [type=reset], 166 | .markdown-body [type=submit] { 167 | -webkit-appearance: button; 168 | } 169 | 170 | .markdown-body [type=button]::-moz-focus-inner, 171 | .markdown-body [type=reset]::-moz-focus-inner, 172 | .markdown-body [type=submit]::-moz-focus-inner { 173 | border-style: none; 174 | padding: 0; 175 | } 176 | 177 | .markdown-body [type=button]:-moz-focusring, 178 | .markdown-body [type=reset]:-moz-focusring, 179 | .markdown-body [type=submit]:-moz-focusring { 180 | outline: 1px dotted ButtonText; 181 | } 182 | 183 | .markdown-body [type=checkbox], 184 | .markdown-body [type=radio] { 185 | box-sizing: border-box; 186 | padding: 0; 187 | } 188 | 189 | .markdown-body [type=number]::-webkit-inner-spin-button, 190 | .markdown-body [type=number]::-webkit-outer-spin-button { 191 | height: auto; 192 | } 193 | 194 | .markdown-body [type=search] { 195 | -webkit-appearance: textfield; 196 | outline-offset: -2px; 197 | } 198 | 199 | .markdown-body [type=search]::-webkit-search-cancel-button, 200 | .markdown-body [type=search]::-webkit-search-decoration { 201 | -webkit-appearance: none; 202 | } 203 | 204 | .markdown-body ::-webkit-input-placeholder { 205 | color: inherit; 206 | opacity: .54; 207 | } 208 | 209 | .markdown-body ::-webkit-file-upload-button { 210 | -webkit-appearance: button; 211 | font: inherit; 212 | } 213 | 214 | .markdown-body a:hover { 215 | text-decoration: underline; 216 | } 217 | 218 | .markdown-body hr::before { 219 | display: table; 220 | content: ""; 221 | } 222 | 223 | .markdown-body hr::after { 224 | display: table; 225 | clear: both; 226 | content: ""; 227 | } 228 | 229 | .markdown-body table { 230 | border-spacing: 0; 231 | border-collapse: collapse; 232 | display: block; 233 | width: max-content; 234 | max-width: 100%; 235 | overflow: auto; 236 | } 237 | 238 | .markdown-body td, 239 | .markdown-body th { 240 | padding: 0; 241 | } 242 | 243 | .markdown-body details summary { 244 | cursor: pointer; 245 | } 246 | 247 | .markdown-body details:not([open])>*:not(summary) { 248 | display: none !important; 249 | } 250 | 251 | .markdown-body kbd { 252 | display: inline-block; 253 | padding: 3px 5px; 254 | font: 11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; 255 | line-height: 10px; 256 | color: #c9d1d9; 257 | vertical-align: middle; 258 | background-color: #161b22; 259 | border: solid 1px rgba(110,118,129,0.4); 260 | border-bottom-color: rgba(110,118,129,0.4); 261 | border-radius: 6px; 262 | box-shadow: inset 0 -1px 0 rgba(110,118,129,0.4); 263 | } 264 | 265 | .markdown-body h1, 266 | .markdown-body h2, 267 | .markdown-body h3, 268 | .markdown-body h4, 269 | .markdown-body h5, 270 | .markdown-body h6 { 271 | margin-top: 24px; 272 | margin-bottom: 16px; 273 | font-weight: 600; 274 | line-height: 1.25; 275 | } 276 | 277 | .markdown-body h2 { 278 | font-weight: 600; 279 | padding-bottom: .3em; 280 | font-size: 1.5em; 281 | border-bottom: 1px solid #21262d; 282 | } 283 | 284 | .markdown-body h3 { 285 | font-weight: 600; 286 | font-size: 1.25em; 287 | } 288 | 289 | .markdown-body h4 { 290 | font-weight: 600; 291 | font-size: 1em; 292 | } 293 | 294 | .markdown-body h5 { 295 | font-weight: 600; 296 | font-size: .875em; 297 | } 298 | 299 | .markdown-body h6 { 300 | font-weight: 600; 301 | font-size: .85em; 302 | color: #8b949e; 303 | } 304 | 305 | .markdown-body p { 306 | margin-top: 0; 307 | margin-bottom: 10px; 308 | } 309 | 310 | .markdown-body blockquote { 311 | margin: 0; 312 | padding: 0 1em; 313 | color: #8b949e; 314 | border-left: .25em solid #30363d; 315 | } 316 | 317 | .markdown-body ul, 318 | .markdown-body ol { 319 | margin-top: 0; 320 | margin-bottom: 0; 321 | padding-left: 2em; 322 | } 323 | 324 | .markdown-body ol ol, 325 | .markdown-body ul ol { 326 | list-style-type: lower-roman; 327 | } 328 | 329 | .markdown-body ul ul ol, 330 | .markdown-body ul ol ol, 331 | .markdown-body ol ul ol, 332 | .markdown-body ol ol ol { 333 | list-style-type: lower-alpha; 334 | } 335 | 336 | .markdown-body dd { 337 | margin-left: 0; 338 | } 339 | 340 | .markdown-body tt, 341 | .markdown-body code { 342 | font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; 343 | font-size: 12px; 344 | } 345 | 346 | .markdown-body pre { 347 | margin-top: 0; 348 | margin-bottom: 0; 349 | font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; 350 | font-size: 12px; 351 | word-wrap: normal; 352 | } 353 | 354 | .markdown-body .octicon { 355 | display: inline-block; 356 | overflow: visible !important; 357 | vertical-align: text-bottom; 358 | fill: currentColor; 359 | } 360 | 361 | .markdown-body ::placeholder { 362 | color: #484f58; 363 | opacity: 1; 364 | } 365 | 366 | .markdown-body input::-webkit-outer-spin-button, 367 | .markdown-body input::-webkit-inner-spin-button { 368 | margin: 0; 369 | -webkit-appearance: none; 370 | appearance: none; 371 | } 372 | 373 | .markdown-body .pl-c { 374 | color: #8b949e; 375 | } 376 | 377 | .markdown-body .pl-c1, 378 | .markdown-body .pl-s .pl-v { 379 | color: #79c0ff; 380 | } 381 | 382 | .markdown-body .pl-e, 383 | .markdown-body .pl-en { 384 | color: #d2a8ff; 385 | } 386 | 387 | .markdown-body .pl-smi, 388 | .markdown-body .pl-s .pl-s1 { 389 | color: #c9d1d9; 390 | } 391 | 392 | .markdown-body .pl-ent { 393 | color: #7ee787; 394 | } 395 | 396 | .markdown-body .pl-k { 397 | color: #ff7b72; 398 | } 399 | 400 | .markdown-body .pl-s, 401 | .markdown-body .pl-pds, 402 | .markdown-body .pl-s .pl-pse .pl-s1, 403 | .markdown-body .pl-sr, 404 | .markdown-body .pl-sr .pl-cce, 405 | .markdown-body .pl-sr .pl-sre, 406 | .markdown-body .pl-sr .pl-sra { 407 | color: #a5d6ff; 408 | } 409 | 410 | .markdown-body .pl-v, 411 | .markdown-body .pl-smw { 412 | color: #ffa657; 413 | } 414 | 415 | .markdown-body .pl-bu { 416 | color: #f85149; 417 | } 418 | 419 | .markdown-body .pl-ii { 420 | color: #f0f6fc; 421 | background-color: #8e1519; 422 | } 423 | 424 | .markdown-body .pl-c2 { 425 | color: #f0f6fc; 426 | background-color: #b62324; 427 | } 428 | 429 | .markdown-body .pl-sr .pl-cce { 430 | font-weight: bold; 431 | color: #7ee787; 432 | } 433 | 434 | .markdown-body .pl-ml { 435 | color: #f2cc60; 436 | } 437 | 438 | .markdown-body .pl-mh, 439 | .markdown-body .pl-mh .pl-en, 440 | .markdown-body .pl-ms { 441 | font-weight: bold; 442 | color: #1f6feb; 443 | } 444 | 445 | .markdown-body .pl-mi { 446 | font-style: italic; 447 | color: #c9d1d9; 448 | } 449 | 450 | .markdown-body .pl-mb { 451 | font-weight: bold; 452 | color: #c9d1d9; 453 | } 454 | 455 | .markdown-body .pl-md { 456 | color: #ffdcd7; 457 | background-color: #67060c; 458 | } 459 | 460 | .markdown-body .pl-mi1 { 461 | color: #aff5b4; 462 | background-color: #033a16; 463 | } 464 | 465 | .markdown-body .pl-mc { 466 | color: #ffdfb6; 467 | background-color: #5a1e02; 468 | } 469 | 470 | .markdown-body .pl-mi2 { 471 | color: #c9d1d9; 472 | background-color: #1158c7; 473 | } 474 | 475 | .markdown-body .pl-mdr { 476 | font-weight: bold; 477 | color: #d2a8ff; 478 | } 479 | 480 | .markdown-body .pl-ba { 481 | color: #8b949e; 482 | } 483 | 484 | .markdown-body .pl-sg { 485 | color: #484f58; 486 | } 487 | 488 | .markdown-body .pl-corl { 489 | text-decoration: underline; 490 | color: #a5d6ff; 491 | } 492 | 493 | .markdown-body [data-catalyst] { 494 | display: block; 495 | } 496 | 497 | .markdown-body g-emoji { 498 | font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; 499 | font-size: 1em; 500 | font-style: normal !important; 501 | font-weight: 400; 502 | line-height: 1; 503 | vertical-align: -0.075em; 504 | } 505 | 506 | .markdown-body g-emoji img { 507 | width: 1em; 508 | height: 1em; 509 | } 510 | 511 | .markdown-body::before { 512 | display: table; 513 | content: ""; 514 | } 515 | 516 | .markdown-body::after { 517 | display: table; 518 | clear: both; 519 | content: ""; 520 | } 521 | 522 | .markdown-body>*:first-child { 523 | margin-top: 0 !important; 524 | } 525 | 526 | .markdown-body>*:last-child { 527 | margin-bottom: 0 !important; 528 | } 529 | 530 | .markdown-body a:not([href]) { 531 | color: inherit; 532 | text-decoration: none; 533 | } 534 | 535 | .markdown-body .absent { 536 | color: #f85149; 537 | } 538 | 539 | .markdown-body .anchor { 540 | float: left; 541 | padding-right: 4px; 542 | margin-left: -20px; 543 | line-height: 1; 544 | } 545 | 546 | .markdown-body .anchor:focus { 547 | outline: none; 548 | } 549 | 550 | .markdown-body p, 551 | .markdown-body blockquote, 552 | .markdown-body ul, 553 | .markdown-body ol, 554 | .markdown-body dl, 555 | .markdown-body table, 556 | .markdown-body pre, 557 | .markdown-body details { 558 | margin-top: 0; 559 | margin-bottom: 16px; 560 | } 561 | 562 | .markdown-body blockquote>:first-child { 563 | margin-top: 0; 564 | } 565 | 566 | .markdown-body blockquote>:last-child { 567 | margin-bottom: 0; 568 | } 569 | 570 | .markdown-body sup>a::before { 571 | content: "["; 572 | } 573 | 574 | .markdown-body sup>a::after { 575 | content: "]"; 576 | } 577 | 578 | .markdown-body h1 .octicon-link, 579 | .markdown-body h2 .octicon-link, 580 | .markdown-body h3 .octicon-link, 581 | .markdown-body h4 .octicon-link, 582 | .markdown-body h5 .octicon-link, 583 | .markdown-body h6 .octicon-link { 584 | color: #c9d1d9; 585 | vertical-align: middle; 586 | visibility: hidden; 587 | } 588 | 589 | .markdown-body h1:hover .anchor, 590 | .markdown-body h2:hover .anchor, 591 | .markdown-body h3:hover .anchor, 592 | .markdown-body h4:hover .anchor, 593 | .markdown-body h5:hover .anchor, 594 | .markdown-body h6:hover .anchor { 595 | text-decoration: none; 596 | } 597 | 598 | .markdown-body h1:hover .anchor .octicon-link, 599 | .markdown-body h2:hover .anchor .octicon-link, 600 | .markdown-body h3:hover .anchor .octicon-link, 601 | .markdown-body h4:hover .anchor .octicon-link, 602 | .markdown-body h5:hover .anchor .octicon-link, 603 | .markdown-body h6:hover .anchor .octicon-link { 604 | visibility: visible; 605 | } 606 | 607 | .markdown-body h1 tt, 608 | .markdown-body h1 code, 609 | .markdown-body h2 tt, 610 | .markdown-body h2 code, 611 | .markdown-body h3 tt, 612 | .markdown-body h3 code, 613 | .markdown-body h4 tt, 614 | .markdown-body h4 code, 615 | .markdown-body h5 tt, 616 | .markdown-body h5 code, 617 | .markdown-body h6 tt, 618 | .markdown-body h6 code { 619 | padding: 0 .2em; 620 | font-size: inherit; 621 | } 622 | 623 | .markdown-body ul.no-list, 624 | .markdown-body ol.no-list { 625 | padding: 0; 626 | list-style-type: none; 627 | } 628 | 629 | .markdown-body ol[type="1"] { 630 | list-style-type: decimal; 631 | } 632 | 633 | .markdown-body ol[type=a] { 634 | list-style-type: lower-alpha; 635 | } 636 | 637 | .markdown-body ol[type=i] { 638 | list-style-type: lower-roman; 639 | } 640 | 641 | .markdown-body div>ol:not([type]) { 642 | list-style-type: decimal; 643 | } 644 | 645 | .markdown-body ul ul, 646 | .markdown-body ul ol, 647 | .markdown-body ol ol, 648 | .markdown-body ol ul { 649 | margin-top: 0; 650 | margin-bottom: 0; 651 | } 652 | 653 | .markdown-body li>p { 654 | margin-top: 16px; 655 | } 656 | 657 | .markdown-body li+li { 658 | margin-top: .25em; 659 | } 660 | 661 | .markdown-body dl { 662 | padding: 0; 663 | } 664 | 665 | .markdown-body dl dt { 666 | padding: 0; 667 | margin-top: 16px; 668 | font-size: 1em; 669 | font-style: italic; 670 | font-weight: 600; 671 | } 672 | 673 | .markdown-body dl dd { 674 | padding: 0 16px; 675 | margin-bottom: 16px; 676 | } 677 | 678 | .markdown-body table th { 679 | font-weight: 600; 680 | } 681 | 682 | .markdown-body table th, 683 | .markdown-body table td { 684 | padding: 6px 13px; 685 | border: 1px solid #30363d; 686 | } 687 | 688 | .markdown-body table tr { 689 | background-color: #0d1117; 690 | border-top: 1px solid #21262d; 691 | } 692 | 693 | .markdown-body table tr:nth-child(2n) { 694 | background-color: #161b22; 695 | } 696 | 697 | .markdown-body table img { 698 | background-color: transparent; 699 | } 700 | 701 | .markdown-body img[align=right] { 702 | padding-left: 20px; 703 | } 704 | 705 | .markdown-body img[align=left] { 706 | padding-right: 20px; 707 | } 708 | 709 | .markdown-body .emoji { 710 | max-width: none; 711 | vertical-align: text-top; 712 | background-color: transparent; 713 | } 714 | 715 | .markdown-body span.frame { 716 | display: block; 717 | overflow: hidden; 718 | } 719 | 720 | .markdown-body span.frame>span { 721 | display: block; 722 | float: left; 723 | width: auto; 724 | padding: 7px; 725 | margin: 13px 0 0; 726 | overflow: hidden; 727 | border: 1px solid #30363d; 728 | } 729 | 730 | .markdown-body span.frame span img { 731 | display: block; 732 | float: left; 733 | } 734 | 735 | .markdown-body span.frame span span { 736 | display: block; 737 | padding: 5px 0 0; 738 | clear: both; 739 | color: #c9d1d9; 740 | } 741 | 742 | .markdown-body span.align-center { 743 | display: block; 744 | overflow: hidden; 745 | clear: both; 746 | } 747 | 748 | .markdown-body span.align-center>span { 749 | display: block; 750 | margin: 13px auto 0; 751 | overflow: hidden; 752 | text-align: center; 753 | } 754 | 755 | .markdown-body span.align-center span img { 756 | margin: 0 auto; 757 | text-align: center; 758 | } 759 | 760 | .markdown-body span.align-right { 761 | display: block; 762 | overflow: hidden; 763 | clear: both; 764 | } 765 | 766 | .markdown-body span.align-right>span { 767 | display: block; 768 | margin: 13px 0 0; 769 | overflow: hidden; 770 | text-align: right; 771 | } 772 | 773 | .markdown-body span.align-right span img { 774 | margin: 0; 775 | text-align: right; 776 | } 777 | 778 | .markdown-body span.float-left { 779 | display: block; 780 | float: left; 781 | margin-right: 13px; 782 | overflow: hidden; 783 | } 784 | 785 | .markdown-body span.float-left span { 786 | margin: 13px 0 0; 787 | } 788 | 789 | .markdown-body span.float-right { 790 | display: block; 791 | float: right; 792 | margin-left: 13px; 793 | overflow: hidden; 794 | } 795 | 796 | .markdown-body span.float-right>span { 797 | display: block; 798 | margin: 13px auto 0; 799 | overflow: hidden; 800 | text-align: right; 801 | } 802 | 803 | .markdown-body code, 804 | .markdown-body tt { 805 | padding: .2em .4em; 806 | margin: 0; 807 | font-size: 85%; 808 | background-color: rgba(110,118,129,0.4); 809 | border-radius: 6px; 810 | } 811 | 812 | .markdown-body code br, 813 | .markdown-body tt br { 814 | display: none; 815 | } 816 | 817 | .markdown-body del code { 818 | text-decoration: inherit; 819 | } 820 | 821 | .markdown-body pre code { 822 | font-size: 100%; 823 | } 824 | 825 | .markdown-body pre>code { 826 | padding: 0; 827 | margin: 0; 828 | word-break: normal; 829 | white-space: pre; 830 | background: transparent; 831 | border: 0; 832 | } 833 | 834 | .markdown-body .highlight { 835 | margin-bottom: 16px; 836 | } 837 | 838 | .markdown-body .highlight pre { 839 | margin-bottom: 0; 840 | word-break: normal; 841 | } 842 | 843 | .markdown-body .highlight pre, 844 | .markdown-body pre { 845 | padding: 16px; 846 | overflow: auto; 847 | font-size: 85%; 848 | line-height: 1.45; 849 | background-color: #161b22; 850 | border-radius: 6px; 851 | } 852 | 853 | .markdown-body pre code, 854 | .markdown-body pre tt { 855 | display: inline; 856 | max-width: auto; 857 | padding: 0; 858 | margin: 0; 859 | overflow: visible; 860 | line-height: inherit; 861 | word-wrap: normal; 862 | background-color: transparent; 863 | border: 0; 864 | } 865 | 866 | .markdown-body .csv-data td, 867 | .markdown-body .csv-data th { 868 | padding: 5px; 869 | overflow: hidden; 870 | font-size: 12px; 871 | line-height: 1; 872 | text-align: left; 873 | white-space: nowrap; 874 | } 875 | 876 | .markdown-body .csv-data .blob-num { 877 | padding: 10px 8px 9px; 878 | text-align: right; 879 | background: #0d1117; 880 | border: 0; 881 | } 882 | 883 | .markdown-body .csv-data tr { 884 | border-top: 0; 885 | } 886 | 887 | .markdown-body .csv-data th { 888 | font-weight: 600; 889 | background: #161b22; 890 | border-top: 0; 891 | } 892 | 893 | .markdown-body .footnotes { 894 | font-size: 12px; 895 | color: #8b949e; 896 | border-top: 1px solid #30363d; 897 | } 898 | 899 | .markdown-body .footnotes ol { 900 | padding-left: 16px; 901 | } 902 | 903 | .markdown-body .footnotes li { 904 | position: relative; 905 | } 906 | 907 | .markdown-body .footnotes li:target::before { 908 | position: absolute; 909 | top: -8px; 910 | right: -8px; 911 | bottom: -8px; 912 | left: -24px; 913 | pointer-events: none; 914 | content: ""; 915 | border: 2px solid #1f6feb; 916 | border-radius: 6px; 917 | } 918 | 919 | .markdown-body .footnotes li:target { 920 | color: #c9d1d9; 921 | } 922 | 923 | .markdown-body .footnotes .data-footnote-backref g-emoji { 924 | font-family: monospace; 925 | } 926 | 927 | .markdown-body .task-list-item { 928 | list-style-type: none; 929 | } 930 | 931 | .markdown-body .task-list-item label { 932 | font-weight: 400; 933 | } 934 | 935 | .markdown-body .task-list-item.enabled label { 936 | cursor: pointer; 937 | } 938 | 939 | .markdown-body .task-list-item+.task-list-item { 940 | margin-top: 3px; 941 | } 942 | 943 | .markdown-body .task-list-item .handle { 944 | display: none; 945 | } 946 | 947 | .markdown-body .task-list-item-checkbox { 948 | margin: 0 .2em .25em -1.6em; 949 | vertical-align: middle; 950 | } 951 | 952 | .markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox { 953 | margin: 0 -1.6em .25em .2em; 954 | } 955 | 956 | .markdown-body ::-webkit-calendar-picker-indicator { 957 | filter: invert(50%); 958 | } 959 | 960 | } -------------------------------------------------------------------------------- /src/content-script/light.scss: -------------------------------------------------------------------------------- 1 | .chat-gpt-container.gpt-light { 2 | 3 | color: black; 4 | border-color: #dadce0; 5 | background-color: white; 6 | 7 | pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*! 8 | Theme: GitHub 9 | Description: Light theme as seen on github.com 10 | Author: github.com 11 | Maintainer: @Hirse 12 | Updated: 2021-05-15 13 | 14 | Outdated base version: https://github.com/primer/github-syntax-light 15 | Current colors taken from GitHub's CSS 16 | */.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0} 17 | 18 | .markdown-body { 19 | -ms-text-size-adjust: 100%; 20 | -webkit-text-size-adjust: 100%; 21 | margin: 0; 22 | color: #24292f; 23 | background-color: #ffffff; 24 | font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; 25 | font-size: 16px; 26 | line-height: 1.5; 27 | word-wrap: break-word; 28 | } 29 | 30 | .markdown-body .octicon { 31 | display: inline-block; 32 | fill: currentColor; 33 | vertical-align: text-bottom; 34 | } 35 | 36 | .markdown-body h1:hover .anchor .octicon-link:before, 37 | .markdown-body h2:hover .anchor .octicon-link:before, 38 | .markdown-body h3:hover .anchor .octicon-link:before, 39 | .markdown-body h4:hover .anchor .octicon-link:before, 40 | .markdown-body h5:hover .anchor .octicon-link:before, 41 | .markdown-body h6:hover .anchor .octicon-link:before { 42 | width: 16px; 43 | height: 16px; 44 | content: ' '; 45 | display: inline-block; 46 | background-color: currentColor; 47 | -webkit-mask-image: url("data:image/svg+xml,"); 48 | mask-image: url("data:image/svg+xml,"); 49 | } 50 | 51 | .markdown-body details, 52 | .markdown-body figcaption, 53 | .markdown-body figure { 54 | display: block; 55 | } 56 | 57 | .markdown-body summary { 58 | display: list-item; 59 | } 60 | 61 | .markdown-body [hidden] { 62 | display: none !important; 63 | } 64 | 65 | .markdown-body a { 66 | background-color: transparent; 67 | color: #0969da; 68 | text-decoration: none; 69 | } 70 | 71 | .markdown-body a:active, 72 | .markdown-body a:hover { 73 | outline-width: 0; 74 | } 75 | 76 | .markdown-body abbr[title] { 77 | border-bottom: none; 78 | text-decoration: underline dotted; 79 | } 80 | 81 | .markdown-body b, 82 | .markdown-body strong { 83 | font-weight: 600; 84 | } 85 | 86 | .markdown-body dfn { 87 | font-style: italic; 88 | } 89 | 90 | .markdown-body h1 { 91 | margin: .67em 0; 92 | font-weight: 600; 93 | padding-bottom: .3em; 94 | font-size: 2em; 95 | border-bottom: 1px solid hsla(210,18%,87%,1); 96 | } 97 | 98 | .markdown-body mark { 99 | background-color: #fff8c5; 100 | color: #24292f; 101 | } 102 | 103 | .markdown-body small { 104 | font-size: 90%; 105 | } 106 | 107 | .markdown-body sub, 108 | .markdown-body sup { 109 | font-size: 75%; 110 | line-height: 0; 111 | position: relative; 112 | vertical-align: baseline; 113 | } 114 | 115 | .markdown-body sub { 116 | bottom: -0.25em; 117 | } 118 | 119 | .markdown-body sup { 120 | top: -0.5em; 121 | } 122 | 123 | .markdown-body img { 124 | border-style: none; 125 | max-width: 100%; 126 | box-sizing: content-box; 127 | background-color: #ffffff; 128 | } 129 | 130 | .markdown-body code, 131 | .markdown-body kbd, 132 | .markdown-body pre, 133 | .markdown-body samp { 134 | font-family: monospace,monospace; 135 | font-size: 1em; 136 | } 137 | 138 | .markdown-body figure { 139 | margin: 1em 40px; 140 | } 141 | 142 | .markdown-body hr { 143 | box-sizing: content-box; 144 | overflow: hidden; 145 | background: transparent; 146 | border-bottom: 1px solid hsla(210,18%,87%,1); 147 | height: .25em; 148 | padding: 0; 149 | margin: 24px 0; 150 | background-color: #d0d7de; 151 | border: 0; 152 | } 153 | 154 | .markdown-body input { 155 | font: inherit; 156 | margin: 0; 157 | overflow: visible; 158 | font-family: inherit; 159 | font-size: inherit; 160 | line-height: inherit; 161 | } 162 | 163 | .markdown-body [type=button], 164 | .markdown-body [type=reset], 165 | .markdown-body [type=submit] { 166 | -webkit-appearance: button; 167 | } 168 | 169 | .markdown-body [type=button]::-moz-focus-inner, 170 | .markdown-body [type=reset]::-moz-focus-inner, 171 | .markdown-body [type=submit]::-moz-focus-inner { 172 | border-style: none; 173 | padding: 0; 174 | } 175 | 176 | .markdown-body [type=button]:-moz-focusring, 177 | .markdown-body [type=reset]:-moz-focusring, 178 | .markdown-body [type=submit]:-moz-focusring { 179 | outline: 1px dotted ButtonText; 180 | } 181 | 182 | .markdown-body [type=checkbox], 183 | .markdown-body [type=radio] { 184 | box-sizing: border-box; 185 | padding: 0; 186 | } 187 | 188 | .markdown-body [type=number]::-webkit-inner-spin-button, 189 | .markdown-body [type=number]::-webkit-outer-spin-button { 190 | height: auto; 191 | } 192 | 193 | .markdown-body [type=search] { 194 | -webkit-appearance: textfield; 195 | outline-offset: -2px; 196 | } 197 | 198 | .markdown-body [type=search]::-webkit-search-cancel-button, 199 | .markdown-body [type=search]::-webkit-search-decoration { 200 | -webkit-appearance: none; 201 | } 202 | 203 | .markdown-body ::-webkit-input-placeholder { 204 | color: inherit; 205 | opacity: .54; 206 | } 207 | 208 | .markdown-body ::-webkit-file-upload-button { 209 | -webkit-appearance: button; 210 | font: inherit; 211 | } 212 | 213 | .markdown-body a:hover { 214 | text-decoration: underline; 215 | } 216 | 217 | .markdown-body hr::before { 218 | display: table; 219 | content: ""; 220 | } 221 | 222 | .markdown-body hr::after { 223 | display: table; 224 | clear: both; 225 | content: ""; 226 | } 227 | 228 | .markdown-body table { 229 | border-spacing: 0; 230 | border-collapse: collapse; 231 | display: block; 232 | width: max-content; 233 | max-width: 100%; 234 | overflow: auto; 235 | } 236 | 237 | .markdown-body td, 238 | .markdown-body th { 239 | padding: 0; 240 | } 241 | 242 | .markdown-body details summary { 243 | cursor: pointer; 244 | } 245 | 246 | .markdown-body details:not([open])>*:not(summary) { 247 | display: none !important; 248 | } 249 | 250 | .markdown-body kbd { 251 | display: inline-block; 252 | padding: 3px 5px; 253 | font: 11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; 254 | line-height: 10px; 255 | color: #24292f; 256 | vertical-align: middle; 257 | background-color: #f6f8fa; 258 | border: solid 1px rgba(175,184,193,0.2); 259 | border-bottom-color: rgba(175,184,193,0.2); 260 | border-radius: 6px; 261 | box-shadow: inset 0 -1px 0 rgba(175,184,193,0.2); 262 | } 263 | 264 | .markdown-body h1, 265 | .markdown-body h2, 266 | .markdown-body h3, 267 | .markdown-body h4, 268 | .markdown-body h5, 269 | .markdown-body h6 { 270 | margin-top: 24px; 271 | margin-bottom: 16px; 272 | font-weight: 600; 273 | line-height: 1.25; 274 | } 275 | 276 | .markdown-body h2 { 277 | font-weight: 600; 278 | padding-bottom: .3em; 279 | font-size: 1.5em; 280 | border-bottom: 1px solid hsla(210,18%,87%,1); 281 | } 282 | 283 | .markdown-body h3 { 284 | font-weight: 600; 285 | font-size: 1.25em; 286 | } 287 | 288 | .markdown-body h4 { 289 | font-weight: 600; 290 | font-size: 1em; 291 | } 292 | 293 | .markdown-body h5 { 294 | font-weight: 600; 295 | font-size: .875em; 296 | } 297 | 298 | .markdown-body h6 { 299 | font-weight: 600; 300 | font-size: .85em; 301 | color: #57606a; 302 | } 303 | 304 | .markdown-body p { 305 | margin-top: 0; 306 | margin-bottom: 10px; 307 | } 308 | 309 | .markdown-body blockquote { 310 | margin: 0; 311 | padding: 0 1em; 312 | color: #57606a; 313 | border-left: .25em solid #d0d7de; 314 | } 315 | 316 | .markdown-body ul, 317 | .markdown-body ol { 318 | margin-top: 0; 319 | margin-bottom: 0; 320 | padding-left: 2em; 321 | } 322 | 323 | .markdown-body ol ol, 324 | .markdown-body ul ol { 325 | list-style-type: lower-roman; 326 | } 327 | 328 | .markdown-body ul ul ol, 329 | .markdown-body ul ol ol, 330 | .markdown-body ol ul ol, 331 | .markdown-body ol ol ol { 332 | list-style-type: lower-alpha; 333 | } 334 | 335 | .markdown-body dd { 336 | margin-left: 0; 337 | } 338 | 339 | .markdown-body tt, 340 | .markdown-body code { 341 | font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; 342 | font-size: 12px; 343 | } 344 | 345 | .markdown-body pre { 346 | margin-top: 0; 347 | margin-bottom: 0; 348 | font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; 349 | font-size: 12px; 350 | word-wrap: normal; 351 | } 352 | 353 | .markdown-body .octicon { 354 | display: inline-block; 355 | overflow: visible !important; 356 | vertical-align: text-bottom; 357 | fill: currentColor; 358 | } 359 | 360 | .markdown-body ::placeholder { 361 | color: #6e7781; 362 | opacity: 1; 363 | } 364 | 365 | .markdown-body input::-webkit-outer-spin-button, 366 | .markdown-body input::-webkit-inner-spin-button { 367 | margin: 0; 368 | -webkit-appearance: none; 369 | appearance: none; 370 | } 371 | 372 | .markdown-body .pl-c { 373 | color: #6e7781; 374 | } 375 | 376 | .markdown-body .pl-c1, 377 | .markdown-body .pl-s .pl-v { 378 | color: #0550ae; 379 | } 380 | 381 | .markdown-body .pl-e, 382 | .markdown-body .pl-en { 383 | color: #8250df; 384 | } 385 | 386 | .markdown-body .pl-smi, 387 | .markdown-body .pl-s .pl-s1 { 388 | color: #24292f; 389 | } 390 | 391 | .markdown-body .pl-ent { 392 | color: #116329; 393 | } 394 | 395 | .markdown-body .pl-k { 396 | color: #cf222e; 397 | } 398 | 399 | .markdown-body .pl-s, 400 | .markdown-body .pl-pds, 401 | .markdown-body .pl-s .pl-pse .pl-s1, 402 | .markdown-body .pl-sr, 403 | .markdown-body .pl-sr .pl-cce, 404 | .markdown-body .pl-sr .pl-sre, 405 | .markdown-body .pl-sr .pl-sra { 406 | color: #0a3069; 407 | } 408 | 409 | .markdown-body .pl-v, 410 | .markdown-body .pl-smw { 411 | color: #953800; 412 | } 413 | 414 | .markdown-body .pl-bu { 415 | color: #82071e; 416 | } 417 | 418 | .markdown-body .pl-ii { 419 | color: #f6f8fa; 420 | background-color: #82071e; 421 | } 422 | 423 | .markdown-body .pl-c2 { 424 | color: #f6f8fa; 425 | background-color: #cf222e; 426 | } 427 | 428 | .markdown-body .pl-sr .pl-cce { 429 | font-weight: bold; 430 | color: #116329; 431 | } 432 | 433 | .markdown-body .pl-ml { 434 | color: #3b2300; 435 | } 436 | 437 | .markdown-body .pl-mh, 438 | .markdown-body .pl-mh .pl-en, 439 | .markdown-body .pl-ms { 440 | font-weight: bold; 441 | color: #0550ae; 442 | } 443 | 444 | .markdown-body .pl-mi { 445 | font-style: italic; 446 | color: #24292f; 447 | } 448 | 449 | .markdown-body .pl-mb { 450 | font-weight: bold; 451 | color: #24292f; 452 | } 453 | 454 | .markdown-body .pl-md { 455 | color: #82071e; 456 | background-color: #FFEBE9; 457 | } 458 | 459 | .markdown-body .pl-mi1 { 460 | color: #116329; 461 | background-color: #dafbe1; 462 | } 463 | 464 | .markdown-body .pl-mc { 465 | color: #953800; 466 | background-color: #ffd8b5; 467 | } 468 | 469 | .markdown-body .pl-mi2 { 470 | color: #eaeef2; 471 | background-color: #0550ae; 472 | } 473 | 474 | .markdown-body .pl-mdr { 475 | font-weight: bold; 476 | color: #8250df; 477 | } 478 | 479 | .markdown-body .pl-ba { 480 | color: #57606a; 481 | } 482 | 483 | .markdown-body .pl-sg { 484 | color: #8c959f; 485 | } 486 | 487 | .markdown-body .pl-corl { 488 | text-decoration: underline; 489 | color: #0a3069; 490 | } 491 | 492 | .markdown-body [data-catalyst] { 493 | display: block; 494 | } 495 | 496 | .markdown-body g-emoji { 497 | font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; 498 | font-size: 1em; 499 | font-style: normal !important; 500 | font-weight: 400; 501 | line-height: 1; 502 | vertical-align: -0.075em; 503 | } 504 | 505 | .markdown-body g-emoji img { 506 | width: 1em; 507 | height: 1em; 508 | } 509 | 510 | .markdown-body::before { 511 | display: table; 512 | content: ""; 513 | } 514 | 515 | .markdown-body::after { 516 | display: table; 517 | clear: both; 518 | content: ""; 519 | } 520 | 521 | .markdown-body>*:first-child { 522 | margin-top: 0 !important; 523 | } 524 | 525 | .markdown-body>*:last-child { 526 | margin-bottom: 0 !important; 527 | } 528 | 529 | .markdown-body a:not([href]) { 530 | color: inherit; 531 | text-decoration: none; 532 | } 533 | 534 | .markdown-body .absent { 535 | color: #cf222e; 536 | } 537 | 538 | .markdown-body .anchor { 539 | float: left; 540 | padding-right: 4px; 541 | margin-left: -20px; 542 | line-height: 1; 543 | } 544 | 545 | .markdown-body .anchor:focus { 546 | outline: none; 547 | } 548 | 549 | .markdown-body p, 550 | .markdown-body blockquote, 551 | .markdown-body ul, 552 | .markdown-body ol, 553 | .markdown-body dl, 554 | .markdown-body table, 555 | .markdown-body pre, 556 | .markdown-body details { 557 | margin-top: 0; 558 | margin-bottom: 16px; 559 | } 560 | 561 | .markdown-body blockquote>:first-child { 562 | margin-top: 0; 563 | } 564 | 565 | .markdown-body blockquote>:last-child { 566 | margin-bottom: 0; 567 | } 568 | 569 | .markdown-body sup>a::before { 570 | content: "["; 571 | } 572 | 573 | .markdown-body sup>a::after { 574 | content: "]"; 575 | } 576 | 577 | .markdown-body h1 .octicon-link, 578 | .markdown-body h2 .octicon-link, 579 | .markdown-body h3 .octicon-link, 580 | .markdown-body h4 .octicon-link, 581 | .markdown-body h5 .octicon-link, 582 | .markdown-body h6 .octicon-link { 583 | color: #24292f; 584 | vertical-align: middle; 585 | visibility: hidden; 586 | } 587 | 588 | .markdown-body h1:hover .anchor, 589 | .markdown-body h2:hover .anchor, 590 | .markdown-body h3:hover .anchor, 591 | .markdown-body h4:hover .anchor, 592 | .markdown-body h5:hover .anchor, 593 | .markdown-body h6:hover .anchor { 594 | text-decoration: none; 595 | } 596 | 597 | .markdown-body h1:hover .anchor .octicon-link, 598 | .markdown-body h2:hover .anchor .octicon-link, 599 | .markdown-body h3:hover .anchor .octicon-link, 600 | .markdown-body h4:hover .anchor .octicon-link, 601 | .markdown-body h5:hover .anchor .octicon-link, 602 | .markdown-body h6:hover .anchor .octicon-link { 603 | visibility: visible; 604 | } 605 | 606 | .markdown-body h1 tt, 607 | .markdown-body h1 code, 608 | .markdown-body h2 tt, 609 | .markdown-body h2 code, 610 | .markdown-body h3 tt, 611 | .markdown-body h3 code, 612 | .markdown-body h4 tt, 613 | .markdown-body h4 code, 614 | .markdown-body h5 tt, 615 | .markdown-body h5 code, 616 | .markdown-body h6 tt, 617 | .markdown-body h6 code { 618 | padding: 0 .2em; 619 | font-size: inherit; 620 | } 621 | 622 | .markdown-body ul.no-list, 623 | .markdown-body ol.no-list { 624 | padding: 0; 625 | list-style-type: none; 626 | } 627 | 628 | .markdown-body ol[type="1"] { 629 | list-style-type: decimal; 630 | } 631 | 632 | .markdown-body ol[type=a] { 633 | list-style-type: lower-alpha; 634 | } 635 | 636 | .markdown-body ol[type=i] { 637 | list-style-type: lower-roman; 638 | } 639 | 640 | .markdown-body div>ol:not([type]) { 641 | list-style-type: decimal; 642 | } 643 | 644 | .markdown-body ul ul, 645 | .markdown-body ul ol, 646 | .markdown-body ol ol, 647 | .markdown-body ol ul { 648 | margin-top: 0; 649 | margin-bottom: 0; 650 | } 651 | 652 | .markdown-body li>p { 653 | margin-top: 16px; 654 | } 655 | 656 | .markdown-body li+li { 657 | margin-top: .25em; 658 | } 659 | 660 | .markdown-body dl { 661 | padding: 0; 662 | } 663 | 664 | .markdown-body dl dt { 665 | padding: 0; 666 | margin-top: 16px; 667 | font-size: 1em; 668 | font-style: italic; 669 | font-weight: 600; 670 | } 671 | 672 | .markdown-body dl dd { 673 | padding: 0 16px; 674 | margin-bottom: 16px; 675 | } 676 | 677 | .markdown-body table th { 678 | font-weight: 600; 679 | } 680 | 681 | .markdown-body table th, 682 | .markdown-body table td { 683 | padding: 6px 13px; 684 | border: 1px solid #d0d7de; 685 | } 686 | 687 | .markdown-body table tr { 688 | background-color: #ffffff; 689 | border-top: 1px solid hsla(210,18%,87%,1); 690 | } 691 | 692 | .markdown-body table tr:nth-child(2n) { 693 | background-color: #f6f8fa; 694 | } 695 | 696 | .markdown-body table img { 697 | background-color: transparent; 698 | } 699 | 700 | .markdown-body img[align=right] { 701 | padding-left: 20px; 702 | } 703 | 704 | .markdown-body img[align=left] { 705 | padding-right: 20px; 706 | } 707 | 708 | .markdown-body .emoji { 709 | max-width: none; 710 | vertical-align: text-top; 711 | background-color: transparent; 712 | } 713 | 714 | .markdown-body span.frame { 715 | display: block; 716 | overflow: hidden; 717 | } 718 | 719 | .markdown-body span.frame>span { 720 | display: block; 721 | float: left; 722 | width: auto; 723 | padding: 7px; 724 | margin: 13px 0 0; 725 | overflow: hidden; 726 | border: 1px solid #d0d7de; 727 | } 728 | 729 | .markdown-body span.frame span img { 730 | display: block; 731 | float: left; 732 | } 733 | 734 | .markdown-body span.frame span span { 735 | display: block; 736 | padding: 5px 0 0; 737 | clear: both; 738 | color: #24292f; 739 | } 740 | 741 | .markdown-body span.align-center { 742 | display: block; 743 | overflow: hidden; 744 | clear: both; 745 | } 746 | 747 | .markdown-body span.align-center>span { 748 | display: block; 749 | margin: 13px auto 0; 750 | overflow: hidden; 751 | text-align: center; 752 | } 753 | 754 | .markdown-body span.align-center span img { 755 | margin: 0 auto; 756 | text-align: center; 757 | } 758 | 759 | .markdown-body span.align-right { 760 | display: block; 761 | overflow: hidden; 762 | clear: both; 763 | } 764 | 765 | .markdown-body span.align-right>span { 766 | display: block; 767 | margin: 13px 0 0; 768 | overflow: hidden; 769 | text-align: right; 770 | } 771 | 772 | .markdown-body span.align-right span img { 773 | margin: 0; 774 | text-align: right; 775 | } 776 | 777 | .markdown-body span.float-left { 778 | display: block; 779 | float: left; 780 | margin-right: 13px; 781 | overflow: hidden; 782 | } 783 | 784 | .markdown-body span.float-left span { 785 | margin: 13px 0 0; 786 | } 787 | 788 | .markdown-body span.float-right { 789 | display: block; 790 | float: right; 791 | margin-left: 13px; 792 | overflow: hidden; 793 | } 794 | 795 | .markdown-body span.float-right>span { 796 | display: block; 797 | margin: 13px auto 0; 798 | overflow: hidden; 799 | text-align: right; 800 | } 801 | 802 | .markdown-body code, 803 | .markdown-body tt { 804 | padding: .2em .4em; 805 | margin: 0; 806 | font-size: 85%; 807 | background-color: rgba(175,184,193,0.2); 808 | border-radius: 6px; 809 | } 810 | 811 | .markdown-body code br, 812 | .markdown-body tt br { 813 | display: none; 814 | } 815 | 816 | .markdown-body del code { 817 | text-decoration: inherit; 818 | } 819 | 820 | .markdown-body pre code { 821 | font-size: 100%; 822 | } 823 | 824 | .markdown-body pre>code { 825 | padding: 0; 826 | margin: 0; 827 | word-break: normal; 828 | white-space: pre; 829 | background: transparent; 830 | border: 0; 831 | } 832 | 833 | .markdown-body .highlight { 834 | margin-bottom: 16px; 835 | } 836 | 837 | .markdown-body .highlight pre { 838 | margin-bottom: 0; 839 | word-break: normal; 840 | } 841 | 842 | .markdown-body .highlight pre, 843 | .markdown-body pre { 844 | padding: 16px; 845 | overflow: auto; 846 | font-size: 85%; 847 | line-height: 1.45; 848 | background-color: #f6f8fa; 849 | border-radius: 6px; 850 | } 851 | 852 | .markdown-body pre code, 853 | .markdown-body pre tt { 854 | display: inline; 855 | max-width: auto; 856 | padding: 0; 857 | margin: 0; 858 | overflow: visible; 859 | line-height: inherit; 860 | word-wrap: normal; 861 | background-color: transparent; 862 | border: 0; 863 | } 864 | 865 | .markdown-body .csv-data td, 866 | .markdown-body .csv-data th { 867 | padding: 5px; 868 | overflow: hidden; 869 | font-size: 12px; 870 | line-height: 1; 871 | text-align: left; 872 | white-space: nowrap; 873 | } 874 | 875 | .markdown-body .csv-data .blob-num { 876 | padding: 10px 8px 9px; 877 | text-align: right; 878 | background: #ffffff; 879 | border: 0; 880 | } 881 | 882 | .markdown-body .csv-data tr { 883 | border-top: 0; 884 | } 885 | 886 | .markdown-body .csv-data th { 887 | font-weight: 600; 888 | background: #f6f8fa; 889 | border-top: 0; 890 | } 891 | 892 | .markdown-body .footnotes { 893 | font-size: 12px; 894 | color: #57606a; 895 | border-top: 1px solid #d0d7de; 896 | } 897 | 898 | .markdown-body .footnotes ol { 899 | padding-left: 16px; 900 | } 901 | 902 | .markdown-body .footnotes li { 903 | position: relative; 904 | } 905 | 906 | .markdown-body .footnotes li:target::before { 907 | position: absolute; 908 | top: -8px; 909 | right: -8px; 910 | bottom: -8px; 911 | left: -24px; 912 | pointer-events: none; 913 | content: ""; 914 | border: 2px solid #0969da; 915 | border-radius: 6px; 916 | } 917 | 918 | .markdown-body .footnotes li:target { 919 | color: #24292f; 920 | } 921 | 922 | .markdown-body .footnotes .data-footnote-backref g-emoji { 923 | font-family: monospace; 924 | } 925 | 926 | .markdown-body .task-list-item { 927 | list-style-type: none; 928 | } 929 | 930 | .markdown-body .task-list-item label { 931 | font-weight: 400; 932 | } 933 | 934 | .markdown-body .task-list-item.enabled label { 935 | cursor: pointer; 936 | } 937 | 938 | .markdown-body .task-list-item+.task-list-item { 939 | margin-top: 3px; 940 | } 941 | 942 | .markdown-body .task-list-item .handle { 943 | display: none; 944 | } 945 | 946 | .markdown-body .task-list-item-checkbox { 947 | margin: 0 .2em .25em -1.6em; 948 | vertical-align: middle; 949 | } 950 | 951 | .markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox { 952 | margin: 0 -1.6em .25em .2em; 953 | } 954 | 955 | .markdown-body ::-webkit-calendar-picker-indicator { 956 | filter: invert(50%); 957 | } 958 | 959 | 960 | } -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | GNU GENERAL PUBLIC LICENSE 2 | Version 3, 29 June 2007 3 | 4 | Copyright (C) 2007 Free Software Foundation, Inc. 5 | Everyone is permitted to copy and distribute verbatim copies 6 | of this license document, but changing it is not allowed. 7 | 8 | Preamble 9 | 10 | The GNU General Public License is a free, copyleft license for 11 | software and other kinds of works. 12 | 13 | The licenses for most software and other practical works are designed 14 | to take away your freedom to share and change the works. By contrast, 15 | the GNU General Public License is intended to guarantee your freedom to 16 | share and change all versions of a program--to make sure it remains free 17 | software for all its users. We, the Free Software Foundation, use the 18 | GNU General Public License for most of our software; it applies also to 19 | any other work released this way by its authors. You can apply it to 20 | your programs, too. 21 | 22 | When we speak of free software, we are referring to freedom, not 23 | price. Our General Public Licenses are designed to make sure that you 24 | have the freedom to distribute copies of free software (and charge for 25 | them if you wish), that you receive source code or can get it if you 26 | want it, that you can change the software or use pieces of it in new 27 | free programs, and that you know you can do these things. 28 | 29 | To protect your rights, we need to prevent others from denying you 30 | these rights or asking you to surrender the rights. Therefore, you have 31 | certain responsibilities if you distribute copies of the software, or if 32 | you modify it: responsibilities to respect the freedom of others. 33 | 34 | For example, if you distribute copies of such a program, whether 35 | gratis or for a fee, you must pass on to the recipients the same 36 | freedoms that you received. You must make sure that they, too, receive 37 | or can get the source code. And you must show them these terms so they 38 | know their rights. 39 | 40 | Developers that use the GNU GPL protect your rights with two steps: 41 | (1) assert copyright on the software, and (2) offer you this License 42 | giving you legal permission to copy, distribute and/or modify it. 43 | 44 | For the developers' and authors' protection, the GPL clearly explains 45 | that there is no warranty for this free software. For both users' and 46 | authors' sake, the GPL requires that modified versions be marked as 47 | changed, so that their problems will not be attributed erroneously to 48 | authors of previous versions. 49 | 50 | Some devices are designed to deny users access to install or run 51 | modified versions of the software inside them, although the manufacturer 52 | can do so. This is fundamentally incompatible with the aim of 53 | protecting users' freedom to change the software. The systematic 54 | pattern of such abuse occurs in the area of products for individuals to 55 | use, which is precisely where it is most unacceptable. Therefore, we 56 | have designed this version of the GPL to prohibit the practice for those 57 | products. If such problems arise substantially in other domains, we 58 | stand ready to extend this provision to those domains in future versions 59 | of the GPL, as needed to protect the freedom of users. 60 | 61 | Finally, every program is threatened constantly by software patents. 62 | States should not allow patents to restrict development and use of 63 | software on general-purpose computers, but in those that do, we wish to 64 | avoid the special danger that patents applied to a free program could 65 | make it effectively proprietary. To prevent this, the GPL assures that 66 | patents cannot be used to render the program non-free. 67 | 68 | The precise terms and conditions for copying, distribution and 69 | modification follow. 70 | 71 | TERMS AND CONDITIONS 72 | 73 | 0. Definitions. 74 | 75 | "This License" refers to version 3 of the GNU General Public License. 76 | 77 | "Copyright" also means copyright-like laws that apply to other kinds of 78 | works, such as semiconductor masks. 79 | 80 | "The Program" refers to any copyrightable work licensed under this 81 | License. Each licensee is addressed as "you". "Licensees" and 82 | "recipients" may be individuals or organizations. 83 | 84 | To "modify" a work means to copy from or adapt all or part of the work 85 | in a fashion requiring copyright permission, other than the making of an 86 | exact copy. The resulting work is called a "modified version" of the 87 | earlier work or a work "based on" the earlier work. 88 | 89 | A "covered work" means either the unmodified Program or a work based 90 | on the Program. 91 | 92 | To "propagate" a work means to do anything with it that, without 93 | permission, would make you directly or secondarily liable for 94 | infringement under applicable copyright law, except executing it on a 95 | computer or modifying a private copy. Propagation includes copying, 96 | distribution (with or without modification), making available to the 97 | public, and in some countries other activities as well. 98 | 99 | To "convey" a work means any kind of propagation that enables other 100 | parties to make or receive copies. Mere interaction with a user through 101 | a computer network, with no transfer of a copy, is not conveying. 102 | 103 | An interactive user interface displays "Appropriate Legal Notices" 104 | to the extent that it includes a convenient and prominently visible 105 | feature that (1) displays an appropriate copyright notice, and (2) 106 | tells the user that there is no warranty for the work (except to the 107 | extent that warranties are provided), that licensees may convey the 108 | work under this License, and how to view a copy of this License. If 109 | the interface presents a list of user commands or options, such as a 110 | menu, a prominent item in the list meets this criterion. 111 | 112 | 1. Source Code. 113 | 114 | The "source code" for a work means the preferred form of the work 115 | for making modifications to it. "Object code" means any non-source 116 | form of a work. 117 | 118 | A "Standard Interface" means an interface that either is an official 119 | standard defined by a recognized standards body, or, in the case of 120 | interfaces specified for a particular programming language, one that 121 | is widely used among developers working in that language. 122 | 123 | The "System Libraries" of an executable work include anything, other 124 | than the work as a whole, that (a) is included in the normal form of 125 | packaging a Major Component, but which is not part of that Major 126 | Component, and (b) serves only to enable use of the work with that 127 | Major Component, or to implement a Standard Interface for which an 128 | implementation is available to the public in source code form. A 129 | "Major Component", in this context, means a major essential component 130 | (kernel, window system, and so on) of the specific operating system 131 | (if any) on which the executable work runs, or a compiler used to 132 | produce the work, or an object code interpreter used to run it. 133 | 134 | The "Corresponding Source" for a work in object code form means all 135 | the source code needed to generate, install, and (for an executable 136 | work) run the object code and to modify the work, including scripts to 137 | control those activities. However, it does not include the work's 138 | System Libraries, or general-purpose tools or generally available free 139 | programs which are used unmodified in performing those activities but 140 | which are not part of the work. For example, Corresponding Source 141 | includes interface definition files associated with source files for 142 | the work, and the source code for shared libraries and dynamically 143 | linked subprograms that the work is specifically designed to require, 144 | such as by intimate data communication or control flow between those 145 | subprograms and other parts of the work. 146 | 147 | The Corresponding Source need not include anything that users 148 | can regenerate automatically from other parts of the Corresponding 149 | Source. 150 | 151 | The Corresponding Source for a work in source code form is that 152 | same work. 153 | 154 | 2. Basic Permissions. 155 | 156 | All rights granted under this License are granted for the term of 157 | copyright on the Program, and are irrevocable provided the stated 158 | conditions are met. This License explicitly affirms your unlimited 159 | permission to run the unmodified Program. The output from running a 160 | covered work is covered by this License only if the output, given its 161 | content, constitutes a covered work. This License acknowledges your 162 | rights of fair use or other equivalent, as provided by copyright law. 163 | 164 | You may make, run and propagate covered works that you do not 165 | convey, without conditions so long as your license otherwise remains 166 | in force. You may convey covered works to others for the sole purpose 167 | of having them make modifications exclusively for you, or provide you 168 | with facilities for running those works, provided that you comply with 169 | the terms of this License in conveying all material for which you do 170 | not control copyright. Those thus making or running the covered works 171 | for you must do so exclusively on your behalf, under your direction 172 | and control, on terms that prohibit them from making any copies of 173 | your copyrighted material outside their relationship with you. 174 | 175 | Conveying under any other circumstances is permitted solely under 176 | the conditions stated below. Sublicensing is not allowed; section 10 177 | makes it unnecessary. 178 | 179 | 3. Protecting Users' Legal Rights From Anti-Circumvention Law. 180 | 181 | No covered work shall be deemed part of an effective technological 182 | measure under any applicable law fulfilling obligations under article 183 | 11 of the WIPO copyright treaty adopted on 20 December 1996, or 184 | similar laws prohibiting or restricting circumvention of such 185 | measures. 186 | 187 | When you convey a covered work, you waive any legal power to forbid 188 | circumvention of technological measures to the extent such circumvention 189 | is effected by exercising rights under this License with respect to 190 | the covered work, and you disclaim any intention to limit operation or 191 | modification of the work as a means of enforcing, against the work's 192 | users, your or third parties' legal rights to forbid circumvention of 193 | technological measures. 194 | 195 | 4. Conveying Verbatim Copies. 196 | 197 | You may convey verbatim copies of the Program's source code as you 198 | receive it, in any medium, provided that you conspicuously and 199 | appropriately publish on each copy an appropriate copyright notice; 200 | keep intact all notices stating that this License and any 201 | non-permissive terms added in accord with section 7 apply to the code; 202 | keep intact all notices of the absence of any warranty; and give all 203 | recipients a copy of this License along with the Program. 204 | 205 | You may charge any price or no price for each copy that you convey, 206 | and you may offer support or warranty protection for a fee. 207 | 208 | 5. Conveying Modified Source Versions. 209 | 210 | You may convey a work based on the Program, or the modifications to 211 | produce it from the Program, in the form of source code under the 212 | terms of section 4, provided that you also meet all of these conditions: 213 | 214 | a) The work must carry prominent notices stating that you modified 215 | it, and giving a relevant date. 216 | 217 | b) The work must carry prominent notices stating that it is 218 | released under this License and any conditions added under section 219 | 7. This requirement modifies the requirement in section 4 to 220 | "keep intact all notices". 221 | 222 | c) You must license the entire work, as a whole, under this 223 | License to anyone who comes into possession of a copy. This 224 | License will therefore apply, along with any applicable section 7 225 | additional terms, to the whole of the work, and all its parts, 226 | regardless of how they are packaged. This License gives no 227 | permission to license the work in any other way, but it does not 228 | invalidate such permission if you have separately received it. 229 | 230 | d) If the work has interactive user interfaces, each must display 231 | Appropriate Legal Notices; however, if the Program has interactive 232 | interfaces that do not display Appropriate Legal Notices, your 233 | work need not make them do so. 234 | 235 | A compilation of a covered work with other separate and independent 236 | works, which are not by their nature extensions of the covered work, 237 | and which are not combined with it such as to form a larger program, 238 | in or on a volume of a storage or distribution medium, is called an 239 | "aggregate" if the compilation and its resulting copyright are not 240 | used to limit the access or legal rights of the compilation's users 241 | beyond what the individual works permit. Inclusion of a covered work 242 | in an aggregate does not cause this License to apply to the other 243 | parts of the aggregate. 244 | 245 | 6. Conveying Non-Source Forms. 246 | 247 | You may convey a covered work in object code form under the terms 248 | of sections 4 and 5, provided that you also convey the 249 | machine-readable Corresponding Source under the terms of this License, 250 | in one of these ways: 251 | 252 | a) Convey the object code in, or embodied in, a physical product 253 | (including a physical distribution medium), accompanied by the 254 | Corresponding Source fixed on a durable physical medium 255 | customarily used for software interchange. 256 | 257 | b) Convey the object code in, or embodied in, a physical product 258 | (including a physical distribution medium), accompanied by a 259 | written offer, valid for at least three years and valid for as 260 | long as you offer spare parts or customer support for that product 261 | model, to give anyone who possesses the object code either (1) a 262 | copy of the Corresponding Source for all the software in the 263 | product that is covered by this License, on a durable physical 264 | medium customarily used for software interchange, for a price no 265 | more than your reasonable cost of physically performing this 266 | conveying of source, or (2) access to copy the 267 | Corresponding Source from a network server at no charge. 268 | 269 | c) Convey individual copies of the object code with a copy of the 270 | written offer to provide the Corresponding Source. This 271 | alternative is allowed only occasionally and noncommercially, and 272 | only if you received the object code with such an offer, in accord 273 | with subsection 6b. 274 | 275 | d) Convey the object code by offering access from a designated 276 | place (gratis or for a charge), and offer equivalent access to the 277 | Corresponding Source in the same way through the same place at no 278 | further charge. You need not require recipients to copy the 279 | Corresponding Source along with the object code. If the place to 280 | copy the object code is a network server, the Corresponding Source 281 | may be on a different server (operated by you or a third party) 282 | that supports equivalent copying facilities, provided you maintain 283 | clear directions next to the object code saying where to find the 284 | Corresponding Source. Regardless of what server hosts the 285 | Corresponding Source, you remain obligated to ensure that it is 286 | available for as long as needed to satisfy these requirements. 287 | 288 | e) Convey the object code using peer-to-peer transmission, provided 289 | you inform other peers where the object code and Corresponding 290 | Source of the work are being offered to the general public at no 291 | charge under subsection 6d. 292 | 293 | A separable portion of the object code, whose source code is excluded 294 | from the Corresponding Source as a System Library, need not be 295 | included in conveying the object code work. 296 | 297 | A "User Product" is either (1) a "consumer product", which means any 298 | tangible personal property which is normally used for personal, family, 299 | or household purposes, or (2) anything designed or sold for incorporation 300 | into a dwelling. In determining whether a product is a consumer product, 301 | doubtful cases shall be resolved in favor of coverage. For a particular 302 | product received by a particular user, "normally used" refers to a 303 | typical or common use of that class of product, regardless of the status 304 | of the particular user or of the way in which the particular user 305 | actually uses, or expects or is expected to use, the product. A product 306 | is a consumer product regardless of whether the product has substantial 307 | commercial, industrial or non-consumer uses, unless such uses represent 308 | the only significant mode of use of the product. 309 | 310 | "Installation Information" for a User Product means any methods, 311 | procedures, authorization keys, or other information required to install 312 | and execute modified versions of a covered work in that User Product from 313 | a modified version of its Corresponding Source. The information must 314 | suffice to ensure that the continued functioning of the modified object 315 | code is in no case prevented or interfered with solely because 316 | modification has been made. 317 | 318 | If you convey an object code work under this section in, or with, or 319 | specifically for use in, a User Product, and the conveying occurs as 320 | part of a transaction in which the right of possession and use of the 321 | User Product is transferred to the recipient in perpetuity or for a 322 | fixed term (regardless of how the transaction is characterized), the 323 | Corresponding Source conveyed under this section must be accompanied 324 | by the Installation Information. But this requirement does not apply 325 | if neither you nor any third party retains the ability to install 326 | modified object code on the User Product (for example, the work has 327 | been installed in ROM). 328 | 329 | The requirement to provide Installation Information does not include a 330 | requirement to continue to provide support service, warranty, or updates 331 | for a work that has been modified or installed by the recipient, or for 332 | the User Product in which it has been modified or installed. Access to a 333 | network may be denied when the modification itself materially and 334 | adversely affects the operation of the network or violates the rules and 335 | protocols for communication across the network. 336 | 337 | Corresponding Source conveyed, and Installation Information provided, 338 | in accord with this section must be in a format that is publicly 339 | documented (and with an implementation available to the public in 340 | source code form), and must require no special password or key for 341 | unpacking, reading or copying. 342 | 343 | 7. Additional Terms. 344 | 345 | "Additional permissions" are terms that supplement the terms of this 346 | License by making exceptions from one or more of its conditions. 347 | Additional permissions that are applicable to the entire Program shall 348 | be treated as though they were included in this License, to the extent 349 | that they are valid under applicable law. If additional permissions 350 | apply only to part of the Program, that part may be used separately 351 | under those permissions, but the entire Program remains governed by 352 | this License without regard to the additional permissions. 353 | 354 | When you convey a copy of a covered work, you may at your option 355 | remove any additional permissions from that copy, or from any part of 356 | it. (Additional permissions may be written to require their own 357 | removal in certain cases when you modify the work.) You may place 358 | additional permissions on material, added by you to a covered work, 359 | for which you have or can give appropriate copyright permission. 360 | 361 | Notwithstanding any other provision of this License, for material you 362 | add to a covered work, you may (if authorized by the copyright holders of 363 | that material) supplement the terms of this License with terms: 364 | 365 | a) Disclaiming warranty or limiting liability differently from the 366 | terms of sections 15 and 16 of this License; or 367 | 368 | b) Requiring preservation of specified reasonable legal notices or 369 | author attributions in that material or in the Appropriate Legal 370 | Notices displayed by works containing it; or 371 | 372 | c) Prohibiting misrepresentation of the origin of that material, or 373 | requiring that modified versions of such material be marked in 374 | reasonable ways as different from the original version; or 375 | 376 | d) Limiting the use for publicity purposes of names of licensors or 377 | authors of the material; or 378 | 379 | e) Declining to grant rights under trademark law for use of some 380 | trade names, trademarks, or service marks; or 381 | 382 | f) Requiring indemnification of licensors and authors of that 383 | material by anyone who conveys the material (or modified versions of 384 | it) with contractual assumptions of liability to the recipient, for 385 | any liability that these contractual assumptions directly impose on 386 | those licensors and authors. 387 | 388 | All other non-permissive additional terms are considered "further 389 | restrictions" within the meaning of section 10. If the Program as you 390 | received it, or any part of it, contains a notice stating that it is 391 | governed by this License along with a term that is a further 392 | restriction, you may remove that term. If a license document contains 393 | a further restriction but permits relicensing or conveying under this 394 | License, you may add to a covered work material governed by the terms 395 | of that license document, provided that the further restriction does 396 | not survive such relicensing or conveying. 397 | 398 | If you add terms to a covered work in accord with this section, you 399 | must place, in the relevant source files, a statement of the 400 | additional terms that apply to those files, or a notice indicating 401 | where to find the applicable terms. 402 | 403 | Additional terms, permissive or non-permissive, may be stated in the 404 | form of a separately written license, or stated as exceptions; 405 | the above requirements apply either way. 406 | 407 | 8. Termination. 408 | 409 | You may not propagate or modify a covered work except as expressly 410 | provided under this License. Any attempt otherwise to propagate or 411 | modify it is void, and will automatically terminate your rights under 412 | this License (including any patent licenses granted under the third 413 | paragraph of section 11). 414 | 415 | However, if you cease all violation of this License, then your 416 | license from a particular copyright holder is reinstated (a) 417 | provisionally, unless and until the copyright holder explicitly and 418 | finally terminates your license, and (b) permanently, if the copyright 419 | holder fails to notify you of the violation by some reasonable means 420 | prior to 60 days after the cessation. 421 | 422 | Moreover, your license from a particular copyright holder is 423 | reinstated permanently if the copyright holder notifies you of the 424 | violation by some reasonable means, this is the first time you have 425 | received notice of violation of this License (for any work) from that 426 | copyright holder, and you cure the violation prior to 30 days after 427 | your receipt of the notice. 428 | 429 | Termination of your rights under this section does not terminate the 430 | licenses of parties who have received copies or rights from you under 431 | this License. If your rights have been terminated and not permanently 432 | reinstated, you do not qualify to receive new licenses for the same 433 | material under section 10. 434 | 435 | 9. Acceptance Not Required for Having Copies. 436 | 437 | You are not required to accept this License in order to receive or 438 | run a copy of the Program. Ancillary propagation of a covered work 439 | occurring solely as a consequence of using peer-to-peer transmission 440 | to receive a copy likewise does not require acceptance. However, 441 | nothing other than this License grants you permission to propagate or 442 | modify any covered work. These actions infringe copyright if you do 443 | not accept this License. Therefore, by modifying or propagating a 444 | covered work, you indicate your acceptance of this License to do so. 445 | 446 | 10. Automatic Licensing of Downstream Recipients. 447 | 448 | Each time you convey a covered work, the recipient automatically 449 | receives a license from the original licensors, to run, modify and 450 | propagate that work, subject to this License. You are not responsible 451 | for enforcing compliance by third parties with this License. 452 | 453 | An "entity transaction" is a transaction transferring control of an 454 | organization, or substantially all assets of one, or subdividing an 455 | organization, or merging organizations. If propagation of a covered 456 | work results from an entity transaction, each party to that 457 | transaction who receives a copy of the work also receives whatever 458 | licenses to the work the party's predecessor in interest had or could 459 | give under the previous paragraph, plus a right to possession of the 460 | Corresponding Source of the work from the predecessor in interest, if 461 | the predecessor has it or can get it with reasonable efforts. 462 | 463 | You may not impose any further restrictions on the exercise of the 464 | rights granted or affirmed under this License. For example, you may 465 | not impose a license fee, royalty, or other charge for exercise of 466 | rights granted under this License, and you may not initiate litigation 467 | (including a cross-claim or counterclaim in a lawsuit) alleging that 468 | any patent claim is infringed by making, using, selling, offering for 469 | sale, or importing the Program or any portion of it. 470 | 471 | 11. Patents. 472 | 473 | A "contributor" is a copyright holder who authorizes use under this 474 | License of the Program or a work on which the Program is based. The 475 | work thus licensed is called the contributor's "contributor version". 476 | 477 | A contributor's "essential patent claims" are all patent claims 478 | owned or controlled by the contributor, whether already acquired or 479 | hereafter acquired, that would be infringed by some manner, permitted 480 | by this License, of making, using, or selling its contributor version, 481 | but do not include claims that would be infringed only as a 482 | consequence of further modification of the contributor version. For 483 | purposes of this definition, "control" includes the right to grant 484 | patent sublicenses in a manner consistent with the requirements of 485 | this License. 486 | 487 | Each contributor grants you a non-exclusive, worldwide, royalty-free 488 | patent license under the contributor's essential patent claims, to 489 | make, use, sell, offer for sale, import and otherwise run, modify and 490 | propagate the contents of its contributor version. 491 | 492 | In the following three paragraphs, a "patent license" is any express 493 | agreement or commitment, however denominated, not to enforce a patent 494 | (such as an express permission to practice a patent or covenant not to 495 | sue for patent infringement). To "grant" such a patent license to a 496 | party means to make such an agreement or commitment not to enforce a 497 | patent against the party. 498 | 499 | If you convey a covered work, knowingly relying on a patent license, 500 | and the Corresponding Source of the work is not available for anyone 501 | to copy, free of charge and under the terms of this License, through a 502 | publicly available network server or other readily accessible means, 503 | then you must either (1) cause the Corresponding Source to be so 504 | available, or (2) arrange to deprive yourself of the benefit of the 505 | patent license for this particular work, or (3) arrange, in a manner 506 | consistent with the requirements of this License, to extend the patent 507 | license to downstream recipients. "Knowingly relying" means you have 508 | actual knowledge that, but for the patent license, your conveying the 509 | covered work in a country, or your recipient's use of the covered work 510 | in a country, would infringe one or more identifiable patents in that 511 | country that you have reason to believe are valid. 512 | 513 | If, pursuant to or in connection with a single transaction or 514 | arrangement, you convey, or propagate by procuring conveyance of, a 515 | covered work, and grant a patent license to some of the parties 516 | receiving the covered work authorizing them to use, propagate, modify 517 | or convey a specific copy of the covered work, then the patent license 518 | you grant is automatically extended to all recipients of the covered 519 | work and works based on it. 520 | 521 | A patent license is "discriminatory" if it does not include within 522 | the scope of its coverage, prohibits the exercise of, or is 523 | conditioned on the non-exercise of one or more of the rights that are 524 | specifically granted under this License. You may not convey a covered 525 | work if you are a party to an arrangement with a third party that is 526 | in the business of distributing software, under which you make payment 527 | to the third party based on the extent of your activity of conveying 528 | the work, and under which the third party grants, to any of the 529 | parties who would receive the covered work from you, a discriminatory 530 | patent license (a) in connection with copies of the covered work 531 | conveyed by you (or copies made from those copies), or (b) primarily 532 | for and in connection with specific products or compilations that 533 | contain the covered work, unless you entered into that arrangement, 534 | or that patent license was granted, prior to 28 March 2007. 535 | 536 | Nothing in this License shall be construed as excluding or limiting 537 | any implied license or other defenses to infringement that may 538 | otherwise be available to you under applicable patent law. 539 | 540 | 12. No Surrender of Others' Freedom. 541 | 542 | If conditions are imposed on you (whether by court order, agreement or 543 | otherwise) that contradict the conditions of this License, they do not 544 | excuse you from the conditions of this License. If you cannot convey a 545 | covered work so as to satisfy simultaneously your obligations under this 546 | License and any other pertinent obligations, then as a consequence you may 547 | not convey it at all. For example, if you agree to terms that obligate you 548 | to collect a royalty for further conveying from those to whom you convey 549 | the Program, the only way you could satisfy both those terms and this 550 | License would be to refrain entirely from conveying the Program. 551 | 552 | 13. Use with the GNU Affero General Public License. 553 | 554 | Notwithstanding any other provision of this License, you have 555 | permission to link or combine any covered work with a work licensed 556 | under version 3 of the GNU Affero General Public License into a single 557 | combined work, and to convey the resulting work. The terms of this 558 | License will continue to apply to the part which is the covered work, 559 | but the special requirements of the GNU Affero General Public License, 560 | section 13, concerning interaction through a network will apply to the 561 | combination as such. 562 | 563 | 14. Revised Versions of this License. 564 | 565 | The Free Software Foundation may publish revised and/or new versions of 566 | the GNU General Public License from time to time. Such new versions will 567 | be similar in spirit to the present version, but may differ in detail to 568 | address new problems or concerns. 569 | 570 | Each version is given a distinguishing version number. If the 571 | Program specifies that a certain numbered version of the GNU General 572 | Public License "or any later version" applies to it, you have the 573 | option of following the terms and conditions either of that numbered 574 | version or of any later version published by the Free Software 575 | Foundation. If the Program does not specify a version number of the 576 | GNU General Public License, you may choose any version ever published 577 | by the Free Software Foundation. 578 | 579 | If the Program specifies that a proxy can decide which future 580 | versions of the GNU General Public License can be used, that proxy's 581 | public statement of acceptance of a version permanently authorizes you 582 | to choose that version for the Program. 583 | 584 | Later license versions may give you additional or different 585 | permissions. However, no additional obligations are imposed on any 586 | author or copyright holder as a result of your choosing to follow a 587 | later version. 588 | 589 | 15. Disclaimer of Warranty. 590 | 591 | THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY 592 | APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT 593 | HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY 594 | OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, 595 | THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR 596 | PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM 597 | IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF 598 | ALL NECESSARY SERVICING, REPAIR OR CORRECTION. 599 | 600 | 16. Limitation of Liability. 601 | 602 | IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING 603 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS 604 | THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY 605 | GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE 606 | USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF 607 | DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD 608 | PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), 609 | EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF 610 | SUCH DAMAGES. 611 | 612 | 17. Interpretation of Sections 15 and 16. 613 | 614 | If the disclaimer of warranty and limitation of liability provided 615 | above cannot be given local legal effect according to their terms, 616 | reviewing courts shall apply local law that most closely approximates 617 | an absolute waiver of all civil liability in connection with the 618 | Program, unless a warranty or assumption of liability accompanies a 619 | copy of the Program in return for a fee. 620 | 621 | END OF TERMS AND CONDITIONS 622 | 623 | How to Apply These Terms to Your New Programs 624 | 625 | If you develop a new program, and you want it to be of the greatest 626 | possible use to the public, the best way to achieve this is to make it 627 | free software which everyone can redistribute and change under these terms. 628 | 629 | To do so, attach the following notices to the program. It is safest 630 | to attach them to the start of each source file to most effectively 631 | state the exclusion of warranty; and each file should have at least 632 | the "copyright" line and a pointer to where the full notice is found. 633 | 634 | 635 | Copyright (C) 636 | 637 | This program is free software: you can redistribute it and/or modify 638 | it under the terms of the GNU General Public License as published by 639 | the Free Software Foundation, either version 3 of the License, or 640 | (at your option) any later version. 641 | 642 | This program is distributed in the hope that it will be useful, 643 | but WITHOUT ANY WARRANTY; without even the implied warranty of 644 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 645 | GNU General Public License for more details. 646 | 647 | You should have received a copy of the GNU General Public License 648 | along with this program. If not, see . 649 | 650 | Also add information on how to contact you by electronic and paper mail. 651 | 652 | If the program does terminal interaction, make it output a short 653 | notice like this when it starts in an interactive mode: 654 | 655 | Copyright (C) 656 | This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'. 657 | This is free software, and you are welcome to redistribute it 658 | under certain conditions; type `show c' for details. 659 | 660 | The hypothetical commands `show w' and `show c' should show the appropriate 661 | parts of the General Public License. Of course, your program's commands 662 | might be different; for a GUI interface, you would use an "about box". 663 | 664 | You should also get your employer (if you work as a programmer) or school, 665 | if any, to sign a "copyright disclaimer" for the program, if necessary. 666 | For more information on this, and how to apply and follow the GNU GPL, see 667 | . 668 | 669 | The GNU General Public License does not permit incorporating your program 670 | into proprietary programs. If your program is a subroutine library, you 671 | may consider it more useful to permit linking proprietary applications with 672 | the library. If this is what you want to do, use the GNU Lesser General 673 | Public License instead of this License. But first, please read 674 | . 675 | --------------------------------------------------------------------------------