@codxse/mitosis-js 1.4.0 → 1.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +71 -1
- package/dist/core/editor.d.ts +7 -0
- package/dist/core/editor.d.ts.map +1 -1
- package/dist/core/editor.js +54 -5
- package/dist/core/editor.js.map +1 -1
- package/dist/core/types.d.ts +2 -1
- package/dist/core/types.d.ts.map +1 -1
- package/dist/styles/editor.min.css +1 -0
- package/dist/styles/theme-dark.min.css +1 -0
- package/dist/styles/theme-light.min.css +1 -0
- package/dist/view/editor-pane.d.ts.map +1 -1
- package/dist/view/editor-pane.js +6 -5
- package/dist/view/editor-pane.js.map +1 -1
- package/dist/view/preview-pane.d.ts.map +1 -1
- package/dist/view/preview-pane.js +14 -11
- package/dist/view/preview-pane.js.map +1 -1
- package/dist/view/two-panel-layout.js +5 -5
- package/dist/view/two-panel-layout.js.map +1 -1
- package/package.json +6 -2
package/README.md
CHANGED
|
@@ -43,6 +43,76 @@ const editor = createEditor({
|
|
|
43
43
|
| `Cmd/Ctrl+Shift+S` | Wrap in `~~strikethrough~~` |
|
|
44
44
|
| `Tab` | Insert 2 spaces (indent) |
|
|
45
45
|
|
|
46
|
+
## Theming
|
|
47
|
+
|
|
48
|
+
The editor supports light, dark, and auto themes. Import the base CSS and theme files you need:
|
|
49
|
+
|
|
50
|
+
```bash
|
|
51
|
+
# Core package
|
|
52
|
+
pnpm add @codxse/mitosis-js
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
```js
|
|
56
|
+
// Dark mode
|
|
57
|
+
import '@codxse/mitosis-js/dist/styles/editor.min.css'
|
|
58
|
+
import '@codxse/mitosis-js/dist/styles/theme-dark.min.css'
|
|
59
|
+
|
|
60
|
+
// Light mode
|
|
61
|
+
import '@codxse/mitosis-js/dist/styles/editor.min.css'
|
|
62
|
+
import '@codxse/mitosis-js/dist/styles/theme-light.min.css'
|
|
63
|
+
|
|
64
|
+
// Auto (follows system preference)
|
|
65
|
+
import '@codxse/mitosis-js/dist/styles/editor.min.css'
|
|
66
|
+
import '@codxse/mitosis-js/dist/styles/theme-light.min.css'
|
|
67
|
+
import '@codxse/mitosis-js/dist/styles/theme-dark.min.css'
|
|
68
|
+
```
|
|
69
|
+
|
|
70
|
+
### Theme Options
|
|
71
|
+
|
|
72
|
+
```js
|
|
73
|
+
const editor = createEditor({
|
|
74
|
+
container: document.getElementById('editor'),
|
|
75
|
+
theme: 'auto', // 'light' | 'dark' | 'auto' (default: 'auto')
|
|
76
|
+
})
|
|
77
|
+
|
|
78
|
+
// Change theme at runtime
|
|
79
|
+
editor.setTheme('dark')
|
|
80
|
+
editor.getTheme() // 'dark' or 'light'
|
|
81
|
+
```
|
|
82
|
+
|
|
83
|
+
### Custom CSS Variables
|
|
84
|
+
|
|
85
|
+
Override any CSS variable:
|
|
86
|
+
|
|
87
|
+
```js
|
|
88
|
+
const editor = createEditor({
|
|
89
|
+
container: document.getElementById('editor'),
|
|
90
|
+
cssVars: {
|
|
91
|
+
'--editor-bg': '#000000',
|
|
92
|
+
'--editor-text': '#00ff00',
|
|
93
|
+
'--preview-link': '#ff00ff',
|
|
94
|
+
},
|
|
95
|
+
})
|
|
96
|
+
```
|
|
97
|
+
|
|
98
|
+
### CSS Variables Reference
|
|
99
|
+
|
|
100
|
+
| Variable | Description | Default (Light) | Default (Dark) |
|
|
101
|
+
|----------|-------------|-----------------|----------------|
|
|
102
|
+
| `--editor-bg` | Editor background | #ffffff | #282a36 |
|
|
103
|
+
| `--editor-text` | Editor text color | #282a36 | #f8f8f2 |
|
|
104
|
+
| `--editor-border` | Editor border | #e0e0e0 | #44475a |
|
|
105
|
+
| `--editor-caret` | Cursor color | #000000 | #f8f8f2 |
|
|
106
|
+
| `--editor-placeholder` | Placeholder text | #999999 | #6272a4 |
|
|
107
|
+
| `--editor-selection` | Selection background | #b3d9ff | #44475a |
|
|
108
|
+
| `--preview-bg` | Preview background | #ffffff | #282a36 |
|
|
109
|
+
| `--preview-text` | Preview text | #282a36 | #f8f8f2 |
|
|
110
|
+
| `--preview-border` | Preview border | #e0e0e0 | #44475a |
|
|
111
|
+
| `--preview-code-bg` | Code block background | #f6f8fa | #44475a |
|
|
112
|
+
| `--preview-link` | Link color | #0366d6 | #8be9fd |
|
|
113
|
+
| `--divider-bg` | Divider color | #e0e0e0 | #44475a |
|
|
114
|
+
| `--divider-hover` | Divider hover | #bdbdbd | #6272a4 |
|
|
115
|
+
|
|
46
116
|
## Installation
|
|
47
117
|
|
|
48
118
|
```bash
|
|
@@ -61,7 +131,7 @@ pnpm add prismjs
|
|
|
61
131
|
<!DOCTYPE html>
|
|
62
132
|
<html>
|
|
63
133
|
<head>
|
|
64
|
-
<link rel="stylesheet" href="node_modules/@codxse/mitosis-js/dist/styles/editor.css" />
|
|
134
|
+
<link rel="stylesheet" href="node_modules/@codxse/mitosis-js/dist/styles/editor.min.css" />
|
|
65
135
|
</head>
|
|
66
136
|
<body>
|
|
67
137
|
<div id="editor"></div>
|
package/dist/core/editor.d.ts
CHANGED
|
@@ -3,7 +3,14 @@ export declare class Editor {
|
|
|
3
3
|
private layout;
|
|
4
4
|
private container;
|
|
5
5
|
private options;
|
|
6
|
+
private wrapper;
|
|
7
|
+
private currentTheme;
|
|
8
|
+
private mediaQuery;
|
|
9
|
+
private themeChangeHandler;
|
|
6
10
|
constructor(options: EditorOptions);
|
|
11
|
+
private applyTheme;
|
|
12
|
+
setTheme(theme: 'light' | 'dark' | 'auto'): void;
|
|
13
|
+
getTheme(): 'light' | 'dark';
|
|
7
14
|
getMarkdown(): string;
|
|
8
15
|
getHTML(): string;
|
|
9
16
|
getBoth(): EditorOutput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../src/core/editor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAI7D,qBAAa,MAAM;IACjB,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,SAAS,CAAa;IAC9B,OAAO,CAAC,OAAO,CAAe;
|
|
1
|
+
{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../src/core/editor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAI7D,qBAAa,MAAM;IACjB,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,SAAS,CAAa;IAC9B,OAAO,CAAC,OAAO,CAAe;IAC9B,OAAO,CAAC,OAAO,CAAgB;IAC/B,OAAO,CAAC,YAAY,CAA4B;IAChD,OAAO,CAAC,UAAU,CAA8B;IAChD,OAAO,CAAC,kBAAkB,CAA4B;gBAE1C,OAAO,EAAE,aAAa;IA4ClC,OAAO,CAAC,UAAU;IAUlB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI;IAgBhD,QAAQ,IAAI,OAAO,GAAG,MAAM;IAI5B,WAAW,IAAI,MAAM;IAIrB,OAAO,IAAI,MAAM;IAIjB,OAAO,IAAI,YAAY;IAQvB,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAIlC,OAAO,IAAI,IAAI;CAOhB"}
|
package/dist/core/editor.js
CHANGED
|
@@ -4,18 +4,36 @@ export class Editor {
|
|
|
4
4
|
layout;
|
|
5
5
|
container;
|
|
6
6
|
options;
|
|
7
|
+
wrapper;
|
|
8
|
+
currentTheme = 'light';
|
|
9
|
+
mediaQuery = null;
|
|
10
|
+
themeChangeHandler = null;
|
|
7
11
|
constructor(options) {
|
|
8
12
|
this.options = options;
|
|
9
13
|
this.container = options.container;
|
|
10
|
-
const
|
|
11
|
-
wrapper
|
|
12
|
-
|
|
14
|
+
const theme = options.theme ?? 'auto';
|
|
15
|
+
this.wrapper = document.createElement('div');
|
|
16
|
+
this.wrapper.className = 'mitosis-editor-wrapper';
|
|
17
|
+
Object.assign(this.wrapper.style, {
|
|
13
18
|
width: '100%',
|
|
14
19
|
height: '600px',
|
|
15
20
|
position: 'relative',
|
|
16
21
|
});
|
|
22
|
+
if (options.cssVars) {
|
|
23
|
+
for (const [key, value] of Object.entries(options.cssVars)) {
|
|
24
|
+
this.wrapper.style.setProperty(key, value);
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
this.applyTheme(theme);
|
|
28
|
+
if (theme === 'auto') {
|
|
29
|
+
this.mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
|
|
30
|
+
this.themeChangeHandler = () => {
|
|
31
|
+
this.applyTheme('auto');
|
|
32
|
+
};
|
|
33
|
+
this.mediaQuery.addEventListener('change', this.themeChangeHandler);
|
|
34
|
+
}
|
|
17
35
|
const layoutConfig = {
|
|
18
|
-
container: wrapper,
|
|
36
|
+
container: this.wrapper,
|
|
19
37
|
};
|
|
20
38
|
if (options.content !== undefined) {
|
|
21
39
|
layoutConfig.initialContent = options.content;
|
|
@@ -24,7 +42,35 @@ export class Editor {
|
|
|
24
42
|
layoutConfig.prism = options.prism;
|
|
25
43
|
}
|
|
26
44
|
this.layout = new TwoPanelLayout(layoutConfig);
|
|
27
|
-
this.container.appendChild(wrapper);
|
|
45
|
+
this.container.appendChild(this.wrapper);
|
|
46
|
+
}
|
|
47
|
+
applyTheme(theme) {
|
|
48
|
+
if (theme === 'auto') {
|
|
49
|
+
const isDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
50
|
+
this.currentTheme = isDark ? 'dark' : 'light';
|
|
51
|
+
}
|
|
52
|
+
else {
|
|
53
|
+
this.currentTheme = theme;
|
|
54
|
+
}
|
|
55
|
+
this.wrapper.setAttribute('data-theme', this.currentTheme);
|
|
56
|
+
}
|
|
57
|
+
setTheme(theme) {
|
|
58
|
+
this.applyTheme(theme);
|
|
59
|
+
if (theme !== 'auto' && this.mediaQuery && this.themeChangeHandler) {
|
|
60
|
+
this.mediaQuery.removeEventListener('change', this.themeChangeHandler);
|
|
61
|
+
this.mediaQuery = null;
|
|
62
|
+
this.themeChangeHandler = null;
|
|
63
|
+
}
|
|
64
|
+
if (theme === 'auto') {
|
|
65
|
+
this.mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
|
|
66
|
+
this.themeChangeHandler = () => {
|
|
67
|
+
this.applyTheme('auto');
|
|
68
|
+
};
|
|
69
|
+
this.mediaQuery.addEventListener('change', this.themeChangeHandler);
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
getTheme() {
|
|
73
|
+
return this.currentTheme;
|
|
28
74
|
}
|
|
29
75
|
getMarkdown() {
|
|
30
76
|
return this.layout.getMarkdown();
|
|
@@ -44,6 +90,9 @@ export class Editor {
|
|
|
44
90
|
}
|
|
45
91
|
destroy() {
|
|
46
92
|
this.layout.destroy();
|
|
93
|
+
if (this.mediaQuery && this.themeChangeHandler) {
|
|
94
|
+
this.mediaQuery.removeEventListener('change', this.themeChangeHandler);
|
|
95
|
+
}
|
|
47
96
|
this.container.innerHTML = '';
|
|
48
97
|
}
|
|
49
98
|
}
|
package/dist/core/editor.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"editor.js","sourceRoot":"","sources":["../../src/core/editor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,MAAM,OAAO,MAAM;IACT,MAAM,CAAgB;IACtB,SAAS,CAAa;IACtB,OAAO,CAAe;
|
|
1
|
+
{"version":3,"file":"editor.js","sourceRoot":"","sources":["../../src/core/editor.ts"],"names":[],"mappings":"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"}
|
package/dist/core/types.d.ts
CHANGED
|
@@ -2,9 +2,10 @@ export interface EditorOptions {
|
|
|
2
2
|
container: HTMLElement;
|
|
3
3
|
content?: string;
|
|
4
4
|
readonly?: boolean;
|
|
5
|
-
theme?: 'light' | 'dark';
|
|
5
|
+
theme?: 'light' | 'dark' | 'auto';
|
|
6
6
|
placeholder?: string;
|
|
7
7
|
prism?: object;
|
|
8
|
+
cssVars?: Record<string, string>;
|
|
8
9
|
}
|
|
9
10
|
export interface EditorOutput {
|
|
10
11
|
markdown: string;
|
package/dist/core/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/core/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,WAAW,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/core/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,WAAW,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACjC;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,WAAW,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.mitosis-editor-wrapper{--editor-bg:#ffffff;--editor-text:#282a36;--editor-border:#e0e0e0;--editor-caret:#000000;--editor-placeholder:#999999;--editor-selection:#b3d9ff;--preview-bg:#ffffff;--preview-text:#282a36;--preview-border:#e0e0e0;--preview-code-bg:#f6f8fa;--preview-link:#0366d6;--divider-bg:#e0e0e0;--divider-hover:#bdbdbd;font-family:system-ui,-apple-system,sans-serif;box-sizing:border-box}.mitosis-editor-wrapper *,.mitosis-editor-wrapper ::after,.mitosis-editor-wrapper ::before{box-sizing:inherit}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.mitosis-editor-wrapper[data-theme=dark]{--editor-bg:#282a36;--editor-text:#f8f8f2;--editor-border:#44475a;--editor-caret:#f8f8f2;--editor-placeholder:#6272a4;--editor-selection:#44475a;--preview-bg:#282a36;--preview-text:#f8f8f2;--preview-border:#44475a;--preview-code-bg:#44475a;--preview-link:#8be9fd;--divider-bg:#44475a;--divider-hover:#6272a4}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.mitosis-editor-wrapper[data-theme=light]{--editor-bg:#ffffff;--editor-text:#282a36;--editor-border:#e0e0e0;--editor-caret:#000000;--editor-placeholder:#999999;--editor-selection:#b3d9ff;--preview-bg:#ffffff;--preview-text:#282a36;--preview-border:#e0e0e0;--preview-code-bg:#f6f8fa;--preview-link:#0366d6;--divider-bg:#e0e0e0;--divider-hover:#bdbdbd}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"editor-pane.d.ts","sourceRoot":"","sources":["../../src/view/editor-pane.ts"],"names":[],"mappings":"AAgBA,qBAAa,UAAU;IACrB,OAAO,CAAC,QAAQ,CAAqB;IACrC,OAAO,CAAC,gBAAgB,CAAgB;IACxC,OAAO,CAAC,SAAS,CAAgB;IACjC,OAAO,CAAC,QAAQ,CAA2B;IAC3C,OAAO,CAAC,QAAQ,CAAmD;gBAEvD,MAAM,EAAE;QAClB,SAAS,EAAE,WAAW,CAAA;QACtB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;QACpC,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;KAC7D;
|
|
1
|
+
{"version":3,"file":"editor-pane.d.ts","sourceRoot":"","sources":["../../src/view/editor-pane.ts"],"names":[],"mappings":"AAgBA,qBAAa,UAAU;IACrB,OAAO,CAAC,QAAQ,CAAqB;IACrC,OAAO,CAAC,gBAAgB,CAAgB;IACxC,OAAO,CAAC,SAAS,CAAgB;IACjC,OAAO,CAAC,QAAQ,CAA2B;IAC3C,OAAO,CAAC,QAAQ,CAAmD;gBAEvD,MAAM,EAAE;QAClB,SAAS,EAAE,WAAW,CAAA;QACtB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;QACpC,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;KAC7D;IAmED,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,aAAa;IAyBrB,OAAO,CAAC,UAAU;IAWlB,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,kBAAkB;IAc1B,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAKjC,UAAU,IAAI,MAAM;IAIpB,OAAO,CAAC,SAAS;IAgBjB,OAAO,IAAI,IAAI;CAMhB"}
|
package/dist/view/editor-pane.js
CHANGED
|
@@ -43,7 +43,7 @@ export class EditorPane {
|
|
|
43
43
|
lineHeight: '1.6',
|
|
44
44
|
background: 'transparent',
|
|
45
45
|
color: 'transparent',
|
|
46
|
-
caretColor: '
|
|
46
|
+
caretColor: 'var(--editor-caret)',
|
|
47
47
|
zIndex: '2',
|
|
48
48
|
});
|
|
49
49
|
this.highlightOverlay = document.createElement('div');
|
|
@@ -63,6 +63,7 @@ export class EditorPane {
|
|
|
63
63
|
wordWrap: 'break-word',
|
|
64
64
|
overflow: 'auto',
|
|
65
65
|
zIndex: '1',
|
|
66
|
+
color: 'var(--editor-text)',
|
|
66
67
|
});
|
|
67
68
|
this.textarea.addEventListener('input', () => this.handleInput());
|
|
68
69
|
this.textarea.addEventListener('scroll', () => this.handleScroll());
|
|
@@ -141,15 +142,15 @@ export class EditorPane {
|
|
|
141
142
|
getStyles() {
|
|
142
143
|
return `
|
|
143
144
|
.editor-pane-container {
|
|
144
|
-
border: 1px solid
|
|
145
|
+
border: 1px solid var(--editor-border);
|
|
145
146
|
border-radius: 4px;
|
|
146
|
-
background:
|
|
147
|
+
background: var(--editor-bg);
|
|
147
148
|
}
|
|
148
149
|
.editor-textarea::placeholder {
|
|
149
|
-
color:
|
|
150
|
+
color: var(--editor-placeholder);
|
|
150
151
|
}
|
|
151
152
|
.editor-textarea::selection {
|
|
152
|
-
background:
|
|
153
|
+
background: var(--editor-selection);
|
|
153
154
|
}
|
|
154
155
|
`;
|
|
155
156
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"editor-pane.js","sourceRoot":"","sources":["../../src/view/editor-pane.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAQhF,MAAM,SAAS,GAAe;IAC5B,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE;IACpD,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE;IAClD,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE;IACvD,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE;IAClD,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE;CACrE,CAAA;AAED,MAAM,OAAO,UAAU;IACb,QAAQ,CAAqB;IAC7B,gBAAgB,CAAgB;IAChC,SAAS,CAAgB;IACzB,QAAQ,CAA2B;IACnC,QAAQ,CAAmD;IAEnE,YAAY,MAIX;QACC,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAA;QAC7C,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAA;QAE7C,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC9C,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,uBAAuB,CAAA;QAClD,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;YAClC,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAA;QAEF,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QAC/C,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,EAAE,GAAG,kBAAkB,EAAE,CAAA;QAC7D,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;QAEnC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAA;QAClD,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,iBAAiB,CAAA;QAC3C,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,wBAAwB,CAAA;QACpD,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;YACjC,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,GAAG;YACR,IAAI,EAAE,GAAG;YACT,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,yBAAyB;YACrC,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,KAAK;YACjB,UAAU,EAAE,aAAa;YACzB,KAAK,EAAE,aAAa;YACpB,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"editor-pane.js","sourceRoot":"","sources":["../../src/view/editor-pane.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preview-pane.d.ts","sourceRoot":"","sources":["../../src/view/preview-pane.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAE1D,qBAAa,WAAW;IACtB,OAAO,CAAC,SAAS,CAAgB;IACjC,OAAO,CAAC,OAAO,CAAgB;IAC/B,OAAO,CAAC,QAAQ,CAAmD;IACnE,OAAO,CAAC,KAAK,CAAC,CAAe;IAC7B,OAAO,CAAC,aAAa,CAAY;gBAErB,MAAM,EAAE;QAClB,SAAS,EAAE,WAAW,CAAA;QACtB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;QAC5D,KAAK,CAAC,EAAE,aAAa,CAAA;KACtB;
|
|
1
|
+
{"version":3,"file":"preview-pane.d.ts","sourceRoot":"","sources":["../../src/view/preview-pane.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAE1D,qBAAa,WAAW;IACtB,OAAO,CAAC,SAAS,CAAgB;IACjC,OAAO,CAAC,OAAO,CAAgB;IAC/B,OAAO,CAAC,QAAQ,CAAmD;IACnE,OAAO,CAAC,KAAK,CAAC,CAAe;IAC7B,OAAO,CAAC,aAAa,CAAY;gBAErB,MAAM,EAAE;QAClB,SAAS,EAAE,WAAW,CAAA;QACtB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;QAC5D,KAAK,CAAC,EAAE,aAAa,CAAA;KACtB;IAoCD,OAAO,CAAC,YAAY;IAKpB,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAIlC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAKnC,OAAO,CAAC,SAAS;IAuEjB,OAAO,IAAI,IAAI;CAIhB"}
|
|
@@ -28,6 +28,8 @@ export class PreviewPane {
|
|
|
28
28
|
padding: '16px',
|
|
29
29
|
overflow: 'auto',
|
|
30
30
|
flex: '1',
|
|
31
|
+
background: 'var(--preview-bg)',
|
|
32
|
+
color: 'var(--preview-text)',
|
|
31
33
|
});
|
|
32
34
|
this.content.addEventListener('scroll', this.scrollHandler);
|
|
33
35
|
this.container.appendChild(this.content);
|
|
@@ -47,9 +49,9 @@ export class PreviewPane {
|
|
|
47
49
|
getStyles() {
|
|
48
50
|
return `
|
|
49
51
|
.preview-pane {
|
|
50
|
-
border: 1px solid
|
|
52
|
+
border: 1px solid var(--preview-border);
|
|
51
53
|
border-radius: 4px;
|
|
52
|
-
background:
|
|
54
|
+
background: var(--preview-bg);
|
|
53
55
|
}
|
|
54
56
|
.preview-content h1,
|
|
55
57
|
.preview-content h2,
|
|
@@ -62,24 +64,24 @@ export class PreviewPane {
|
|
|
62
64
|
font-weight: 600;
|
|
63
65
|
line-height: 1.25;
|
|
64
66
|
}
|
|
65
|
-
.preview-content h1 { font-size: 2em; border-bottom: 1px solid
|
|
66
|
-
.preview-content h2 { font-size: 1.5em; border-bottom: 1px solid
|
|
67
|
+
.preview-content h1 { font-size: 2em; border-bottom: 1px solid var(--preview-border); padding-bottom: 0.3em; }
|
|
68
|
+
.preview-content h2 { font-size: 1.5em; border-bottom: 1px solid var(--preview-border); padding-bottom: 0.3em; }
|
|
67
69
|
.preview-content h3 { font-size: 1.25em; }
|
|
68
70
|
.preview-content h4 { font-size: 1em; }
|
|
69
71
|
.preview-content h5 { font-size: 0.875em; }
|
|
70
|
-
.preview-content h6 { font-size: 0.85em; color:
|
|
72
|
+
.preview-content h6 { font-size: 0.85em; color: var(--preview-text); opacity: 0.7; }
|
|
71
73
|
.preview-content p { margin: 1em 0; }
|
|
72
74
|
.preview-content ul, .preview-content ol { padding-left: 2em; margin: 1em 0; }
|
|
73
75
|
.preview-content li { margin: 0.25em 0; }
|
|
74
76
|
.preview-content code {
|
|
75
|
-
background:
|
|
77
|
+
background: var(--preview-code-bg);
|
|
76
78
|
padding: 0.2em 0.4em;
|
|
77
79
|
border-radius: 3px;
|
|
78
80
|
font-family: ui-monospace, monospace;
|
|
79
81
|
font-size: 0.9em;
|
|
80
82
|
}
|
|
81
83
|
.preview-content pre {
|
|
82
|
-
background:
|
|
84
|
+
background: var(--preview-code-bg);
|
|
83
85
|
padding: 16px;
|
|
84
86
|
border-radius: 6px;
|
|
85
87
|
overflow: auto;
|
|
@@ -90,9 +92,10 @@ export class PreviewPane {
|
|
|
90
92
|
padding: 0;
|
|
91
93
|
}
|
|
92
94
|
.preview-content blockquote {
|
|
93
|
-
border-left: 4px solid
|
|
95
|
+
border-left: 4px solid var(--preview-border);
|
|
94
96
|
padding-left: 1em;
|
|
95
|
-
color:
|
|
97
|
+
color: var(--preview-text);
|
|
98
|
+
opacity: 0.7;
|
|
96
99
|
margin: 1em 0;
|
|
97
100
|
}
|
|
98
101
|
.preview-content img {
|
|
@@ -100,7 +103,7 @@ export class PreviewPane {
|
|
|
100
103
|
height: auto;
|
|
101
104
|
}
|
|
102
105
|
.preview-content a {
|
|
103
|
-
color:
|
|
106
|
+
color: var(--preview-link);
|
|
104
107
|
text-decoration: none;
|
|
105
108
|
}
|
|
106
109
|
.preview-content a:hover {
|
|
@@ -108,7 +111,7 @@ export class PreviewPane {
|
|
|
108
111
|
}
|
|
109
112
|
.preview-content hr {
|
|
110
113
|
border: none;
|
|
111
|
-
border-top: 1px solid
|
|
114
|
+
border-top: 1px solid var(--preview-border);
|
|
112
115
|
margin: 2em 0;
|
|
113
116
|
}
|
|
114
117
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preview-pane.js","sourceRoot":"","sources":["../../src/view/preview-pane.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAG3D,MAAM,OAAO,WAAW;IACd,SAAS,CAAgB;IACzB,OAAO,CAAgB;IACvB,QAAQ,CAAmD;IAC3D,KAAK,CAAgB;IACrB,aAAa,CAAY;IAEjC,YAAY,MAIX;QACC,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAA;QAC7C,IAAI,MAAM,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC/B,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;QAC3B,CAAC;QACD,IAAI,CAAC,aAAa,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAA;QAE9C,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC9C,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,cAAc,CAAA;QACzC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;YAClC,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;SACxB,CAAC,CAAA;QAEF,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QAC/C,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,EAAE,CAAA;QACtC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;QAEnC,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC5C,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,iBAAiB,CAAA;QAC1C,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;YAChC,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,MAAM;YAChB,IAAI,EAAE,GAAG;
|
|
1
|
+
{"version":3,"file":"preview-pane.js","sourceRoot":"","sources":["../../src/view/preview-pane.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAG3D,MAAM,OAAO,WAAW;IACd,SAAS,CAAgB;IACzB,OAAO,CAAgB;IACvB,QAAQ,CAAmD;IAC3D,KAAK,CAAgB;IACrB,aAAa,CAAY;IAEjC,YAAY,MAIX;QACC,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAA;QAC7C,IAAI,MAAM,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC/B,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;QAC3B,CAAC;QACD,IAAI,CAAC,aAAa,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAA;QAE9C,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC9C,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,cAAc,CAAA;QACzC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;YAClC,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;SACxB,CAAC,CAAA;QAEF,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QAC/C,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,EAAE,CAAA;QACtC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;QAEnC,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC5C,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,iBAAiB,CAAA;QAC1C,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;YAChC,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,MAAM;YAChB,IAAI,EAAE,GAAG;YACT,UAAU,EAAE,mBAAmB;YAC/B,KAAK,EAAE,qBAAqB;SAC7B,CAAC,CAAA;QAEF,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAA;QAE3D,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACxC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAC9C,CAAC;IAEO,YAAY;QAClB,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,OAAO,CAAA;QAChD,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,YAAY,CAAC,CAAA;IACxC,CAAC;IAED,UAAU,CAAC,QAAgB;QACzB,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;IACpE,CAAC;IAED,cAAc,CAAC,KAAa;QAC1B,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAA;QACvE,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS,GAAG,KAAK,CAAA;IAC5C,CAAC;IAEO,SAAS;QACf,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmEN,CAAA;IACH,CAAC;IAED,OAAO;QACL,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAA;QAC9D,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAA;IACzB,CAAC;CACF"}
|
|
@@ -38,7 +38,7 @@ export class TwoPanelLayout {
|
|
|
38
38
|
Object.assign(this.divider.style, {
|
|
39
39
|
width: '8px',
|
|
40
40
|
cursor: 'col-resize',
|
|
41
|
-
background: '
|
|
41
|
+
background: 'var(--divider-bg)',
|
|
42
42
|
position: 'relative',
|
|
43
43
|
flexShrink: '0',
|
|
44
44
|
});
|
|
@@ -92,7 +92,7 @@ export class TwoPanelLayout {
|
|
|
92
92
|
}
|
|
93
93
|
startDrag() {
|
|
94
94
|
this.isDragging = true;
|
|
95
|
-
this.divider.style.background = '
|
|
95
|
+
this.divider.style.background = 'var(--divider-hover)';
|
|
96
96
|
}
|
|
97
97
|
handleDrag(e) {
|
|
98
98
|
if (!this.isDragging)
|
|
@@ -108,7 +108,7 @@ export class TwoPanelLayout {
|
|
|
108
108
|
stopDrag() {
|
|
109
109
|
if (this.isDragging) {
|
|
110
110
|
this.isDragging = false;
|
|
111
|
-
this.divider.style.background = '
|
|
111
|
+
this.divider.style.background = 'var(--divider-bg)';
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
114
|
getMarkdown() {
|
|
@@ -132,12 +132,12 @@ export class TwoPanelLayout {
|
|
|
132
132
|
getStyles() {
|
|
133
133
|
return `
|
|
134
134
|
.two-panel-layout {
|
|
135
|
-
border: 1px solid
|
|
135
|
+
border: 1px solid var(--editor-border);
|
|
136
136
|
border-radius: 4px;
|
|
137
137
|
overflow: hidden;
|
|
138
138
|
}
|
|
139
139
|
.panel-divider:hover {
|
|
140
|
-
background:
|
|
140
|
+
background: var(--divider-hover) !important;
|
|
141
141
|
}
|
|
142
142
|
`;
|
|
143
143
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"two-panel-layout.js","sourceRoot":"","sources":["../../src/view/two-panel-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAG/C,MAAM,OAAO,cAAc;IACjB,SAAS,CAAgB;IACzB,mBAAmB,CAAgB;IACnC,oBAAoB,CAAgB;IACpC,OAAO,CAAgB;IACvB,UAAU,CAAY;IACtB,WAAW,CAAa;IACxB,OAAO,GAAG,EAAE,CAAA;IACZ,UAAU,GAAG,KAAK,CAAA;IAClB,KAAK,CAAS;IAEtB,YAAY,MAA2E;QACrF,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,cAAc,IAAI,EAAE,CAAA;QAC1C,IAAI,MAAM,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC/B,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;QAC3B,CAAC;QACD,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC9C,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,kBAAkB,CAAA;QAC7C,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;YAClC,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,MAAM;YACd,GAAG,EAAE,GAAG;SACT,CAAC,CAAA;QAEF,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QAC/C,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,EAAE,CAAA;QACtC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;QAEnC,IAAI,CAAC,mBAAmB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QACxD,IAAI,CAAC,mBAAmB,CAAC,SAAS,GAAG,oBAAoB,CAAA;QACzD,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE;YAC5C,IAAI,EAAE,GAAG;YACT,SAAS,EAAE,GAAG;YACd,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;SACxB,CAAC,CAAA;QAEF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC5C,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,eAAe,CAAA;QACxC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;YAChC,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,YAAY;YACpB,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"two-panel-layout.js","sourceRoot":"","sources":["../../src/view/two-panel-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAG/C,MAAM,OAAO,cAAc;IACjB,SAAS,CAAgB;IACzB,mBAAmB,CAAgB;IACnC,oBAAoB,CAAgB;IACpC,OAAO,CAAgB;IACvB,UAAU,CAAY;IACtB,WAAW,CAAa;IACxB,OAAO,GAAG,EAAE,CAAA;IACZ,UAAU,GAAG,KAAK,CAAA;IAClB,KAAK,CAAS;IAEtB,YAAY,MAA2E;QACrF,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,cAAc,IAAI,EAAE,CAAA;QAC1C,IAAI,MAAM,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC/B,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;QAC3B,CAAC;QACD,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC9C,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,kBAAkB,CAAA;QAC7C,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;YAClC,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,MAAM;YACd,GAAG,EAAE,GAAG;SACT,CAAC,CAAA;QAEF,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QAC/C,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,EAAE,CAAA;QACtC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;QAEnC,IAAI,CAAC,mBAAmB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QACxD,IAAI,CAAC,mBAAmB,CAAC,SAAS,GAAG,oBAAoB,CAAA;QACzD,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE;YAC5C,IAAI,EAAE,GAAG;YACT,SAAS,EAAE,GAAG;YACd,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;SACxB,CAAC,CAAA;QAEF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC5C,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,eAAe,CAAA;QACxC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;YAChC,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,YAAY;YACpB,UAAU,EAAE,mBAAmB;YAC/B,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE,GAAG;SAChB,CAAC,CAAA;QACF,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAA;QAElE,IAAI,CAAC,oBAAoB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QACzD,IAAI,CAAC,oBAAoB,CAAC,SAAS,GAAG,qBAAqB,CAAA;QAC3D,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE;YAC7C,IAAI,EAAE,GAAG;YACT,SAAS,EAAE,GAAG;YACd,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;SACxB,CAAC,CAAA;QAEF,IAAI,CAAC,UAAU,GAAG,IAAI,UAAU,CAAC;YAC/B,SAAS,EAAE,IAAI,CAAC,mBAAmB;YACnC,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC;YACvD,QAAQ,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,YAAY,EAAE,QAAQ,CAAC;SAC1F,CAAC,CAAA;QAEF,MAAM,aAAa,GAIf;YACF,SAAS,EAAE,IAAI,CAAC,oBAAoB;YACpC,QAAQ,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,YAAY,EAAE,SAAS,CAAC;SAC3F,CAAA;QACD,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC7B,aAAa,CAAC,KAAK,GAAG,IAAI,CAAC,KAAsB,CAAA;QACnD,CAAC;QACD,IAAI,CAAC,WAAW,GAAG,IAAI,WAAW,CAAC,aAAa,CAAC,CAAA;QAEjD,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA;QACpD,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACxC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAA;QAErD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAE5C,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;YACxC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC3C,CAAC;QAED,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;QACjE,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAA;IAC7D,CAAC;IAEO,kBAAkB,CAAC,OAAe;QACxC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;QACtB,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IACtC,CAAC;IAEO,UAAU,CAAC,SAAiB,EAAE,YAAoB,EAAE,MAA4B;QACtF,IAAI,MAAM,KAAK,QAAQ,EAAE,CAAC;YACxB,MAAM,KAAK,GAAG,SAAS,GAAG,YAAY,CAAA;YACtC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;QACxC,CAAC;aAAM,CAAC;YACN,MAAM,KAAK,GAAG,SAAS,GAAG,YAAY,CAAA;YACtC,MAAM,eAAe,GAAG,KAAK,GAAG,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAA;YACrE,IAAI,CAAC,mBAAmB,CAAC,SAAS,GAAG,eAAe,CAAA;QACtD,CAAC;IACH,CAAC;IAEO,SAAS;QACf,IAAI,CAAC,UAAU,GAAG,IAAI,CAAA;QACtB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,sBAAsB,CAAA;IACxD,CAAC;IAEO,UAAU,CAAC,CAAa;QAC9B,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAM;QAE5B,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAA;QAC5D,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,GAAG,aAAa,CAAC,IAAI,CAAA;QACxC,MAAM,UAAU,GAAG,CAAC,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA;QAElD,IAAI,UAAU,GAAG,EAAE,IAAI,UAAU,GAAG,EAAE,EAAE,CAAC;YACvC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,IAAI,GAAG,OAAO,UAAU,GAAG,CAAA;YAC1D,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,IAAI,GAAG,OAAO,GAAG,GAAG,UAAU,GAAG,CAAA;QACnE,CAAC;IACH,CAAC;IAEO,QAAQ;QACd,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAA;YACvB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,mBAAmB,CAAA;QACrD,CAAC;IACH,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,CAAA;IACrC,CAAC;IAED,OAAO;QACL,OAAO,IAAI,CAAC,OAAO,CAAA;IACrB,CAAC;IAED,OAAO;QACL,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAA;QACnC,OAAO;YACL,QAAQ;YACR,IAAI,EAAE,IAAI,CAAC,OAAO;SACnB,CAAA;IACH,CAAC;IAED,UAAU,CAAC,OAAe;QACxB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;QACtB,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;QACnC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IACtC,CAAC;IAEO,SAAS;QACf,OAAO;;;;;;;;;KASN,CAAA;IACH,CAAC;IAED,OAAO;QACL,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAA;QACzB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAA;QAC1B,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;QACpE,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAA;QAC9D,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAA;IACzB,CAAC;CACF"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codxse/mitosis-js",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.5.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -11,7 +11,9 @@
|
|
|
11
11
|
"prepublishOnly": "pnpm run build",
|
|
12
12
|
"test": "vitest",
|
|
13
13
|
"dev": "tsx watch src/index.ts",
|
|
14
|
-
"build": "tsc",
|
|
14
|
+
"build": "tsc && pnpm run copy-css",
|
|
15
|
+
"copy-css": "node scripts/copy-css.js",
|
|
16
|
+
"build:bundle": "esbuild dist/index.js --bundle --minify --format=iife --outfile=dist/mitosis-editor.min.js --global-name=MitosisEditor --define:process.env.NODE_ENV=\\\"production\\\"",
|
|
15
17
|
"start": "node dist/index.js",
|
|
16
18
|
"demo": "vite serve demo",
|
|
17
19
|
"lint": "eslint .",
|
|
@@ -32,6 +34,8 @@
|
|
|
32
34
|
"@eslint/js": "^9.18.0",
|
|
33
35
|
"@types/node": "^25.2.3",
|
|
34
36
|
"@vitest/ui": "^3.1.5",
|
|
37
|
+
"clean-css-cli": "^5.6.3",
|
|
38
|
+
"esbuild": "^0.27.3",
|
|
35
39
|
"eslint": "^9.18.0",
|
|
36
40
|
"eslint-config-prettier": "^9.1.0",
|
|
37
41
|
"globals": "^15.14.0",
|