@omegagrid/code 0.5.12 → 0.5.14
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/dist/components/code.d.ts +8 -5
- package/dist/components/code.d.ts.map +1 -1
- package/dist/components/code.js +85 -43
- package/dist/components/code.js.map +1 -1
- package/dist/components/codeDiff.d.ts +11 -5
- package/dist/components/codeDiff.d.ts.map +1 -1
- package/dist/components/codeDiff.js +131 -65
- package/dist/components/codeDiff.js.map +1 -1
- package/dist/loader.d.ts +2 -0
- package/dist/loader.d.ts.map +1 -1
- package/dist/loader.js +17 -0
- package/dist/loader.js.map +1 -1
- package/package.json +4 -4
|
@@ -3,7 +3,6 @@ import { LitElement } from 'lit';
|
|
|
3
3
|
import type * as monaco from 'monaco-editor';
|
|
4
4
|
export declare class Code extends LitElement implements Layout {
|
|
5
5
|
#private;
|
|
6
|
-
static monaco: typeof monaco;
|
|
7
6
|
static styles: import("lit").CSSResult;
|
|
8
7
|
get options(): monaco.editor.IStandaloneEditorConstructionOptions;
|
|
9
8
|
set options(val: monaco.editor.IStandaloneEditorConstructionOptions);
|
|
@@ -12,19 +11,23 @@ export declare class Code extends LitElement implements Layout {
|
|
|
12
11
|
get language(): string;
|
|
13
12
|
set language(val: string);
|
|
14
13
|
get selectedContent(): string;
|
|
15
|
-
|
|
14
|
+
get contentWindow(): Window;
|
|
15
|
+
get document(): Document;
|
|
16
|
+
get head(): HTMLHeadElement;
|
|
17
|
+
get body(): HTMLElement;
|
|
18
|
+
get monaco(): typeof monaco;
|
|
19
|
+
iframe: HTMLIFrameElement;
|
|
16
20
|
get editor(): monaco.editor.IStandaloneCodeEditor;
|
|
21
|
+
get model(): monaco.editor.ITextModel;
|
|
17
22
|
get theme(): "vs" | "vs-dark";
|
|
18
|
-
onStyleChange: () => void;
|
|
19
|
-
initMonaco(): Promise<void>;
|
|
20
23
|
getOptions: () => monaco.editor.IStandaloneEditorConstructionOptions;
|
|
21
24
|
initEditor(): Promise<void>;
|
|
22
25
|
updated(): void;
|
|
23
26
|
connectedCallback(): void;
|
|
24
27
|
disconnectedCallback(): void;
|
|
25
|
-
dispose(): void;
|
|
26
28
|
render: () => import("lit-html").TemplateResult<1>;
|
|
27
29
|
layout(): void;
|
|
30
|
+
dispose(): void;
|
|
28
31
|
focus(): void;
|
|
29
32
|
}
|
|
30
33
|
//# sourceMappingURL=code.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../src/components/code.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,MAAM,EAA2B,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,KAAK,MAAM,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../src/components/code.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,MAAM,EAA2B,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,KAAK,MAAM,MAAM,eAAe,CAAC;AAc7C,qBACa,IAAK,SAAQ,UAAW,YAAW,MAAM;;IAErD,MAAM,CAAC,MAAM,0BAcX;IAGF,IACI,OAAO,IACM,MAAM,CAAC,MAAM,CAAC,oCAAoC,CAD7B;IACtC,IAAI,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,oCAAoC,EAGlE;IAED,IACI,OAAO,IACM,MAAM,CADwD;IAC/E,IAAI,OAAO,CAAC,GAAG,EAAE,MAAM,EAOtB;IAGD,IACI,QAAQ,IACM,MAAM,CADgB;IACxC,IAAI,QAAQ,CAAC,GAAG,EAAE,MAAM,EAGvB;IAED,IAAI,eAAe,WAKlB;IAED,IAAI,aAAa,WAAwC;IACzD,IAAI,QAAQ,aAA0C;IACtD,IAAI,IAAI,oBAA+C;IACvD,IAAI,IAAI,gBAA+C;IACvD,IAAI,MAAM,kBAAwC;IAGlD,MAAM,EAAE,iBAAiB,CAAC;IAG1B,IAAI,MAAM,wCAA0B;IAGpC,IAAI,KAAK,6BAAyB;IASlC,IAAI,KAAK,qBAA+E;IAKxF,UAAU,QAAO,OAAO,MAAM,CAAC,oCAAoC,CAOhE;IAEG,UAAU;IAsChB,OAAO;IAIP,iBAAiB;IAMjB,oBAAoB;IAWpB,MAAM,6CAEJ;IAEF,MAAM;IAIN,OAAO;IAKP,KAAK;CAIL"}
|
package/dist/components/code.js
CHANGED
|
@@ -16,8 +16,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
|
|
|
16
16
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
17
17
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
18
18
|
};
|
|
19
|
-
var _Code_options, _Code_language, _Code_editor,
|
|
20
|
-
var Code_1;
|
|
19
|
+
var _Code_options, _Code_language, _Code_editor, _Code_model, _Code_preventChangeEvent, _Code_initializing, _Code_content, _Code_selection, _Code_scrollPosition, _Code_firstInit, _Code_onStyleChange;
|
|
21
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
21
|
exports.Code = void 0;
|
|
23
22
|
const core_1 = require("@omegagrid/core");
|
|
@@ -26,23 +25,33 @@ const decorators_js_1 = require("lit/decorators.js");
|
|
|
26
25
|
const loader_1 = require("../loader");
|
|
27
26
|
const core_2 = require("@omegagrid/core");
|
|
28
27
|
const shared_1 = require("./shared");
|
|
29
|
-
|
|
28
|
+
const innerStyle = (0, lit_1.css) `
|
|
29
|
+
html, body {
|
|
30
|
+
margin: 0;
|
|
31
|
+
padding: 0;
|
|
32
|
+
height: 100%;
|
|
33
|
+
overflow: hidden;
|
|
34
|
+
position: relative
|
|
35
|
+
}
|
|
36
|
+
`;
|
|
37
|
+
let Code = class Code extends lit_1.LitElement {
|
|
30
38
|
constructor() {
|
|
31
39
|
super(...arguments);
|
|
32
40
|
_Code_options.set(this, void 0);
|
|
33
41
|
_Code_language.set(this, 'typescript');
|
|
34
42
|
_Code_editor.set(this, void 0);
|
|
43
|
+
_Code_model.set(this, void 0);
|
|
35
44
|
_Code_preventChangeEvent.set(this, false);
|
|
36
|
-
_Code_initialized.set(this, false);
|
|
37
45
|
_Code_initializing.set(this, false);
|
|
38
46
|
_Code_content.set(this, void 0);
|
|
39
|
-
this
|
|
47
|
+
_Code_selection.set(this, void 0);
|
|
48
|
+
_Code_scrollPosition.set(this, void 0);
|
|
49
|
+
_Code_firstInit.set(this, true);
|
|
50
|
+
_Code_onStyleChange.set(this, () => {
|
|
40
51
|
__classPrivateFieldGet(this, _Code_editor, "f").updateOptions({ theme: this.theme });
|
|
41
|
-
};
|
|
52
|
+
});
|
|
42
53
|
this.getOptions = () => ({
|
|
43
54
|
...this.options,
|
|
44
|
-
value: __classPrivateFieldGet(this, _Code_content, "f"),
|
|
45
|
-
language: this.language,
|
|
46
55
|
theme: this.theme,
|
|
47
56
|
fontSize: (0, core_2.getDefaultOptions)().fontSize,
|
|
48
57
|
// workaround for caret positioning issue in chrome
|
|
@@ -50,7 +59,7 @@ let Code = Code_1 = class Code extends lit_1.LitElement {
|
|
|
50
59
|
fontLigatures: ''
|
|
51
60
|
});
|
|
52
61
|
this.render = () => (0, lit_1.html) `
|
|
53
|
-
<
|
|
62
|
+
<iframe></iframe>
|
|
54
63
|
`;
|
|
55
64
|
}
|
|
56
65
|
get options() { return __classPrivateFieldGet(this, _Code_options, "f"); }
|
|
@@ -73,8 +82,8 @@ let Code = Code_1 = class Code extends lit_1.LitElement {
|
|
|
73
82
|
get language() { return __classPrivateFieldGet(this, _Code_language, "f"); }
|
|
74
83
|
set language(val) {
|
|
75
84
|
__classPrivateFieldSet(this, _Code_language, val, "f");
|
|
76
|
-
if (__classPrivateFieldGet(this,
|
|
77
|
-
|
|
85
|
+
if (__classPrivateFieldGet(this, _Code_model, "f"))
|
|
86
|
+
this.monaco.editor.setModelLanguage(__classPrivateFieldGet(this, _Code_model, "f"), val);
|
|
78
87
|
}
|
|
79
88
|
get selectedContent() {
|
|
80
89
|
if (!__classPrivateFieldGet(this, _Code_editor, "f"))
|
|
@@ -83,50 +92,68 @@ let Code = Code_1 = class Code extends lit_1.LitElement {
|
|
|
83
92
|
const selectedCode = selectedCodeChunks.join("\n").trim();
|
|
84
93
|
return selectedCode == null || selectedCode == '' ? __classPrivateFieldGet(this, _Code_editor, "f").getValue() : selectedCode;
|
|
85
94
|
}
|
|
95
|
+
get contentWindow() { var _a; return (_a = this.iframe) === null || _a === void 0 ? void 0 : _a.contentWindow; }
|
|
96
|
+
get document() { var _a; return (_a = this.iframe) === null || _a === void 0 ? void 0 : _a.contentDocument; }
|
|
97
|
+
get head() { var _a; return (_a = this.iframe) === null || _a === void 0 ? void 0 : _a.contentDocument.head; }
|
|
98
|
+
get body() { var _a; return (_a = this.iframe) === null || _a === void 0 ? void 0 : _a.contentDocument.body; }
|
|
99
|
+
get monaco() { var _a; return (_a = this.contentWindow) === null || _a === void 0 ? void 0 : _a.monaco; }
|
|
86
100
|
get editor() { return __classPrivateFieldGet(this, _Code_editor, "f"); }
|
|
101
|
+
get model() { return __classPrivateFieldGet(this, _Code_model, "f"); }
|
|
87
102
|
get theme() { var _a; return ((_a = (0, core_1.getThemeManager)().activeTheme) === null || _a === void 0 ? void 0 : _a.type) == 'light' ? 'vs' : 'vs-dark'; }
|
|
88
|
-
async initMonaco() {
|
|
89
|
-
var _a;
|
|
90
|
-
if (__classPrivateFieldGet(this, _Code_initialized, "f"))
|
|
91
|
-
return;
|
|
92
|
-
Code_1.monaco = (_a = Code_1.monaco) !== null && _a !== void 0 ? _a : await loader_1.MonacoLoader.get();
|
|
93
|
-
core_1.dom.appendStyle(this.shadowRoot, loader_1.MonacoLoader.monacoStyle);
|
|
94
|
-
__classPrivateFieldSet(this, _Code_initialized, true, "f");
|
|
95
|
-
}
|
|
96
103
|
async initEditor() {
|
|
104
|
+
if (!this.iframe)
|
|
105
|
+
return;
|
|
106
|
+
if (__classPrivateFieldGet(this, _Code_initializing, "f") || __classPrivateFieldGet(this, _Code_editor, "f"))
|
|
107
|
+
return;
|
|
97
108
|
__classPrivateFieldSet(this, _Code_initializing, true, "f");
|
|
98
|
-
await this.
|
|
99
|
-
|
|
100
|
-
this
|
|
109
|
+
await loader_1.MonacoLoader.loadToIFrame(this.iframe);
|
|
110
|
+
core_1.dom.appendStyle(this.head, innerStyle.cssText, 'og-monaco');
|
|
111
|
+
__classPrivateFieldSet(this, _Code_editor, this.monaco.editor.create(this.body, this.getOptions()), "f");
|
|
112
|
+
__classPrivateFieldSet(this, _Code_model, this.monaco.editor.createModel(__classPrivateFieldGet(this, _Code_content, "f"), __classPrivateFieldGet(this, _Code_language, "f")), "f");
|
|
113
|
+
__classPrivateFieldGet(this, _Code_editor, "f").setModel(__classPrivateFieldGet(this, _Code_model, "f"));
|
|
114
|
+
if (__classPrivateFieldGet(this, _Code_selection, "f"))
|
|
115
|
+
__classPrivateFieldGet(this, _Code_editor, "f").setSelection(__classPrivateFieldGet(this, _Code_selection, "f"));
|
|
116
|
+
if (__classPrivateFieldGet(this, _Code_scrollPosition, "f"))
|
|
117
|
+
__classPrivateFieldGet(this, _Code_editor, "f").setScrollPosition({
|
|
118
|
+
scrollTop: __classPrivateFieldGet(this, _Code_scrollPosition, "f").top,
|
|
119
|
+
scrollLeft: __classPrivateFieldGet(this, _Code_scrollPosition, "f").left
|
|
120
|
+
});
|
|
121
|
+
if (__classPrivateFieldGet(this, _Code_firstInit, "f")) {
|
|
122
|
+
__classPrivateFieldSet(this, _Code_firstInit, false, "f");
|
|
123
|
+
this.dispatchEvent(new shared_1.CodeEvent('ready', { editor: __classPrivateFieldGet(this, _Code_editor, "f") }));
|
|
124
|
+
}
|
|
101
125
|
__classPrivateFieldGet(this, _Code_editor, "f").onDidChangeModelContent(e => {
|
|
102
|
-
if (
|
|
103
|
-
this.dispatchEvent(new shared_1.CodeEvent('change', {
|
|
104
|
-
editor: __classPrivateFieldGet(this, _Code_editor, "f"),
|
|
105
|
-
changes: e.changes
|
|
106
|
-
}));
|
|
107
|
-
this.dispatchEvent(new core_1.events.ChangeEvent({ value: __classPrivateFieldGet(this, _Code_editor, "f").getModel() }));
|
|
108
|
-
}
|
|
109
|
-
else
|
|
126
|
+
if (__classPrivateFieldGet(this, _Code_preventChangeEvent, "f")) {
|
|
110
127
|
__classPrivateFieldSet(this, _Code_preventChangeEvent, false, "f");
|
|
128
|
+
return;
|
|
129
|
+
}
|
|
130
|
+
this.dispatchEvent(new shared_1.CodeEvent('change', {
|
|
131
|
+
editor: __classPrivateFieldGet(this, _Code_editor, "f"),
|
|
132
|
+
changes: e.changes
|
|
133
|
+
}));
|
|
134
|
+
this.dispatchEvent(new core_1.events.ChangeEvent({ value: __classPrivateFieldGet(this, _Code_model, "f") }));
|
|
111
135
|
});
|
|
112
136
|
__classPrivateFieldSet(this, _Code_preventChangeEvent, false, "f");
|
|
113
137
|
__classPrivateFieldSet(this, _Code_initializing, false, "f");
|
|
138
|
+
__classPrivateFieldGet(this, _Code_editor, "f").focus();
|
|
114
139
|
}
|
|
115
140
|
updated() {
|
|
116
|
-
|
|
117
|
-
this.initEditor();
|
|
141
|
+
this.initEditor();
|
|
118
142
|
}
|
|
119
143
|
connectedCallback() {
|
|
120
|
-
var _a;
|
|
121
144
|
super.connectedCallback();
|
|
122
|
-
(0, core_1.getThemeManager)().addEventListener('change', this
|
|
123
|
-
|
|
145
|
+
(0, core_1.getThemeManager)().addEventListener('change', __classPrivateFieldGet(this, _Code_onStyleChange, "f"));
|
|
146
|
+
this.initEditor();
|
|
124
147
|
}
|
|
125
148
|
disconnectedCallback() {
|
|
126
|
-
(0, core_1.getThemeManager)().removeEventListener('change', this.onStyleChange);
|
|
127
|
-
}
|
|
128
|
-
dispose() {
|
|
129
149
|
var _a;
|
|
150
|
+
(0, core_1.getThemeManager)().removeEventListener('change', __classPrivateFieldGet(this, _Code_onStyleChange, "f"));
|
|
151
|
+
if (__classPrivateFieldGet(this, _Code_model, "f"))
|
|
152
|
+
__classPrivateFieldSet(this, _Code_content, __classPrivateFieldGet(this, _Code_model, "f").getValue(), "f");
|
|
153
|
+
if (__classPrivateFieldGet(this, _Code_editor, "f")) {
|
|
154
|
+
__classPrivateFieldSet(this, _Code_selection, __classPrivateFieldGet(this, _Code_editor, "f").getSelection(), "f");
|
|
155
|
+
__classPrivateFieldSet(this, _Code_scrollPosition, { top: __classPrivateFieldGet(this, _Code_editor, "f").getScrollTop(), left: __classPrivateFieldGet(this, _Code_editor, "f").getScrollLeft() }, "f");
|
|
156
|
+
}
|
|
130
157
|
(_a = __classPrivateFieldGet(this, _Code_editor, "f")) === null || _a === void 0 ? void 0 : _a.dispose();
|
|
131
158
|
__classPrivateFieldSet(this, _Code_editor, null, "f");
|
|
132
159
|
}
|
|
@@ -134,6 +161,11 @@ let Code = Code_1 = class Code extends lit_1.LitElement {
|
|
|
134
161
|
var _a;
|
|
135
162
|
(_a = __classPrivateFieldGet(this, _Code_editor, "f")) === null || _a === void 0 ? void 0 : _a.layout();
|
|
136
163
|
}
|
|
164
|
+
dispose() {
|
|
165
|
+
var _a;
|
|
166
|
+
(_a = __classPrivateFieldGet(this, _Code_editor, "f")) === null || _a === void 0 ? void 0 : _a.dispose();
|
|
167
|
+
__classPrivateFieldSet(this, _Code_editor, null, "f");
|
|
168
|
+
}
|
|
137
169
|
focus() {
|
|
138
170
|
var _a;
|
|
139
171
|
(_a = __classPrivateFieldGet(this, _Code_editor, "f")) === null || _a === void 0 ? void 0 : _a.focus();
|
|
@@ -143,18 +175,28 @@ exports.Code = Code;
|
|
|
143
175
|
_Code_options = new WeakMap();
|
|
144
176
|
_Code_language = new WeakMap();
|
|
145
177
|
_Code_editor = new WeakMap();
|
|
178
|
+
_Code_model = new WeakMap();
|
|
146
179
|
_Code_preventChangeEvent = new WeakMap();
|
|
147
|
-
_Code_initialized = new WeakMap();
|
|
148
180
|
_Code_initializing = new WeakMap();
|
|
149
181
|
_Code_content = new WeakMap();
|
|
182
|
+
_Code_selection = new WeakMap();
|
|
183
|
+
_Code_scrollPosition = new WeakMap();
|
|
184
|
+
_Code_firstInit = new WeakMap();
|
|
185
|
+
_Code_onStyleChange = new WeakMap();
|
|
150
186
|
Code.styles = (0, lit_1.css) `
|
|
151
|
-
:host
|
|
187
|
+
:host {
|
|
152
188
|
user-select: text;
|
|
153
189
|
display: block;
|
|
154
190
|
width: 100%;
|
|
155
191
|
height: 100%;
|
|
156
192
|
position: relative;
|
|
157
193
|
}
|
|
194
|
+
|
|
195
|
+
iframe {
|
|
196
|
+
width: 100%;
|
|
197
|
+
height: 100%;
|
|
198
|
+
border: none;
|
|
199
|
+
}
|
|
158
200
|
`;
|
|
159
201
|
__decorate([
|
|
160
202
|
(0, decorators_js_1.property)({ type: Object, noAccessor: true })
|
|
@@ -166,9 +208,9 @@ __decorate([
|
|
|
166
208
|
(0, decorators_js_1.property)({ type: String, noAccessor: true })
|
|
167
209
|
], Code.prototype, "language", null);
|
|
168
210
|
__decorate([
|
|
169
|
-
(0, decorators_js_1.query)('
|
|
170
|
-
], Code.prototype, "
|
|
171
|
-
exports.Code = Code =
|
|
211
|
+
(0, decorators_js_1.query)('iframe')
|
|
212
|
+
], Code.prototype, "iframe", void 0);
|
|
213
|
+
exports.Code = Code = __decorate([
|
|
172
214
|
(0, decorators_js_1.customElement)('og-code')
|
|
173
215
|
], Code);
|
|
174
216
|
//# sourceMappingURL=code.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code.js","sourceRoot":"","sources":["../../src/components/code.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"code.js","sourceRoot":"","sources":["../../src/components/code.ts"],"names":[],"mappings":"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"}
|
|
@@ -9,16 +9,21 @@ export declare class CodeDiffEditor extends LitElement implements Layout {
|
|
|
9
9
|
set options(val: monaco.editor.IStandaloneEditorConstructionOptions);
|
|
10
10
|
get language(): string;
|
|
11
11
|
set language(val: string);
|
|
12
|
-
get selectedContent(): string;
|
|
13
|
-
codeRoot: HTMLDivElement;
|
|
14
|
-
get editor(): monaco.editor.IStandaloneDiffEditor;
|
|
15
12
|
get modifiedContent(): string;
|
|
16
13
|
set modifiedContent(val: string);
|
|
17
14
|
get originalContent(): string;
|
|
18
15
|
set originalContent(val: string);
|
|
16
|
+
get selectedContent(): string;
|
|
17
|
+
get contentWindow(): Window;
|
|
18
|
+
get document(): Document;
|
|
19
|
+
get head(): HTMLHeadElement;
|
|
20
|
+
get body(): HTMLElement;
|
|
21
|
+
get monaco(): typeof monaco;
|
|
22
|
+
iframe: HTMLIFrameElement;
|
|
23
|
+
get editor(): monaco.editor.IStandaloneDiffEditor;
|
|
24
|
+
get modifiedModel(): monaco.editor.ITextModel;
|
|
25
|
+
get originalModel(): monaco.editor.ITextModel;
|
|
19
26
|
get theme(): "vs" | "vs-dark";
|
|
20
|
-
onStyleChange: () => void;
|
|
21
|
-
initMonaco(): Promise<void>;
|
|
22
27
|
getOptions: () => monaco.editor.IStandaloneDiffEditorConstructionOptions;
|
|
23
28
|
initEditor(): Promise<void>;
|
|
24
29
|
updated(): void;
|
|
@@ -26,6 +31,7 @@ export declare class CodeDiffEditor extends LitElement implements Layout {
|
|
|
26
31
|
disconnectedCallback(): void;
|
|
27
32
|
render: () => import("lit-html").TemplateResult<1>;
|
|
28
33
|
layout(): void;
|
|
34
|
+
dispose(): void;
|
|
29
35
|
focus(): void;
|
|
30
36
|
}
|
|
31
37
|
//# sourceMappingURL=codeDiff.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"codeDiff.d.ts","sourceRoot":"","sources":["../../src/components/codeDiff.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,MAAM,EAA2B,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,KAAK,MAAM,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"codeDiff.d.ts","sourceRoot":"","sources":["../../src/components/codeDiff.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,MAAM,EAA2B,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,KAAK,MAAM,MAAM,eAAe,CAAC;AAc7C,qBACa,cAAe,SAAQ,UAAW,YAAW,MAAM;;IAE/D,MAAM,CAAC,MAAM,EAAE,OAAO,MAAM,CAAC;IAC7B,MAAM,CAAC,MAAM,0BAcX;IAGF,IACI,OAAO,IACM,MAAM,CAAC,MAAM,CAAC,oCAAoC,CAD7B;IACtC,IAAI,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,oCAAoC,EAGlE;IAGD,IACI,QAAQ,IACM,MAAM,CADgB;IACxC,IAAI,QAAQ,CAAC,GAAG,EAAE,MAAM,EAMvB;IAED,IACI,eAAe,IACM,MAAM,CAD8E;IAC7G,IAAI,eAAe,CAAC,GAAG,EAAE,MAAM,EAO9B;IAED,IACI,eAAe,IACM,MAAM,CAD8E;IAC7G,IAAI,eAAe,CAAC,GAAG,EAAE,MAAM,EAO9B;IAED,IAAI,eAAe,WAMlB;IAED,IAAI,aAAa,WAAwC;IACzD,IAAI,QAAQ,aAA0C;IACtD,IAAI,IAAI,oBAA+C;IACvD,IAAI,IAAI,gBAA+C;IACvD,IAAI,MAAM,kBAAwC;IAGlD,MAAM,EAAE,iBAAiB,CAAC;IAG1B,IAAI,MAAM,wCAA0B;IAGpC,IAAI,aAAa,6BAAiC;IAGlD,IAAI,aAAa,6BAAiC;IAYlD,IAAI,KAAK,qBAA+E;IAKxF,UAAU,QAAO,OAAO,MAAM,CAAC,wCAAwC,CAOpE;IAEG,UAAU;IAgDhB,OAAO;IAIP,iBAAiB;IAMjB,oBAAoB;IAmBpB,MAAM,6CAEJ;IAEF,MAAM;IAIN,OAAO;IAKP,KAAK;CAIL"}
|
|
@@ -16,8 +16,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
|
|
|
16
16
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
17
17
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
18
18
|
};
|
|
19
|
-
var _CodeDiffEditor_options, _CodeDiffEditor_language, _CodeDiffEditor_editor,
|
|
20
|
-
var CodeDiffEditor_1;
|
|
19
|
+
var _CodeDiffEditor_options, _CodeDiffEditor_language, _CodeDiffEditor_editor, _CodeDiffEditor_modifiedModel, _CodeDiffEditor_originalModel, _CodeDiffEditor_preventChangeEvent, _CodeDiffEditor_initializing, _CodeDiffEditor_originalContent, _CodeDiffEditor_modifiedContent, _CodeDiffEditor_selection, _CodeDiffEditor_originalScrollPosition, _CodeDiffEditor_modifiedScrollPosition, _CodeDiffEditor_firstInit, _CodeDiffEditor_activeModel, _CodeDiffEditor_onStyleChange;
|
|
21
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
21
|
exports.CodeDiffEditor = void 0;
|
|
23
22
|
const core_1 = require("@omegagrid/core");
|
|
@@ -26,21 +25,35 @@ const decorators_js_1 = require("lit/decorators.js");
|
|
|
26
25
|
const loader_1 = require("../loader");
|
|
27
26
|
const core_2 = require("@omegagrid/core");
|
|
28
27
|
const shared_1 = require("./shared");
|
|
29
|
-
|
|
28
|
+
const innerStyle = (0, lit_1.css) `
|
|
29
|
+
html, body {
|
|
30
|
+
margin: 0;
|
|
31
|
+
padding: 0;
|
|
32
|
+
height: 100%;
|
|
33
|
+
overflow: hidden;
|
|
34
|
+
position: relative
|
|
35
|
+
}
|
|
36
|
+
`;
|
|
37
|
+
let CodeDiffEditor = class CodeDiffEditor extends lit_1.LitElement {
|
|
30
38
|
constructor() {
|
|
31
39
|
super(...arguments);
|
|
32
40
|
_CodeDiffEditor_options.set(this, void 0);
|
|
33
41
|
_CodeDiffEditor_language.set(this, 'typescript');
|
|
34
42
|
_CodeDiffEditor_editor.set(this, void 0);
|
|
43
|
+
_CodeDiffEditor_modifiedModel.set(this, void 0);
|
|
44
|
+
_CodeDiffEditor_originalModel.set(this, void 0);
|
|
35
45
|
_CodeDiffEditor_preventChangeEvent.set(this, false);
|
|
36
|
-
_CodeDiffEditor_initialized.set(this, false);
|
|
37
46
|
_CodeDiffEditor_initializing.set(this, false);
|
|
38
|
-
_CodeDiffEditor_activeModel.set(this, void 0);
|
|
39
|
-
_CodeDiffEditor_modifiedContent.set(this, '');
|
|
40
47
|
_CodeDiffEditor_originalContent.set(this, '');
|
|
41
|
-
this
|
|
48
|
+
_CodeDiffEditor_modifiedContent.set(this, '');
|
|
49
|
+
_CodeDiffEditor_selection.set(this, void 0);
|
|
50
|
+
_CodeDiffEditor_originalScrollPosition.set(this, void 0);
|
|
51
|
+
_CodeDiffEditor_modifiedScrollPosition.set(this, void 0);
|
|
52
|
+
_CodeDiffEditor_firstInit.set(this, true);
|
|
53
|
+
_CodeDiffEditor_activeModel.set(this, void 0);
|
|
54
|
+
_CodeDiffEditor_onStyleChange.set(this, () => {
|
|
42
55
|
this.editor.updateOptions({ theme: this.theme });
|
|
43
|
-
};
|
|
56
|
+
});
|
|
44
57
|
this.getOptions = () => ({
|
|
45
58
|
...this.options,
|
|
46
59
|
theme: this.theme,
|
|
@@ -50,7 +63,7 @@ let CodeDiffEditor = CodeDiffEditor_1 = class CodeDiffEditor extends lit_1.LitEl
|
|
|
50
63
|
fontLigatures: ''
|
|
51
64
|
});
|
|
52
65
|
this.render = () => (0, lit_1.html) `
|
|
53
|
-
<
|
|
66
|
+
<iframe></iframe>
|
|
54
67
|
`;
|
|
55
68
|
}
|
|
56
69
|
get options() { return __classPrivateFieldGet(this, _CodeDiffEditor_options, "f"); }
|
|
@@ -63,8 +76,28 @@ let CodeDiffEditor = CodeDiffEditor_1 = class CodeDiffEditor extends lit_1.LitEl
|
|
|
63
76
|
set language(val) {
|
|
64
77
|
__classPrivateFieldSet(this, _CodeDiffEditor_language, val, "f");
|
|
65
78
|
if (__classPrivateFieldGet(this, _CodeDiffEditor_editor, "f")) {
|
|
66
|
-
|
|
67
|
-
|
|
79
|
+
this.monaco.editor.setModelLanguage(__classPrivateFieldGet(this, _CodeDiffEditor_editor, "f").getModel().modified, val);
|
|
80
|
+
this.monaco.editor.setModelLanguage(__classPrivateFieldGet(this, _CodeDiffEditor_editor, "f").getModel().original, val);
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
get modifiedContent() { return __classPrivateFieldGet(this, _CodeDiffEditor_modifiedModel, "f") ? __classPrivateFieldGet(this, _CodeDiffEditor_modifiedModel, "f").getValue() : __classPrivateFieldGet(this, _CodeDiffEditor_modifiedContent, "f"); }
|
|
84
|
+
set modifiedContent(val) {
|
|
85
|
+
if (__classPrivateFieldGet(this, _CodeDiffEditor_modifiedModel, "f")) {
|
|
86
|
+
__classPrivateFieldSet(this, _CodeDiffEditor_preventChangeEvent, true, "f");
|
|
87
|
+
__classPrivateFieldGet(this, _CodeDiffEditor_modifiedModel, "f").setValue(val);
|
|
88
|
+
}
|
|
89
|
+
else {
|
|
90
|
+
__classPrivateFieldSet(this, _CodeDiffEditor_modifiedContent, val, "f");
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
get originalContent() { return __classPrivateFieldGet(this, _CodeDiffEditor_originalModel, "f") ? __classPrivateFieldGet(this, _CodeDiffEditor_originalModel, "f").getValue() : __classPrivateFieldGet(this, _CodeDiffEditor_originalContent, "f"); }
|
|
94
|
+
set originalContent(val) {
|
|
95
|
+
if (__classPrivateFieldGet(this, _CodeDiffEditor_originalModel, "f")) {
|
|
96
|
+
__classPrivateFieldSet(this, _CodeDiffEditor_preventChangeEvent, true, "f");
|
|
97
|
+
__classPrivateFieldGet(this, _CodeDiffEditor_originalModel, "f").setValue(val);
|
|
98
|
+
}
|
|
99
|
+
else {
|
|
100
|
+
__classPrivateFieldSet(this, _CodeDiffEditor_originalContent, val, "f");
|
|
68
101
|
}
|
|
69
102
|
}
|
|
70
103
|
get selectedContent() {
|
|
@@ -76,51 +109,50 @@ let CodeDiffEditor = CodeDiffEditor_1 = class CodeDiffEditor extends lit_1.LitEl
|
|
|
76
109
|
const selectedCode = selectedCodeChunks.join("\n").trim();
|
|
77
110
|
return selectedCode == null || selectedCode == '' ? __classPrivateFieldGet(this, _CodeDiffEditor_activeModel, "f").getValue() : selectedCode;
|
|
78
111
|
}
|
|
112
|
+
get contentWindow() { var _a; return (_a = this.iframe) === null || _a === void 0 ? void 0 : _a.contentWindow; }
|
|
113
|
+
get document() { var _a; return (_a = this.iframe) === null || _a === void 0 ? void 0 : _a.contentDocument; }
|
|
114
|
+
get head() { var _a; return (_a = this.iframe) === null || _a === void 0 ? void 0 : _a.contentDocument.head; }
|
|
115
|
+
get body() { var _a; return (_a = this.iframe) === null || _a === void 0 ? void 0 : _a.contentDocument.body; }
|
|
116
|
+
get monaco() { var _a; return (_a = this.contentWindow) === null || _a === void 0 ? void 0 : _a.monaco; }
|
|
79
117
|
get editor() { return __classPrivateFieldGet(this, _CodeDiffEditor_editor, "f"); }
|
|
80
|
-
get
|
|
81
|
-
|
|
82
|
-
var _a;
|
|
83
|
-
__classPrivateFieldSet(this, _CodeDiffEditor_modifiedContent, val, "f");
|
|
84
|
-
__classPrivateFieldSet(this, _CodeDiffEditor_preventChangeEvent, true, "f");
|
|
85
|
-
(_a = this.editor) === null || _a === void 0 ? void 0 : _a.getModel().modified.setValue(val);
|
|
86
|
-
}
|
|
87
|
-
get originalContent() { var _a; return this.editor ? (_a = this.editor.getModel()) === null || _a === void 0 ? void 0 : _a.original.getValue() : __classPrivateFieldGet(this, _CodeDiffEditor_originalContent, "f"); }
|
|
88
|
-
set originalContent(val) {
|
|
89
|
-
var _a;
|
|
90
|
-
__classPrivateFieldSet(this, _CodeDiffEditor_originalContent, val, "f");
|
|
91
|
-
__classPrivateFieldSet(this, _CodeDiffEditor_preventChangeEvent, true, "f");
|
|
92
|
-
(_a = this.editor) === null || _a === void 0 ? void 0 : _a.getModel().original.setValue(val);
|
|
93
|
-
}
|
|
118
|
+
get modifiedModel() { return __classPrivateFieldGet(this, _CodeDiffEditor_modifiedModel, "f"); }
|
|
119
|
+
get originalModel() { return __classPrivateFieldGet(this, _CodeDiffEditor_originalModel, "f"); }
|
|
94
120
|
get theme() { var _a; return ((_a = (0, core_1.getThemeManager)().activeTheme) === null || _a === void 0 ? void 0 : _a.type) == 'light' ? 'vs' : 'vs-dark'; }
|
|
95
|
-
async initMonaco() {
|
|
96
|
-
var _a;
|
|
97
|
-
if (__classPrivateFieldGet(this, _CodeDiffEditor_initialized, "f"))
|
|
98
|
-
return;
|
|
99
|
-
CodeDiffEditor_1.monaco = (_a = CodeDiffEditor_1.monaco) !== null && _a !== void 0 ? _a : await loader_1.MonacoLoader.get();
|
|
100
|
-
core_1.dom.appendStyle(this.shadowRoot, loader_1.MonacoLoader.monacoStyle);
|
|
101
|
-
__classPrivateFieldSet(this, _CodeDiffEditor_initialized, true, "f");
|
|
102
|
-
}
|
|
103
121
|
async initEditor() {
|
|
122
|
+
if (!this.iframe)
|
|
123
|
+
return;
|
|
124
|
+
if (__classPrivateFieldGet(this, _CodeDiffEditor_initializing, "f") || __classPrivateFieldGet(this, _CodeDiffEditor_editor, "f"))
|
|
125
|
+
return;
|
|
104
126
|
__classPrivateFieldSet(this, _CodeDiffEditor_initializing, true, "f");
|
|
105
|
-
await this.
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
this.editor.
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
127
|
+
await loader_1.MonacoLoader.loadToIFrame(this.iframe);
|
|
128
|
+
core_1.dom.appendStyle(this.head, innerStyle.cssText, 'og-monaco');
|
|
129
|
+
__classPrivateFieldSet(this, _CodeDiffEditor_editor, this.monaco.editor.createDiffEditor(this.body, this.getOptions()), "f");
|
|
130
|
+
__classPrivateFieldSet(this, _CodeDiffEditor_originalModel, this.monaco.editor.createModel(__classPrivateFieldGet(this, _CodeDiffEditor_originalContent, "f"), this.language), "f");
|
|
131
|
+
__classPrivateFieldSet(this, _CodeDiffEditor_modifiedModel, this.monaco.editor.createModel(__classPrivateFieldGet(this, _CodeDiffEditor_modifiedContent, "f"), this.language), "f");
|
|
132
|
+
this.editor.setModel({ original: __classPrivateFieldGet(this, _CodeDiffEditor_originalModel, "f"), modified: __classPrivateFieldGet(this, _CodeDiffEditor_modifiedModel, "f") });
|
|
133
|
+
if (__classPrivateFieldGet(this, _CodeDiffEditor_selection, "f"))
|
|
134
|
+
__classPrivateFieldGet(this, _CodeDiffEditor_editor, "f").setSelection(__classPrivateFieldGet(this, _CodeDiffEditor_selection, "f"));
|
|
135
|
+
if (__classPrivateFieldGet(this, _CodeDiffEditor_originalScrollPosition, "f"))
|
|
136
|
+
__classPrivateFieldGet(this, _CodeDiffEditor_editor, "f").getOriginalEditor().setScrollPosition({
|
|
137
|
+
scrollTop: __classPrivateFieldGet(this, _CodeDiffEditor_originalScrollPosition, "f").top,
|
|
138
|
+
scrollLeft: __classPrivateFieldGet(this, _CodeDiffEditor_originalScrollPosition, "f").left
|
|
139
|
+
});
|
|
140
|
+
if (__classPrivateFieldGet(this, _CodeDiffEditor_modifiedScrollPosition, "f"))
|
|
141
|
+
__classPrivateFieldGet(this, _CodeDiffEditor_editor, "f").getModifiedEditor().setScrollPosition({
|
|
142
|
+
scrollTop: __classPrivateFieldGet(this, _CodeDiffEditor_modifiedScrollPosition, "f").top,
|
|
143
|
+
scrollLeft: __classPrivateFieldGet(this, _CodeDiffEditor_modifiedScrollPosition, "f").left
|
|
144
|
+
});
|
|
145
|
+
if (__classPrivateFieldGet(this, _CodeDiffEditor_firstInit, "f")) {
|
|
146
|
+
__classPrivateFieldSet(this, _CodeDiffEditor_firstInit, false, "f");
|
|
147
|
+
this.dispatchEvent(new shared_1.CodeEvent('ready', { editor: __classPrivateFieldGet(this, _CodeDiffEditor_editor, "f") }));
|
|
148
|
+
}
|
|
149
|
+
__classPrivateFieldGet(this, _CodeDiffEditor_modifiedModel, "f").onDidChangeContent(e => {
|
|
150
|
+
if (__classPrivateFieldGet(this, _CodeDiffEditor_preventChangeEvent, "f")) {
|
|
123
151
|
__classPrivateFieldSet(this, _CodeDiffEditor_preventChangeEvent, false, "f");
|
|
152
|
+
return;
|
|
153
|
+
}
|
|
154
|
+
this.dispatchEvent(new shared_1.CodeEvent('change', { editor: this.editor, changes: e.changes }));
|
|
155
|
+
this.dispatchEvent(new core_1.events.ChangeEvent({ value: this.editor.getModel().modified.getValue() }));
|
|
124
156
|
});
|
|
125
157
|
__classPrivateFieldGet(this, _CodeDiffEditor_editor, "f").getModifiedEditor().onDidFocusEditorText(() => {
|
|
126
158
|
__classPrivateFieldSet(this, _CodeDiffEditor_activeModel, __classPrivateFieldGet(this, _CodeDiffEditor_editor, "f").getModifiedEditor().getModel(), "f");
|
|
@@ -130,24 +162,46 @@ let CodeDiffEditor = CodeDiffEditor_1 = class CodeDiffEditor extends lit_1.LitEl
|
|
|
130
162
|
});
|
|
131
163
|
__classPrivateFieldSet(this, _CodeDiffEditor_preventChangeEvent, false, "f");
|
|
132
164
|
__classPrivateFieldSet(this, _CodeDiffEditor_initializing, false, "f");
|
|
165
|
+
__classPrivateFieldGet(this, _CodeDiffEditor_editor, "f").focus();
|
|
133
166
|
}
|
|
134
167
|
updated() {
|
|
135
|
-
|
|
136
|
-
this.initEditor();
|
|
168
|
+
this.initEditor();
|
|
137
169
|
}
|
|
138
170
|
connectedCallback() {
|
|
139
|
-
var _a;
|
|
140
171
|
super.connectedCallback();
|
|
141
|
-
(0, core_1.getThemeManager)().addEventListener('change', this
|
|
142
|
-
|
|
172
|
+
(0, core_1.getThemeManager)().addEventListener('change', __classPrivateFieldGet(this, _CodeDiffEditor_onStyleChange, "f"));
|
|
173
|
+
this.initEditor();
|
|
143
174
|
}
|
|
144
175
|
disconnectedCallback() {
|
|
145
|
-
|
|
176
|
+
var _a;
|
|
177
|
+
(0, core_1.getThemeManager)().removeEventListener('change', __classPrivateFieldGet(this, _CodeDiffEditor_onStyleChange, "f"));
|
|
178
|
+
if (__classPrivateFieldGet(this, _CodeDiffEditor_originalModel, "f"))
|
|
179
|
+
__classPrivateFieldSet(this, _CodeDiffEditor_originalContent, __classPrivateFieldGet(this, _CodeDiffEditor_originalModel, "f").getValue(), "f");
|
|
180
|
+
if (__classPrivateFieldGet(this, _CodeDiffEditor_modifiedModel, "f"))
|
|
181
|
+
__classPrivateFieldSet(this, _CodeDiffEditor_modifiedContent, __classPrivateFieldGet(this, _CodeDiffEditor_modifiedModel, "f").getValue(), "f");
|
|
182
|
+
if (__classPrivateFieldGet(this, _CodeDiffEditor_editor, "f")) {
|
|
183
|
+
__classPrivateFieldSet(this, _CodeDiffEditor_selection, __classPrivateFieldGet(this, _CodeDiffEditor_editor, "f").getSelection(), "f");
|
|
184
|
+
__classPrivateFieldSet(this, _CodeDiffEditor_originalScrollPosition, {
|
|
185
|
+
top: __classPrivateFieldGet(this, _CodeDiffEditor_editor, "f").getOriginalEditor().getScrollTop(),
|
|
186
|
+
left: __classPrivateFieldGet(this, _CodeDiffEditor_editor, "f").getOriginalEditor().getScrollLeft()
|
|
187
|
+
}, "f");
|
|
188
|
+
__classPrivateFieldSet(this, _CodeDiffEditor_modifiedScrollPosition, {
|
|
189
|
+
top: __classPrivateFieldGet(this, _CodeDiffEditor_editor, "f").getModifiedEditor().getScrollTop(),
|
|
190
|
+
left: __classPrivateFieldGet(this, _CodeDiffEditor_editor, "f").getModifiedEditor().getScrollLeft()
|
|
191
|
+
}, "f");
|
|
192
|
+
}
|
|
193
|
+
(_a = __classPrivateFieldGet(this, _CodeDiffEditor_editor, "f")) === null || _a === void 0 ? void 0 : _a.dispose();
|
|
194
|
+
__classPrivateFieldSet(this, _CodeDiffEditor_editor, null, "f");
|
|
146
195
|
}
|
|
147
196
|
layout() {
|
|
148
197
|
var _a;
|
|
149
198
|
(_a = this.editor) === null || _a === void 0 ? void 0 : _a.layout();
|
|
150
199
|
}
|
|
200
|
+
dispose() {
|
|
201
|
+
var _a;
|
|
202
|
+
(_a = __classPrivateFieldGet(this, _CodeDiffEditor_editor, "f")) === null || _a === void 0 ? void 0 : _a.dispose();
|
|
203
|
+
__classPrivateFieldSet(this, _CodeDiffEditor_editor, null, "f");
|
|
204
|
+
}
|
|
151
205
|
focus() {
|
|
152
206
|
var _a;
|
|
153
207
|
(_a = this.editor) === null || _a === void 0 ? void 0 : _a.focus();
|
|
@@ -157,20 +211,32 @@ exports.CodeDiffEditor = CodeDiffEditor;
|
|
|
157
211
|
_CodeDiffEditor_options = new WeakMap();
|
|
158
212
|
_CodeDiffEditor_language = new WeakMap();
|
|
159
213
|
_CodeDiffEditor_editor = new WeakMap();
|
|
214
|
+
_CodeDiffEditor_modifiedModel = new WeakMap();
|
|
215
|
+
_CodeDiffEditor_originalModel = new WeakMap();
|
|
160
216
|
_CodeDiffEditor_preventChangeEvent = new WeakMap();
|
|
161
|
-
_CodeDiffEditor_initialized = new WeakMap();
|
|
162
217
|
_CodeDiffEditor_initializing = new WeakMap();
|
|
163
|
-
_CodeDiffEditor_activeModel = new WeakMap();
|
|
164
|
-
_CodeDiffEditor_modifiedContent = new WeakMap();
|
|
165
218
|
_CodeDiffEditor_originalContent = new WeakMap();
|
|
219
|
+
_CodeDiffEditor_modifiedContent = new WeakMap();
|
|
220
|
+
_CodeDiffEditor_selection = new WeakMap();
|
|
221
|
+
_CodeDiffEditor_originalScrollPosition = new WeakMap();
|
|
222
|
+
_CodeDiffEditor_modifiedScrollPosition = new WeakMap();
|
|
223
|
+
_CodeDiffEditor_firstInit = new WeakMap();
|
|
224
|
+
_CodeDiffEditor_activeModel = new WeakMap();
|
|
225
|
+
_CodeDiffEditor_onStyleChange = new WeakMap();
|
|
166
226
|
CodeDiffEditor.styles = (0, lit_1.css) `
|
|
167
|
-
:host
|
|
227
|
+
:host {
|
|
168
228
|
user-select: text;
|
|
169
229
|
display: block;
|
|
170
230
|
width: 100%;
|
|
171
231
|
height: 100%;
|
|
172
232
|
position: relative;
|
|
173
233
|
}
|
|
234
|
+
|
|
235
|
+
iframe {
|
|
236
|
+
width: 100%;
|
|
237
|
+
height: 100%;
|
|
238
|
+
border: none;
|
|
239
|
+
}
|
|
174
240
|
`;
|
|
175
241
|
__decorate([
|
|
176
242
|
(0, decorators_js_1.property)({ type: Object, noAccessor: true })
|
|
@@ -178,16 +244,16 @@ __decorate([
|
|
|
178
244
|
__decorate([
|
|
179
245
|
(0, decorators_js_1.property)({ type: String, noAccessor: true })
|
|
180
246
|
], CodeDiffEditor.prototype, "language", null);
|
|
181
|
-
__decorate([
|
|
182
|
-
(0, decorators_js_1.query)('#codeRoot')
|
|
183
|
-
], CodeDiffEditor.prototype, "codeRoot", void 0);
|
|
184
247
|
__decorate([
|
|
185
248
|
(0, decorators_js_1.property)({ type: String, noAccessor: true })
|
|
186
249
|
], CodeDiffEditor.prototype, "modifiedContent", null);
|
|
187
250
|
__decorate([
|
|
188
251
|
(0, decorators_js_1.property)({ type: String, noAccessor: true })
|
|
189
252
|
], CodeDiffEditor.prototype, "originalContent", null);
|
|
190
|
-
|
|
253
|
+
__decorate([
|
|
254
|
+
(0, decorators_js_1.query)('iframe')
|
|
255
|
+
], CodeDiffEditor.prototype, "iframe", void 0);
|
|
256
|
+
exports.CodeDiffEditor = CodeDiffEditor = __decorate([
|
|
191
257
|
(0, decorators_js_1.customElement)('og-code-diff')
|
|
192
258
|
], CodeDiffEditor);
|
|
193
259
|
//# sourceMappingURL=codeDiff.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"codeDiff.js","sourceRoot":"","sources":["../../src/components/codeDiff.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"codeDiff.js","sourceRoot":"","sources":["../../src/components/codeDiff.ts"],"names":[],"mappings":"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"}
|
package/dist/loader.d.ts
CHANGED
|
@@ -8,6 +8,7 @@ export interface Require {
|
|
|
8
8
|
declare global {
|
|
9
9
|
interface Window {
|
|
10
10
|
monaco: typeof monacoNS;
|
|
11
|
+
require: Require;
|
|
11
12
|
}
|
|
12
13
|
}
|
|
13
14
|
export declare class MonacoLoader {
|
|
@@ -18,5 +19,6 @@ export declare class MonacoLoader {
|
|
|
18
19
|
static get(): Promise<typeof monacoNS>;
|
|
19
20
|
static getSync(): typeof monacoNS;
|
|
20
21
|
static load(): Promise<typeof monacoNS>;
|
|
22
|
+
static loadToIFrame(iframe: HTMLIFrameElement): Promise<typeof monacoNS>;
|
|
21
23
|
}
|
|
22
24
|
//# sourceMappingURL=loader.d.ts.map
|
package/dist/loader.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../src/loader.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,QAAQ,MAAM,eAAe,CAAC;AAI/C,MAAM,WAAW,OAAO;IACvB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC;IAC/C,MAAM,EAAE,CAAC,OAAO,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAC,KAAK,IAAI,CAAC;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QAClB,MAAM,EAAE,OAAO,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../src/loader.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,QAAQ,MAAM,eAAe,CAAC;AAI/C,MAAM,WAAW,OAAO;IACvB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC;IAC/C,MAAM,EAAE,CAAC,OAAO,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAC,KAAK,IAAI,CAAC;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QAClB,MAAM,EAAE,OAAO,QAAQ,CAAC;QACxB,OAAO,EAAE,OAAO,CAAC;KACd;CACJ;AAED,qBAAa,YAAY;IAExB,MAAM,CAAC,MAAM,EAAE,OAAO,QAAQ,CAAC;IAC/B,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC;IAE1B,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM;WAYX,GAAG;IAKhB,MAAM,CAAC,OAAO;IAId,MAAM,CAAC,IAAI;WAiBE,YAAY,CAAC,MAAM,EAAE,iBAAiB,GAAG,OAAO,CAAC,OAAO,QAAQ,CAAC;CAoB9E"}
|
package/dist/loader.js
CHANGED
|
@@ -36,6 +36,23 @@ class MonacoLoader {
|
|
|
36
36
|
});
|
|
37
37
|
});
|
|
38
38
|
}
|
|
39
|
+
static async loadToIFrame(iframe) {
|
|
40
|
+
if (!core_1.AMD.require) {
|
|
41
|
+
throw new Error('AMDLoader is not initialized');
|
|
42
|
+
}
|
|
43
|
+
const window = iframe.contentWindow;
|
|
44
|
+
if (window.monaco)
|
|
45
|
+
return window.monaco;
|
|
46
|
+
// window.require = AMD.require;
|
|
47
|
+
// window.monaco = await this.load();
|
|
48
|
+
await core_1.ScriptLoader.load(`${MonacoLoader.monacoPath}/loader.js`, iframe.contentDocument);
|
|
49
|
+
window.require.config({ paths: { 'vs': MonacoLoader.monacoPath } });
|
|
50
|
+
return await new Promise((resolve) => {
|
|
51
|
+
window.require(['vs/editor/editor.main'], () => {
|
|
52
|
+
resolve(window.monaco);
|
|
53
|
+
});
|
|
54
|
+
});
|
|
55
|
+
}
|
|
39
56
|
}
|
|
40
57
|
exports.MonacoLoader = MonacoLoader;
|
|
41
58
|
//# sourceMappingURL=loader.js.map
|
package/dist/loader.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loader.js","sourceRoot":"","sources":["../src/loader.ts"],"names":[],"mappings":";;;AACA,6BAAgC;AAChC,
|
|
1
|
+
{"version":3,"file":"loader.js","sourceRoot":"","sources":["../src/loader.ts"],"names":[],"mappings":";;;AACA,6BAAgC;AAChC,0CAAyD;AAczD,MAAa,YAAY;IAMxB,MAAM,CAAC,IAAI,CAAC,IAAY;QACvB,YAAY,CAAC,UAAU,GAAG,IAAI,CAAC;QAC/B,YAAY,CAAC,WAAW,GAAG,YAAY,IAAA,eAAS,EAAC,IAAI,CAAC,0BAA0B,CAAC;QAEjF,UAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,EAAE;;;gBAGjB,IAAI;;GAEjB,CAAC,CAAC;IACJ,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,GAAG;QACf,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;QAClD,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;IAED,MAAM,CAAC,OAAO;QACb,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;IAED,MAAM,CAAC,IAAI;QACV,IAAI,CAAC,UAAG,CAAC,OAAO,EAAE,CAAC;YAClB,MAAM,IAAI,KAAK,CAAC,8BAA8B,CAAC,CAAC;QACjD,CAAC;QAED,UAAG,CAAC,OAAO,CAAC,MAAM,CAAC;YAClB,KAAK,EAAE,EAAC,IAAI,EAAE,YAAY,CAAC,UAAU,EAAC;YACtC,QAAQ,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC;SAC1B,CAAC,CAAC;QAEH,OAAO,IAAI,OAAO,CAAkB,CAAC,OAAO,EAAE,EAAE;YAC/C,UAAG,CAAC,OAAO,CAAC,CAAC,uBAAuB,CAAC,EAAE,GAAG,EAAE;gBAC3C,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACtB,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,MAAyB;QAClD,IAAI,CAAC,UAAG,CAAC,OAAO,EAAE,CAAC;YAClB,MAAM,IAAI,KAAK,CAAC,8BAA8B,CAAC,CAAC;QACjD,CAAC;QAED,MAAM,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC;QACpC,IAAI,MAAM,CAAC,MAAM;YAAE,OAAO,MAAM,CAAC,MAAM,CAAC;QAExC,gCAAgC;QAChC,qCAAqC;QAErC,MAAM,mBAAY,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,UAAU,YAAY,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC;QACxF,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAC,KAAK,EAAE,EAAC,IAAI,EAAE,YAAY,CAAC,UAAU,EAAC,EAAC,CAAC,CAAC;QAChE,OAAO,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YACpC,MAAM,CAAC,OAAO,CAAC,CAAC,uBAAuB,CAAC,EAAE,GAAG,EAAE;gBAC9C,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACxB,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC;CAED;AAhED,oCAgEC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@omegagrid/code",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.14",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"description": "Monaco editor webcomponent",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -28,9 +28,9 @@
|
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@fortawesome/fontawesome-svg-core": "6.4.2",
|
|
31
|
-
"@omegagrid/core": "^0.5.
|
|
32
|
-
"@omegagrid/localize": "^0.5.
|
|
33
|
-
"@omegagrid/tree": "^0.5.
|
|
31
|
+
"@omegagrid/core": "^0.5.14",
|
|
32
|
+
"@omegagrid/localize": "^0.5.14",
|
|
33
|
+
"@omegagrid/tree": "^0.5.14",
|
|
34
34
|
"@riovir/wc-fontawesome": "^0.1.9",
|
|
35
35
|
"lit": "^3.1.1",
|
|
36
36
|
"monaco-editor": "0.47.0",
|