25 |
28 |
);
29 | }
30 |
31 | return ();
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/assets/css/themes/dark-theme.css:
--------------------------------------------------------------------------------
1 | /* #22272e */
2 |
3 |
4 | [data-theme^="dark"] .CodeMirror,
5 | [data-theme^="dark"] #input .editor-statusbar,
6 | [data-theme^="dark"] #input .editor-toolbar {
7 | background: #22272e;
8 | }
9 |
10 | #input .CodeMirror.cm-s-django .cm-link {
11 | color: #539bf5;
12 | }
13 |
14 | #input .CodeMirror.cm-s-django,
15 | #input .CodeMirror.cm-s-django .cm-variable-2,
16 | .CodeMirror.cm-s-django .cm-header {
17 | color: #adbac7;
18 | }
19 |
20 | #input .CodeMirror.cm-s-django .cm-quote {
21 | color: #768390;
22 | }
23 |
24 | #input .cm-s-django .cm-header-1 {
25 | font-size: 200%;
26 | line-height: 200%;
27 | }
28 |
29 | /* todo: add more font size */
30 | #input .cm-s-django .cm-header-2 {
31 | font-size: 160%;
32 | line-height: 160%;
33 | }
34 |
35 | #input .cm-s-django .cm-header-3 {
36 | font-size: 125%;
37 | line-height: 125%;
38 | }
39 |
40 | #input .cm-s-django .cm-header-4 {
41 | font-size: 110%;
42 | line-height: 110%;
43 | }
44 |
--------------------------------------------------------------------------------
/src/render/support/file.utils.ts:
--------------------------------------------------------------------------------
1 | export function getFileName(path: string) {
2 | if (!path) {
3 | return path;
4 | }
5 |
6 | const splitArray = path.split("/");
7 | return splitArray[splitArray.length - 1];
8 | }
9 |
10 | export function getCodeMirrorMode(file: string) {
11 | file = getFileName(file);
12 |
13 | if (file.toLowerCase() === "makefile") {
14 | return "cmake";
15 | }
16 |
17 | let format = "gfm";
18 | if (file.endsWith(".css")) {
19 | format = "css";
20 | }
21 | if (file.endsWith(".js")) {
22 | format = "js";
23 | }
24 | if (file.endsWith(".html")) {
25 | format = "xml";
26 | }
27 | if (file.endsWith(".tex")) {
28 | format = "tex";
29 | }
30 | if (file.endsWith(".tex")) {
31 | format = "textile";
32 | }
33 | if (file.endsWith(".xml")) {
34 | format = "xml";
35 | }
36 | if (file.endsWith(".yml")) {
37 | format = "yaml";
38 | }
39 | if (file.endsWith(".md")) {
40 | format = "multiplex";
41 | }
42 | return format;
43 | }
44 |
--------------------------------------------------------------------------------
/docs/spike/shortcuts.md:
--------------------------------------------------------------------------------
1 | 快捷键
2 | ===
3 |
4 | https://electronjs.org/docs/tutorial/keyboard-shortcuts
5 |
6 |
7 | 菜单
8 | ---
9 |
10 | ```javascript
11 | const {Menu, MenuItem} = require('electron')
12 | const menu = new Menu()
13 |
14 | menu.append(new MenuItem({
15 | label: 'Print',
16 | accelerator: 'CmdOrCtrl+P',
17 | click: () => { console.log('time to print stuff') }
18 | }))
19 | ```
20 |
21 | 全局
22 | ---
23 |
24 | ```
25 | const {app, globalShortcut} = require('electron')
26 |
27 | app.on('ready', () => {
28 | globalShortcut.register('CommandOrControl+X', () => {
29 | console.log('CommandOrControl+X is pressed')
30 | })
31 | })
32 | ```
33 |
34 | BrowserWindow
35 | ---
36 |
37 | [Mousetrap](https://github.com/ccampbell/mousetrap)
38 |
39 | ```javascript
40 | // gmail 风格序列
41 | Mousetrap.bind('g i', () => { console.log('go to inbox') })
42 | Mousetrap.bind('* a', () => { console.log('select all') })
43 |
44 | // konami 代码
45 | Mousetrap.bind('up up down down left right left right b a enter', () => {
46 | console.log('konami code')
47 | })
48 | ```
49 |
50 |
--------------------------------------------------------------------------------
/components/interact/src/karma.conf.js:
--------------------------------------------------------------------------------
1 | // Karma configuration file, see link for more information
2 | // https://karma-runner.github.io/1.0/config/configuration-file.html
3 |
4 | module.exports = function (config) {
5 | config.set({
6 | basePath: '',
7 | frameworks: ['jasmine', '@angular-devkit/build-angular'],
8 | plugins: [
9 | require('karma-jasmine'),
10 | require('karma-chrome-launcher'),
11 | require('karma-jasmine-html-reporter'),
12 | require('karma-coverage-istanbul-reporter'),
13 | require('@angular-devkit/build-angular/plugins/karma')
14 | ],
15 | client: {
16 | clearContext: false // leave Jasmine Spec Runner output visible in browser
17 | },
18 | coverageIstanbulReporter: {
19 | dir: require('path').join(__dirname, '../coverage'),
20 | reports: ['html', 'lcovonly'],
21 | fixWebpackSourcePaths: true
22 | },
23 | reporters: ['progress', 'kjhtml'],
24 | port: 9876,
25 | colors: true,
26 | logLevel: config.LOG_INFO,
27 | autoWatch: true,
28 | browsers: ['Chrome'],
29 | singleRun: false
30 | });
31 | };
--------------------------------------------------------------------------------
/components/header/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2017 Ionic
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/components/interact/README.md:
--------------------------------------------------------------------------------
1 | # Interact
2 |
3 | This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 6.0.8.
4 |
5 | ## Development server
6 |
7 | Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
8 |
9 | ## Code scaffolding
10 |
11 | Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
12 |
13 | ## Build
14 |
15 | Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
16 |
17 | ## Running unit tests
18 |
19 | Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
20 |
21 | ## Running end-to-end tests
22 |
23 | Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
24 |
25 | ## Further help
26 |
27 | To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
28 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2018~2019 Phodal Huang
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/docs/spike/communication.md:
--------------------------------------------------------------------------------
1 | Electron 通讯
2 | ---
3 |
4 | [Electron 文档](https://electronjs.org/docs/api/ipc-main)
5 |
6 | ## [发送消息](https://electronjs.org/docs/api/ipc-main#%E5%8F%91%E9%80%81%E6%B6%88%E6%81%AF)
7 |
8 | 当然也有可能从主进程向渲染进程发送消息，查阅webContents.send 获取更多信息。
9 |
10 | * 发送消息时，事件名称为`channel`。
11 | * 回复同步信息时，需要设置`event.returnValue`。
12 | * 将异步消息发送回发件人，需要使用`event.sender.send(...)`。
13 |
14 | 下面是在渲染和主进程之间发送和处理消息的一个例子：
15 |
16 | ```javascript
17 | // 在主进程中.
18 | const {ipcMain} = require('electron')
19 | ipcMain.on('asynchronous-message', (event, arg) => {
20 | console.log(arg) // prints "ping"
21 | event.sender.send('asynchronous-reply', 'pong')
22 | })
23 |
24 | ipcMain.on('synchronous-message', (event, arg) => {
25 | console.log(arg) // prints "ping"
26 | event.returnValue = 'pong'
27 | })
28 | ```
29 |
30 | ```javascript
31 | //在渲染器进程 (网页) 中。
32 | const {ipcRenderer} = require('electron')
33 | console.log(ipcRenderer.sendSync('synchronous-message', 'ping')) // prints "pong"
34 |
35 | ipcRenderer.on('asynchronous-reply', (event, arg) => {
36 | console.log(arg) // prints "pong"
37 | })
38 | ipcRenderer.send('asynchronous-message', 'ping')
39 | ```
40 |
--------------------------------------------------------------------------------
/docs/spike/nlp.md:
--------------------------------------------------------------------------------
1 | 短语预测
2 | ===
3 |
4 | https://github.com/talyssonoc/jsT9
5 |
6 |
7 | 高亮
8 | ---
9 |
10 | https://github.com/julmot/mark.js
11 |
12 | 文章智能感知
13 | ---
14 |
15 | Trie
16 |
17 | https://gist.github.com/tpae/72e1c54471e88b689f85ad2b3940a8f0
18 |
19 | https://github.com/pthurlow/triejs
20 |
21 | https://johnresig.com/blog/javascript-trie-performance-analysis/
22 |
23 | 中文 nlp
24 | ---
25 |
26 | https://www.zhihu.com/question/19929473
27 |
28 | Python 库：
29 |
30 | https://github.com/huyingxi/Synonyms
31 |
32 | Node.js 版本：
33 |
34 | https://github.com/Samurais/node-synonyms
35 |
36 | OpenNLP 中文：
37 |
38 | https://github.com/mbejda/Node-OpenNLP
39 |
40 | Search Engine
41 | ---
42 |
43 | https://github.com/olivernn/lunr.js/
44 |
45 | lunr.js 不支持中文
46 |
47 | 修改版本：
48 |
49 | https://github.com/codepiano/lunr.js
50 |
51 | https://github.com/weixsong/elasticlunr.js
52 |
53 |
54 | 数据库
55 | ---
56 |
57 | https://github.com/louischatriot/nedb
58 |
59 | https://github.com/techfort/LokiJS
60 |
61 | 自动联想
62 | ---
63 |
64 | https://blog.csdn.net/wendingzhulu/article/details/38168039
65 |
66 | 同义词
67 | ---
68 |
69 | https://github.com/codemirror/CodeMirror/blob/master/demo/complete.html
70 |
--------------------------------------------------------------------------------
/components/header/.github/ISSUE_TEMPLATE.md:
--------------------------------------------------------------------------------
1 | **Resources:**
2 | Before submitting an issue, please consult our [docs](https://stenciljs.com/).
3 |
4 | **Stencil version:** (run `npm list @stencil/core` from a terminal/cmd prompt and paste output below):
5 |
6 | ```
7 | insert the output from npm list @stencil/core here
8 | ```
9 |
10 | **I'm submitting a ...** (check one with "x")
11 | [ ] bug report
12 | [ ] feature request
13 | [ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or https://stencil-worldwide.slack.com
14 |
15 | **Current behavior:**
16 |
17 |
18 | **Expected behavior:**
19 |
20 |
21 | **Steps to reproduce:**
22 |
24 |
25 | **Related code:**
26 |
27 | ```
28 | insert any relevant code here
29 | ```
30 |
31 | **Other information:**
32 |
33 |
--------------------------------------------------------------------------------
/components/header/package-lock.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "phodit-header",
3 | "version": "0.0.1",
4 | "lockfileVersion": 2,
5 | "requires": true,
6 | "packages": {
7 | "": {
8 | "name": "phodit-header",
9 | "version": "0.0.1",
10 | "license": "MIT",
11 | "devDependencies": {
12 | "@stencil/core": "^2.7.0"
13 | }
14 | },
15 | "node_modules/@stencil/core": {
16 | "version": "2.7.0",
17 | "resolved": "https://repo.huaweicloud.com/repository/npm/@stencil/core/-/core-2.7.0.tgz",
18 | "integrity": "sha512-5TyOQQzAkvKACRCvjOF4Uq2T527T8WJ9u+EEwtoBA88b7PFjrgI1wbEFAkYGJLghvKi/ED+arV+NiH3ZnbVKXg==",
19 | "dev": true,
20 | "license": "MIT",
21 | "bin": {
22 | "stencil": "bin/stencil"
23 | },
24 | "engines": {
25 | "node": ">=12.10.0",
26 | "npm": ">=6.0.0"
27 | }
28 | }
29 | },
30 | "dependencies": {
31 | "@stencil/core": {
32 | "version": "2.7.0",
33 | "resolved": "https://repo.huaweicloud.com/repository/npm/@stencil/core/-/core-2.7.0.tgz",
34 | "integrity": "sha512-5TyOQQzAkvKACRCvjOF4Uq2T527T8WJ9u+EEwtoBA88b7PFjrgI1wbEFAkYGJLghvKi/ED+arV+NiH3ZnbVKXg==",
35 | "dev": true
36 | }
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/components/header/src/components.d.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | /* tslint:disable */
3 | /**
4 | * This is an autogenerated file created by the Stencil compiler.
5 | * It contains typing information for all components that exist in this project.
6 | */
7 | import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
8 | export namespace Components {
9 | interface PhoditHeader {
10 | }
11 | }
12 | declare global {
13 | interface HTMLPhoditHeaderElement extends Components.PhoditHeader, HTMLStencilElement {
14 | }
15 | var HTMLPhoditHeaderElement: {
16 | prototype: HTMLPhoditHeaderElement;
17 | new (): HTMLPhoditHeaderElement;
18 | };
19 | interface HTMLElementTagNameMap {
20 | "phodit-header": HTMLPhoditHeaderElement;
21 | }
22 | }
23 | declare namespace LocalJSX {
24 | interface PhoditHeader {
25 | }
26 | interface IntrinsicElements {
27 | "phodit-header": PhoditHeader;
28 | }
29 | }
30 | export { LocalJSX as JSX };
31 | declare module "@stencil/core" {
32 | export namespace JSX {
33 | interface IntrinsicElements {
34 | "phodit-header": LocalJSX.PhoditHeader & JSXBase.HTMLAttributes' + item + "
8 | 
9 |
35 |
36 |
37 |
42 |
38 |
41 |
35 |
97 |
98 |
99 |
--------------------------------------------------------------------------------
/src/native/ui/menu.ts:
--------------------------------------------------------------------------------
1 | export function buildMenu(app: any, funcs: any) {
2 | const template: any[] = [
3 | {
4 | label: "File",
5 | submenu: [
6 | {
7 | label: "Open...",
8 | accelerator: "CmdOrCtrl+O",
9 | click() {
10 | funcs.open();
11 | },
12 | },
13 | {
14 | label: "New...",
15 | accelerator: "CmdOrCtrl+N",
16 | click() {
17 | funcs.newFile();
18 | },
19 | },
20 | {
21 | label: "Save...",
22 | accelerator: "CmdOrCtrl+S",
23 | click() {
24 | funcs.saveFileSignal();
25 | },
26 | },
27 | {
28 | label: "Debug...",
29 | accelerator: "CmdOrCtrl+Alt+I",
30 | click() {
31 | funcs.debug();
32 | },
33 | },
34 | {
35 | label: "Reload...",
36 | accelerator: "CmdOrCtrl+R",
37 | click() {
38 | funcs.reload();
39 | },
40 | },
41 | ],
42 | },
43 | {
44 | label: "Edit",
45 | submenu: [
46 | {role: "undo"},
47 | {role: "redo"},
48 | {type: "separator"},
49 | {role: "cut"},
50 | {role: "copy"},
51 | {role: "paste"},
52 | {role: "pasteandmatchstyle"},
53 | {role: "delete"},
54 | {role: "selectall"},
55 | ],
56 | },
57 | {
58 | label: "View",
59 | submenu: [
60 | {role: "reload"},
61 | {role: "forcereload"},
62 | {role: "toggledevtools"},
63 | {type: "separator"},
64 | {role: "resetzoom"},
65 | {role: "zoomin"},
66 | {role: "zoomout"},
67 | {type: "separator"},
68 | {role: "togglefullscreen"},
69 | ],
70 | },
71 | {
72 | role: "window",
73 | submenu: [
74 | {role: "minimize"},
75 | {role: "close"},
76 | ],
77 | },
78 | {
79 | role: "help",
80 | submenu: [
81 | {
82 | label: "More",
83 | click() {
84 | funcs.openAboutPage();
85 | },
86 | },
87 | ],
88 | },
89 | ];
90 |
91 | if (process.platform === "darwin") {
92 | template.unshift({
93 | label: app.getName(),
94 | submenu: [
95 | {role: "about"},
96 | {type: "separator"},
97 | {role: "hide"},
98 | {role: "hideothers"},
99 | {role: "unhide"},
100 | {type: "separator"},
101 | {role: "quit"},
102 | ],
103 | });
104 |
105 | // Edit menu
106 | (template[1].submenu as any[]).push(
107 | {type: "separator"},
108 | {
109 | label: "Speech",
110 | submenu: [
111 | {role: "startspeaking"},
112 | {role: "stopspeaking"},
113 | ],
114 | },
115 | );
116 |
117 | // Window menu
118 | template[3].submenu = [
119 | {role: "close"},
120 | {role: "minimize"},
121 | {role: "zoom"},
122 | {type: "separator"},
123 | {role: "front"},
124 | ];
125 | }
126 |
127 | return template;
128 | }
129 |
--------------------------------------------------------------------------------
/components/tree-view/src/App.js:
--------------------------------------------------------------------------------
1 | import React, {Component} from 'react';
2 | import cx from 'classnames';
3 | import Tree from "react-ui-tree";
4 |
5 | class App extends Component {
6 | state = {
7 | path: null,
8 | active: null,
9 | tree: {}
10 | };
11 |
12 | diffTree(originTree, newTree) {
13 | if (originTree.hasOwnProperty('collapsed')) {
14 | if (newTree.module === originTree.module) {
15 | newTree.collapsed = originTree.collapsed;
16 | }
17 |
18 | if (originTree.children && newTree.children) {
19 | for (let originIndex in originTree.children) {
20 | for (let newIndex in newTree.children) {
21 | if (originTree.children[originIndex].module === newTree.children[newIndex].module) {
22 | newTree.children[newIndex].collapsed = originTree.children[originIndex].collapsed;
23 | }
24 |
25 | this.diffTree(originTree.children, newTree.children);
26 | }
27 | }
28 | }
29 | }
30 |
31 | return newTree;
32 | }
33 |
34 | componentDidMount() {
35 | let that = this;
36 | window.document.addEventListener('phodit.tree.open', function(data) {
37 | let parsedData = JSON.parse(data.detail);
38 |
39 | that.setState({
40 | path: parsedData.path,
41 | tree: parsedData.tree
42 | });
43 |
44 | that.getTreeData();
45 | });
46 | }
47 |
48 | renderNode = node => {
49 | return (
50 |
53 | {node.module}
54 |
55 | );
56 | };
57 |
58 | onClickNode = node => {
59 | this.setState({
60 | active: node
61 | });
62 |
63 | if (!node.leaf) {
64 | return;
65 | }
66 |
67 | const event = new CustomEvent('tree.pub.open', {
68 | detail: JSON.stringify(node)
69 | });
70 | window.document.dispatchEvent(event);
71 | };
72 |
73 | onContextMenuClick = node => {
74 | const event = new CustomEvent('tree.right.click', {
75 | detail: JSON.stringify(node)
76 | });
77 | window.document.dispatchEvent(event);
78 | };
79 |
80 | handleChange = tree => {
81 | this.setState({
82 | tree: tree
83 | });
84 | this.storageTreeData()
85 | };
86 |
87 | storageTreeData() {
88 | localStorage.setItem(this.state.path, JSON.stringify(this.state.tree));
89 | }
90 |
91 | getTreeData() {
92 | const data = localStorage.getItem(this.state.path);
93 | if (!data) return;
94 |
95 | try {
96 | const parsedData = JSON.parse(data);
97 | let diffedTree = this.diffTree(parsedData, this.state.tree);
98 |
99 | this.setState({
100 | tree: diffedTree
101 | });
102 | } catch (e) {
103 | console.log(e);
104 | }
105 | }
106 |
107 | render() {
108 | return (
109 |
36 |
96 |
37 |
95 | Markdown Guide
38 |Emphasis
39 |**bold** 40 | *italics* 41 | ~~42 |strikethrough~~
Headers
43 |# Big header 44 | ## Medium header 45 | ### Small header 46 | #### Tiny header47 |
Lists
48 |* Generic list item 49 | * Generic list item 50 | * Generic list item 51 | 52 | 1. Numbered list item 53 | 2. Numbered list item 54 | 3. Numbered list item55 |
Links
56 |[Text to display](http://www.example.com)57 |
Quotes
58 |> This is a quote. 59 | > It can span multiple lines!60 |
Images 61 | Need to upload an image? Imgur has a great interface. 62 | 63 |
64 |65 |
Tables
66 || Column 1 | Column 2 | Column 3 | 67 | | -------- | -------- | -------- | 68 | | John | Doe | Male | 69 | | Mary | Smith | Female | 70 |71 | 72 |
Footnote
73 |PHP[^1] Markdown Extra [^2] 是这样的。 74 | 75 | [^1]: 脚注1 76 | [^2]: 脚注2 77 |78 | 79 | Or without aligning the columns... 80 |
| Column 1 | Column 2 | Column 3 | 81 | | -------- | -------- | -------- | 82 | | John | Doe | Male | 83 | | Mary | Smith | Female | 84 |85 |
Displaying code
86 |`var example = "hello!";`87 | 88 | Or spanning multiple lines... 89 | 90 |
``` 91 | var example = "hello!"; 92 | alert(example); 93 | ```94 |
110 |
120 | );
121 | }
122 | }
123 |
124 | export default App;
125 |
--------------------------------------------------------------------------------
/components/interact/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "rulesDirectory": [
3 | "node_modules/codelyzer"
4 | ],
5 | "rules": {
6 | "arrow-return-shorthand": true,
7 | "callable-types": true,
8 | "class-name": true,
9 | "comment-format": [
10 | true,
11 | "check-space"
12 | ],
13 | "curly": true,
14 | "deprecation": {
15 | "severity": "warn"
16 | },
17 | "eofline": true,
18 | "forin": true,
19 | "import-blacklist": [
20 | true,
21 | "rxjs/Rx"
22 | ],
23 | "import-spacing": true,
24 | "indent": [
25 | true,
26 | "spaces"
27 | ],
28 | "interface-over-type-literal": true,
29 | "label-position": true,
30 | "max-line-length": [
31 | true,
32 | 140
33 | ],
34 | "member-access": false,
35 | "member-ordering": [
36 | true,
37 | {
38 | "order": [
39 | "static-field",
40 | "instance-field",
41 | "static-method",
42 | "instance-method"
43 | ]
44 | }
45 | ],
46 | "no-arg": true,
47 | "no-bitwise": true,
48 | "no-console": [
49 | true,
50 | "debug",
51 | "info",
52 | "time",
53 | "timeEnd",
54 | "trace"
55 | ],
56 | "no-construct": true,
57 | "no-debugger": true,
58 | "no-duplicate-super": true,
59 | "no-empty": false,
60 | "no-empty-interface": true,
61 | "no-eval": true,
62 | "no-inferrable-types": [
63 | true,
64 | "ignore-params"
65 | ],
66 | "no-misused-new": true,
67 | "no-non-null-assertion": true,
68 | "no-shadowed-variable": true,
69 | "no-string-literal": false,
70 | "no-string-throw": true,
71 | "no-switch-case-fall-through": true,
72 | "no-trailing-whitespace": true,
73 | "no-unnecessary-initializer": true,
74 | "no-unused-expression": true,
75 | "no-use-before-declare": true,
76 | "no-var-keyword": true,
77 | "object-literal-sort-keys": false,
78 | "one-line": [
79 | true,
80 | "check-open-brace",
81 | "check-catch",
82 | "check-else",
83 | "check-whitespace"
84 | ],
85 | "prefer-const": true,
86 | "quotemark": [
87 | true,
88 | "single"
89 | ],
90 | "radix": true,
91 | "semicolon": [
92 | true,
93 | "always"
94 | ],
95 | "triple-equals": [
96 | true,
97 | "allow-null-check"
98 | ],
99 | "typedef-whitespace": [
100 | true,
101 | {
102 | "call-signature": "nospace",
103 | "index-signature": "nospace",
104 | "parameter": "nospace",
105 | "property-declaration": "nospace",
106 | "variable-declaration": "nospace"
107 | }
108 | ],
109 | "unified-signatures": true,
110 | "variable-name": false,
111 | "whitespace": [
112 | true,
113 | "check-branch",
114 | "check-decl",
115 | "check-operator",
116 | "check-separator",
117 | "check-type"
118 | ],
119 | "no-output-on-prefix": true,
120 | "use-input-property-decorator": true,
121 | "use-output-property-decorator": true,
122 | "use-host-property-decorator": true,
123 | "no-input-rename": true,
124 | "no-output-rename": true,
125 | "use-life-cycle-interface": true,
126 | "use-pipe-transform-interface": true,
127 | "component-class-suffix": true,
128 | "directive-class-suffix": true
129 | }
130 | }
131 |
--------------------------------------------------------------------------------
/components/interact/src/polyfills.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * This file includes polyfills needed by Angular and is loaded before the app.
3 | * You can add your own extra polyfills to this file.
4 | *
5 | * This file is divided into 2 sections:
6 | * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
7 | * 2. Application imports. Files imported after ZoneJS that should be loaded before your main
8 | * file.
9 | *
10 | * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
11 | * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
12 | * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
13 | *
14 | * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
15 | */
16 |
17 | /***************************************************************************************************
18 | * BROWSER POLYFILLS
19 | */
20 |
21 | /** IE9, IE10 and IE11 requires all of the following polyfills. **/
22 | // import 'core-js/es6/symbol';
23 | // import 'core-js/es6/object';
24 | // import 'core-js/es6/function';
25 | // import 'core-js/es6/parse-int';
26 | // import 'core-js/es6/parse-float';
27 | // import 'core-js/es6/number';
28 | // import 'core-js/es6/math';
29 | // import 'core-js/es6/string';
30 | // import 'core-js/es6/date';
31 | // import 'core-js/es6/array';
32 | // import 'core-js/es6/regexp';
33 | // import 'core-js/es6/map';
34 | // import 'core-js/es6/weak-map';
35 | // import 'core-js/es6/set';
36 |
37 | /** IE10 and IE11 requires the following for NgClass support on SVG elements */
38 | // import 'classlist.js'; // Run `npm install --save classlist.js`.
39 |
40 | /** IE10 and IE11 requires the following for the Reflect API. */
41 | // import 'core-js/es6/reflect';
42 |
43 |
44 | /** Evergreen browsers require these. **/
45 | // Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
46 | // import 'core-js/es7/reflect';
47 |
48 |
49 | /**
50 | * Web Animations `@angular/platform-browser/animations`
51 | * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
52 | * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
53 | **/
54 | // import 'web-animations-js'; // Run `npm install --save web-animations-js`.
55 |
56 | /**
57 | * By default, zone.js will patch all possible macroTask and DomEvents
58 | * user can disable parts of macroTask/DomEvents patch by setting following flags
59 | */
60 |
61 | // (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
62 | // (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
63 | // (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
64 |
65 | /*
66 | * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
67 | * with the following flag, it will bypass `zone.js` patch for IE/Edge
68 | */
69 | // (window as any).__Zone_enable_cross_context_check = true;
70 |
71 | /***************************************************************************************************
72 | * Zone JS is required by default for Angular itself.
73 | */
74 | import 'zone.js/dist/zone'; // Included with Angular CLI.
75 |
76 |
77 |
78 | /***************************************************************************************************
79 | * APPLICATION IMPORTS
80 | */
81 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "phodit",
3 | "version": "1.1.0",
4 | "description": "Phodal's new Markdown Editor",
5 | "main": "dist/native/main.js",
6 | "scripts": {
7 | "build:native": "tsc && cp -a views dist",
8 | "build:packager": "electron-packager --ignore=components --ignore=editor/node_modules --ignore=nlp . Phodit --platform=darwin --icon=assets/imgs/icons/mac/icon.icns --overwrite",
9 | "build:app": "npm run build:native && electron-builder",
10 | "watch": "tsc -w",
11 | "lint": "tslint -c tslint.json -p tsconfig.json --fix",
12 | "start": "yarn build:native && electron ./dist/native/main.js",
13 | "postinstall": "yarn electron-rebuild -p -t \"dev,prod,optional\" && yarn electron-builder install-app-deps",
14 | "rebuild": "electron-rebuild -f -w node-pty",
15 | "test": "xvfb-maybe mocha"
16 | },
17 | "repository": {
18 | "type": "git",
19 | "url": "git+https://github.com/phodal/phodit.git"
20 | },
21 | "author": "Phodal HUANG",
22 | "license": "MIT",
23 | "bugs": {
24 | "url": "https://github.com/phodal/phodit/issues"
25 | },
26 | "homepage": "https://github.com/phodal/phodit#readme",
27 | "devDependencies": {
28 | "@types/clipboard": "^2.0.1",
29 | "@types/highlightjs": "^10.1.0",
30 | "@types/node": "12.12.6",
31 | "@types/yargs": "15.0.0",
32 | "assert": "^2.0.0",
33 | "chai": "^4.2.0",
34 | "chai-as-promised": "^7.1.1",
35 | "chai-roughly": "^1.0.0",
36 | "devtron": "^1.4.0",
37 | "electron": "^11.0.2",
38 | "electron-builder": "^22.9.1",
39 | "electron-packager": "^15.1.0",
40 | "electron-rebuild": "^2.3.5",
41 | "mocha": "^8.2.1",
42 | "node-gyp": "^7.1.2",
43 | "spectron": "^12.0.0",
44 | "temp": "^0.9.1",
45 | "tslint": "^6.1.2",
46 | "typescript": "^3.9.5",
47 | "xvfb-maybe": "^0.2.1",
48 | "yargs-parser": "^20.2.4"
49 | },
50 | "build": {
51 | "appId": "com.phodal.phodit",
52 | "productName": "Phodit",
53 | "asar": "false",
54 | "copyright": "Copyright © 2018 ~ 2021 ${author} (https://ww.phodal.com)",
55 | "fileAssociations": [
56 | {
57 | "ext": "md",
58 | "name": "Phodit",
59 | "role": "Editor"
60 | },
61 | {
62 | "ext": "markdown",
63 | "name": "Phodit",
64 | "role": "Editor"
65 | }
66 | ],
67 | "files": [
68 | "!components/**",
69 | "!editor/**",
70 | "!views/reveal.js/test**",
71 | "!.git/**",
72 | "!.editorconfig"
73 | ],
74 | "directories": {
75 | "output": "build"
76 | },
77 | "mac": {
78 | "icon": "assets/imgs/icons/mac/icon.icns",
79 | "category": "public.app-category.developer-tools"
80 | },
81 | "win": {
82 | "icon": "assets/imgs/icons/win/icon.ico"
83 | },
84 | "nsis": {
85 | "createDesktopShortcut": "always"
86 | },
87 | "dmg": {
88 | "contents": [
89 | {
90 | "x": 110,
91 | "y": 150
92 | },
93 | {
94 | "x": 240,
95 | "y": 150,
96 | "type": "link",
97 | "path": "/Applications"
98 | }
99 | ]
100 | },
101 | "linux": {
102 | "icon": "assets/imgs/icons/png/1024x1024.png",
103 | "category": "Development"
104 | }
105 | },
106 | "dependencies": {
107 | "chokidar": "^3.4.0",
108 | "electron-json-storage": "^4.1.8",
109 | "electron-store": "^6.0.1",
110 | "electron-window-state": "^5.0.3",
111 | "highlight.js": "latest",
112 | "marked": "^1.1.0",
113 | "node-pty": "0.10.1",
114 | "sweetalert": "^2.1.2",
115 | "tmp": "^0.2.1",
116 | "winston": "^3.3.1",
117 | "xterm": "4.13.0",
118 | "xterm-addon-fit": "^0.5.0",
119 | "xterm-addon-web-links": "^0.5.0-beta.6"
120 | }
121 | }
122 |
--------------------------------------------------------------------------------
/components/header/readme.md:
--------------------------------------------------------------------------------
1 | 
2 |
3 | # Stencil Component Starter
4 |
5 | This is a starter project for building a standalone Web Component using Stencil.
6 |
7 | Stencil is also great for building entire apps. For that, use the [stencil-app-starter](https://github.com/ionic-team/stencil-app-starter) instead.
8 |
9 | # Stencil
10 |
11 | Stencil is a compiler for building fast web apps using Web Components.
12 |
13 | Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool. Stencil takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that run in any browser supporting the Custom Elements v1 spec.
14 |
15 | Stencil components are just Web Components, so they work in any major framework or with no framework at all.
16 |
17 | ## Getting Started
18 |
19 | To start building a new web component using Stencil, clone this repo to a new directory:
20 |
21 | ```bash
22 | git clone https://github.com/ionic-team/stencil-component-starter.git my-component
23 | cd my-component
24 | git remote rm origin
25 | ```
26 |
27 | and run:
28 |
29 | ```bash
30 | npm install
31 | npm start
32 | ```
33 |
34 | To build the component for production, run:
35 |
36 | ```bash
37 | npm run build
38 | ```
39 |
40 | To run the unit tests for the components, run:
41 |
42 | ```bash
43 | npm test
44 | ```
45 |
46 | Need help? Check out our docs [here](https://stenciljs.com/docs/my-first-component).
47 |
48 |
49 | ## Naming Components
50 |
51 | When creating new component tags, we recommend _not_ using `stencil` in the component name (ex: `
111 |
119 |