![\"CI](\"https://github.com/webclipper/web-clipper/workflows/CI%20Test/badge.svg\"){kind=icon}
\n \n \n ![\"Codecov\"](\"https://img.shields.io/codecov/c/github/webclipper/web-clipper/master.svg?style=flat-square\")
\n \n![](\"https://clipper.website/static/image/screenshot.png\")
\n\n### Support Site\n\n- [FlowUs](https://flowus.cn/)\n- [Obsidian](https://obsidian.md/)\n- [Github](https://github.com)\n- [Yuque](https://www.yuque.com)\n- [Buildin.AI](https://buildin.ai/product)\n- [Notion](https://www.notion.so/)\n- [Youdao](https://note.youdao.com/)\n- [OneNote](https://www.onenote.com/)\n- [Bear](https://bear.app)\n- [Joplin](https://joplinapp.org/)\n- [Server Chan](http://sc.ftqq.com/3.version)\n- [dida365](https://dida365.com/)\n- [baklib](https://www.baklib-free.com/)\n- [wolai](https://www.wolai.com/)\n- [Leanote](https://github.com/leanote/leanote)\n- [Flomo](https://flomoapp.com/)\n- [Siyuan](https://b3log.org/siyuan)\n- [Ulysses](https://ulysses.app/)\n- [Confluence](https://www.atlassian.com/software/confluence)\n\n### Install\n\n- [Chrome](https://chrome.google.com/webstore/detail/web-clipper/mhfbofiokmppgdliakminbgdgcmbhbac)\n\n- [Edge](https://microsoftedge.microsoft.com/addons/detail/opejamnnohhbjflpbhnmdlknhjkfhfdp)\n\nps: Because the review takes a week, the version will fall behind.\n\n#### From Github\n\n1. Download the webclipper.zip from [release page](https://github.com/webclipper/web-clipper/releases)\n2. Go to **chrome://extensions/** and check the box for **Developer mode** in the top right.\n3. Locate the ZIP file on your computer and unzip it.\n4. Go back to the chrome://extensions/ page and click the **Load unpacked extension** button and select the unzipped folder for your extension to install it.\n\n### Develop\n\n```bash\n$ git clone https://github.com/webclipper/web-clipper.git\n$ cd web-clipper\n$ npm i\n$ npm run dev\n```\n\n- You should load the 'dist/chrome' folder in Chrome.\n\n- You should load the 'dist/manifest.json' folder in Firefox.\n\n### Test\n\n```bash\n$ npm run test\n```\n\n### Feedback\n\n| Type | Link |\n| -------- | ---------------------------------------------------- |\n| Telegram | [Link](https://t.me/joinchat/HoVttRRUIA6aXASixzoqAw) |\n"
},
{
"path": "bin/index.js",
"content": "#!/usr/bin/env node\nrequire('ts-node').register({\n transpileOnly: true,\n});\nrequire('./main');\n"
},
{
"path": "bin/main.ts",
"content": "import { hideBin } from 'yargs/helpers';\nimport { format } from './scripts';\n\nconst [command] = hideBin(process.argv);\n\nswitch (command) {\n case 'format': {\n format();\n break;\n }\n default: {\n throw new Error('unknown command');\n }\n}\n"
},
{
"path": "bin/scripts/format.ts",
"content": "import * as fs from 'fs';\nimport * as path from 'path';\n\nexport function format() {\n const localsPath = path.resolve(__dirname, '../../src/common/locales/data');\n const files = fs.readdirSync(localsPath);\n\n const sortedKeys = Object.keys(\n JSON.parse(fs.readFileSync(path.resolve(localsPath, 'en-US.json'), { encoding: 'utf-8' }))\n ).sort((a, b) => a.localeCompare(b));\n\n files\n .filter(file => path.extname(file) === '.json')\n .map(file => path.resolve(localsPath, file))\n .forEach(file => {\n const messages = JSON.parse(fs.readFileSync(file, 'utf-8'));\n const result = {};\n\n sortedKeys.forEach(key => {\n result[key] = messages[key] || '';\n });\n\n fs.writeFileSync(file, JSON.stringify(result, null, 2));\n });\n}\n"
},
{
"path": "bin/scripts/index.ts",
"content": "export { format } from './format';\n"
},
{
"path": "chrome/html/error.html",
"content": "\n\n\n\n \n \n \n After installing the plugin, if you want to use it on pages that were already open before installation, please\n refresh the page.\n
\n$1
');\n },\n });\n const XSRFToken = await this.getXSRFToken();\n const res = await request.request<{ code: number; message: string }>(\n 'https://flomoapp.com/api/memo/',\n {\n method: 'put',\n requestType: 'json',\n headers: {\n 'x-requested-with': 'XMLHttpRequest',\n 'x-xsrf-token': decodeURIComponent(XSRFToken),\n },\n data: {\n source: 'web',\n parent_memo_slug: null,\n content: converter.makeHtml(info.content),\n file_ids: [],\n },\n }\n );\n if (res.code !== 0) {\n throw new Error(res.message);\n }\n return {\n href: `https://flomoapp.com/mine`,\n };\n };\n\n private async getXSRFToken(): Promise${req.content}`;\n let response;\n const data = {\n kbGuid: this.userInfo?.kbGuid,\n html: `${html}`,\n category: req.repositoryId,\n url: req.url,\n owner: this.userInfo?.email,\n tags: tags.join('*'),\n title: `${req.title}.md`,\n params: null,\n appInfo: null,\n };\n if (this.tempDoc) {\n response = await this.doUpdateDocument({\n ...data,\n ...this.tempDoc,\n });\n } else {\n response = await this.doCreateDocument({\n ...data,\n });\n this.tempDoc = null;\n }\n\n return {\n href: `${this.config.origin}/wapp/folder/${this.userInfo!.kbGuid}?c=${encodeURIComponent(\n req.repositoryId\n )}&docGuid=${response.result.docGuid}`,\n };\n };\n\n private request