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