@kodaris/krubble-components 1.0.33 → 1.0.35
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/custom-elements.json
CHANGED
|
@@ -1383,7 +1383,7 @@
|
|
|
1383
1383
|
{
|
|
1384
1384
|
"kind": "variable",
|
|
1385
1385
|
"name": "KRMonaco",
|
|
1386
|
-
"default": "class KRMonaco extends LitElement { constructor() { super(...arguments); this._headObserver = null; this.options = {}; this.editor = null; } firstUpdated() { requestAnimationFrame(() => { this._copyMonacoStyles(); this._initEditor(); }); } disconnectedCallback() { super.disconnectedCallback(); if (this._headObserver) { this._headObserver.disconnect(); this._headObserver = null; } if (this.editor) { this.editor.dispose(); this.editor = null; } } _isMonacoStyle(text) { return text.includes('.monaco-') || text.includes('.codicon'); } _copyMonacoStyles() { if (!this.shadowRoot) { return; } document.head.querySelectorAll('style').forEach((style) => { if (style.textContent && this._isMonacoStyle(style.textContent)) { this.shadowRoot.appendChild(style.cloneNode(true)); } }); this._headObserver = new MutationObserver((mutations) => { mutations.forEach((mutation) => { mutation.addedNodes.forEach((node) => { if (node instanceof HTMLStyleElement && node.textContent && this._isMonacoStyle(node.textContent)) { this.shadowRoot.appendChild(node.cloneNode(true)); } }); }); }); this._headObserver.observe(document.head, { childList: true }); } _initEditor() { const container = this.shadowRoot?.querySelector('#container'); if (!container) { return; } this.editor = monaco.editor.create(container, this.options); this.dispatchEvent(new CustomEvent('ready', { detail: { editor: this.editor }, bubbles: true, composed: true, })); } render() { return html `<div id=\"container\"></div>`; } }",
|
|
1386
|
+
"default": "class KRMonaco extends LitElement { constructor() { super(...arguments); this._headObserver = null; this.options = {}; this.editor = null; } firstUpdated() { requestAnimationFrame(() => { this._copyMonacoStyles(); this._initEditor(); }); } disconnectedCallback() { super.disconnectedCallback(); if (this._headObserver) { this._headObserver.disconnect(); this._headObserver = null; } if (this.editor) { this.editor.dispose(); this.editor = null; } } _isMonacoStyle(text) { return text.includes('.monaco-') || text.includes('.codicon'); } _copyMonacoStyles() { if (!this.shadowRoot) { return; } // Copy inline <style> elements that contain Monaco rules document.head.querySelectorAll('style').forEach((style) => { if (style.textContent && this._isMonacoStyle(style.textContent)) { this.shadowRoot.appendChild(style.cloneNode(true)); } }); // Copy Monaco rules from external <link> stylesheets (production builds bundle CSS into files) for (const sheet of document.styleSheets) { if (!(sheet.ownerNode instanceof HTMLLinkElement)) { continue; } try { let monacoRules = ''; for (const rule of sheet.cssRules) { if (this._isMonacoStyle(rule.cssText)) { monacoRules += rule.cssText + '\\n'; } } if (monacoRules) { const style = document.createElement('style'); style.textContent = monacoRules; this.shadowRoot.appendChild(style); } } catch (e) { // Cross-origin stylesheets can't be read — skip them } } this._headObserver = new MutationObserver((mutations) => { mutations.forEach((mutation) => { mutation.addedNodes.forEach((node) => { if (node instanceof HTMLStyleElement && node.textContent && this._isMonacoStyle(node.textContent)) { this.shadowRoot.appendChild(node.cloneNode(true)); } }); }); }); this._headObserver.observe(document.head, { childList: true }); } _initEditor() { const container = this.shadowRoot?.querySelector('#container'); if (!container) { return; } this.editor = monaco.editor.create(container, this.options); this.dispatchEvent(new CustomEvent('ready', { detail: { editor: this.editor }, bubbles: true, composed: true, })); } render() { return html `<div id=\"container\"></div>`; } }",
|
|
1387
1387
|
"description": "A Monaco Editor wrapper that handles shadow DOM boilerplate.\n\nCopies Monaco's injected styles from document.head into the shadow root\nand watches for new styles added later via MutationObserver. Applies CSS\nfixes for the find widget inside shadow DOM. Disposes the editor and\nobserver on disconnect.\n\nConsumers get full access to the Monaco API via the `editor` property.\nPass editor configuration through the `options` property before the\nelement connects, or call `editor.updateOptions()` after."
|
|
1388
1388
|
}
|
|
1389
1389
|
],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"monaco.d.ts","sourceRoot":"","sources":["../../src/monaco/monaco.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"monaco.d.ts","sourceRoot":"","sources":["../../src/monaco/monaco.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAsCxC;;;;;;;;;;;;;GAaG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,0BA0BpB;IAEF,OAAO,CAAC,aAAa,CAAiC;IAGtD,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,oCAAoC,CAAM;IAEjE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,qBAAqB,GAAG,IAAI,CAAQ;IAE1D,YAAY;IAOZ,oBAAoB;IAYpB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,iBAAiB;IA8CzB,OAAO,CAAC,WAAW;IAenB,MAAM;CAGP;AAED,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
|
package/dist/monaco/monaco.js
CHANGED
|
@@ -10,7 +10,19 @@ import * as monaco from 'monaco-editor';
|
|
|
10
10
|
// Default worker setup — consumers can override by setting self.MonacoEnvironment before importing this module
|
|
11
11
|
if (!self.MonacoEnvironment) {
|
|
12
12
|
self.MonacoEnvironment = {
|
|
13
|
-
getWorker() {
|
|
13
|
+
getWorker(_workerId, label) {
|
|
14
|
+
if (label === 'json') {
|
|
15
|
+
return new Worker(new URL('monaco-editor/esm/vs/language/json/json.worker.js', import.meta.url), { type: 'module' });
|
|
16
|
+
}
|
|
17
|
+
if (label === 'typescript' || label === 'javascript') {
|
|
18
|
+
return new Worker(new URL('monaco-editor/esm/vs/language/typescript/ts.worker.js', import.meta.url), { type: 'module' });
|
|
19
|
+
}
|
|
20
|
+
if (label === 'css' || label === 'less' || label === 'scss') {
|
|
21
|
+
return new Worker(new URL('monaco-editor/esm/vs/language/css/css.worker.js', import.meta.url), { type: 'module' });
|
|
22
|
+
}
|
|
23
|
+
if (label === 'html' || label === 'handlebars' || label === 'razor') {
|
|
24
|
+
return new Worker(new URL('monaco-editor/esm/vs/language/html/html.worker.js', import.meta.url), { type: 'module' });
|
|
25
|
+
}
|
|
14
26
|
return new Worker(new URL('monaco-editor/esm/vs/editor/editor.worker.js', import.meta.url), { type: 'module' });
|
|
15
27
|
},
|
|
16
28
|
};
|
|
@@ -60,11 +72,34 @@ let KRMonaco = class KRMonaco extends LitElement {
|
|
|
60
72
|
if (!this.shadowRoot) {
|
|
61
73
|
return;
|
|
62
74
|
}
|
|
75
|
+
// Copy inline <style> elements that contain Monaco rules
|
|
63
76
|
document.head.querySelectorAll('style').forEach((style) => {
|
|
64
77
|
if (style.textContent && this._isMonacoStyle(style.textContent)) {
|
|
65
78
|
this.shadowRoot.appendChild(style.cloneNode(true));
|
|
66
79
|
}
|
|
67
80
|
});
|
|
81
|
+
// Copy Monaco rules from external <link> stylesheets (production builds bundle CSS into files)
|
|
82
|
+
for (const sheet of document.styleSheets) {
|
|
83
|
+
if (!(sheet.ownerNode instanceof HTMLLinkElement)) {
|
|
84
|
+
continue;
|
|
85
|
+
}
|
|
86
|
+
try {
|
|
87
|
+
let monacoRules = '';
|
|
88
|
+
for (const rule of sheet.cssRules) {
|
|
89
|
+
if (this._isMonacoStyle(rule.cssText)) {
|
|
90
|
+
monacoRules += rule.cssText + '\n';
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
if (monacoRules) {
|
|
94
|
+
const style = document.createElement('style');
|
|
95
|
+
style.textContent = monacoRules;
|
|
96
|
+
this.shadowRoot.appendChild(style);
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
catch (e) {
|
|
100
|
+
// Cross-origin stylesheets can't be read — skip them
|
|
101
|
+
}
|
|
102
|
+
}
|
|
68
103
|
this._headObserver = new MutationObserver((mutations) => {
|
|
69
104
|
mutations.forEach((mutation) => {
|
|
70
105
|
mutation.addedNodes.forEach((node) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"monaco.js","sourceRoot":"","sources":["../../src/monaco/monaco.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,+GAA+G;AAC/G,IAAI,CAAE,IAAY,CAAC,iBAAiB,EAAE,CAAC;IACpC,IAAY,CAAC,iBAAiB,GAAG;QAChC,SAAS;
|
|
1
|
+
{"version":3,"file":"monaco.js","sourceRoot":"","sources":["../../src/monaco/monaco.ts"],"names":[],"mappings":"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"}
|