@haklex/rich-ext-code-snippet 0.0.27 → 0.0.30
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeEditorModal.d.ts","sourceRoot":"","sources":["../src/CodeEditorModal.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAShE,OAAO,KAAK,EAAiB,EAAE,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"CodeEditorModal.d.ts","sourceRoot":"","sources":["../src/CodeEditorModal.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAShE,OAAO,KAAK,EAAiB,EAAE,EAAE,MAAM,OAAO,CAAA;AAQ9C,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAA;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,WAAW,EAAE,WAAW,CAAA;CACzB;AAqGD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAqUpD,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeSnippetRenderer.d.ts","sourceRoot":"","sources":["../src/CodeSnippetRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;
|
|
1
|
+
{"version":3,"file":"CodeSnippetRenderer.d.ts","sourceRoot":"","sources":["../src/CodeSnippetRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AAQnE,OAAO,KAAK,EAAE,aAAa,EAAM,MAAM,OAAO,CAAA;AA6B9C,eAAO,MAAM,mBAAmB,EAAE,aAAa,CAAC,wBAAwB,CAuIvE,CAAA"}
|
package/dist/index.mjs
CHANGED
|
@@ -12,7 +12,7 @@ import { arrayMove, SortableContext, verticalListSortingStrategy, useSortable }
|
|
|
12
12
|
import { CSS } from "@dnd-kit/utilities";
|
|
13
13
|
import { normalizeLanguage } from "@haklex/rich-renderer-codeblock/constants";
|
|
14
14
|
import { FileIcon } from "@haklex/rich-renderer-codeblock/icons";
|
|
15
|
-
import { getHighlighterWithLang,
|
|
15
|
+
import { getHighlighterWithLang, SHIKI_DUAL_THEMES } from "@haklex/rich-renderer-codeblock/shiki";
|
|
16
16
|
import { createPortal } from "react-dom";
|
|
17
17
|
import { DecoratorNode, $getNodeByKey, $insertNodes } from "lexical";
|
|
18
18
|
import { CODE_SNIPPET_BLOCK_TRANSFORMER } from "@haklex/rich-headless/transformers";
|
|
@@ -327,7 +327,6 @@ const CodeEditorModal = ({
|
|
|
327
327
|
import("shikicode")
|
|
328
328
|
]);
|
|
329
329
|
if (disposed) return;
|
|
330
|
-
const theme = SHIKI_THEMES[colorScheme];
|
|
331
330
|
const loaded = highlighter.getLoadedLanguages();
|
|
332
331
|
const resolvedLang = loaded.includes(lang) ? lang : "text";
|
|
333
332
|
const editor = shikiCode().withOptions({
|
|
@@ -336,7 +335,7 @@ const CodeEditorModal = ({
|
|
|
336
335
|
}).create(container2, highlighter, {
|
|
337
336
|
value: file.code,
|
|
338
337
|
language: resolvedLang,
|
|
339
|
-
theme
|
|
338
|
+
theme: SHIKI_DUAL_THEMES[colorScheme]
|
|
340
339
|
});
|
|
341
340
|
const handleInput = () => {
|
|
342
341
|
onCodeChangeRef.current?.(editor.input.value);
|
|
@@ -352,13 +351,6 @@ const CodeEditorModal = ({
|
|
|
352
351
|
editorRef.current = null;
|
|
353
352
|
};
|
|
354
353
|
}, [activeFilename]);
|
|
355
|
-
useEffect(() => {
|
|
356
|
-
const editor = editorRef.current;
|
|
357
|
-
if (!editor) return;
|
|
358
|
-
editor.updateOptions({
|
|
359
|
-
theme: SHIKI_THEMES[colorScheme]
|
|
360
|
-
});
|
|
361
|
-
}, [colorScheme]);
|
|
362
354
|
const handleDismiss = useCallback(() => {
|
|
363
355
|
onFilesChange?.(editFiles);
|
|
364
356
|
dismiss();
|
|
@@ -635,7 +627,6 @@ const CopyButton = ({ text }) => {
|
|
|
635
627
|
const CodeSnippetRenderer = ({
|
|
636
628
|
files
|
|
637
629
|
}) => {
|
|
638
|
-
const colorScheme = useColorScheme();
|
|
639
630
|
const [activeIndex, setActiveIndex] = useState(0);
|
|
640
631
|
const [htmlMap, setHtmlMap] = useState({});
|
|
641
632
|
const activeFile = files[activeIndex] ?? files[0];
|
|
@@ -654,7 +645,7 @@ const CodeSnippetRenderer = ({
|
|
|
654
645
|
const resolvedLang = loaded.includes(lang) ? lang : "text";
|
|
655
646
|
newHtmlMap[file.filename] = highlighter.codeToHtml(file.code, {
|
|
656
647
|
lang: resolvedLang,
|
|
657
|
-
|
|
648
|
+
themes: SHIKI_DUAL_THEMES
|
|
658
649
|
});
|
|
659
650
|
}
|
|
660
651
|
if (!cancelled) setHtmlMap(newHtmlMap);
|
|
@@ -662,7 +653,7 @@ const CodeSnippetRenderer = ({
|
|
|
662
653
|
return () => {
|
|
663
654
|
cancelled = true;
|
|
664
655
|
};
|
|
665
|
-
}, [files
|
|
656
|
+
}, [files]);
|
|
666
657
|
if (!activeFile) return null;
|
|
667
658
|
return /* @__PURE__ */ jsxs(
|
|
668
659
|
"div",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.hjkryc0{position:relative;border-radius:.5rem;overflow:hidden;border:1px solid var(--rc-border);background:var(--rc-code-bg);font-size:var(--rc-font-size-md)}.hjkryc1{display:flex;align-items:center;justify-content:space-between;padding:0 12px;min-height:40px}.hjkryc2{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none}.hjkryc2::-webkit-scrollbar{display:none}.hjkryc3{display:flex;align-items:center;gap:6px;padding:6px 10px;font-size:var(--rc-font-size-xs);font-family:var(--rc-font-mono);font-weight:500;color:var(--rc-text-secondary);background:transparent;border:none;border-radius:6px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:color .15s,background .15s}.hjkryc3:hover{color:var(--rc-text);background:color-mix(in srgb,var(--rc-text) 5%,transparent)}.hjkryc5{color:var(--rc-text);background:
|
|
1
|
+
.hjkryc0{position:relative;border-radius:.5rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--rc-border) 60%,transparent);background:var(--rc-code-bg);font-size:var(--rc-font-size-md)}.hjkryc1{display:flex;align-items:center;justify-content:space-between;padding:0 12px;min-height:40px}.hjkryc2{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none}.hjkryc2::-webkit-scrollbar{display:none}.hjkryc3{display:flex;align-items:center;gap:6px;padding:6px 10px;font-size:var(--rc-font-size-xs);font-family:var(--rc-font-mono);font-weight:500;color:var(--rc-text-secondary);background:transparent;border:none;border-radius:6px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:color .15s,background .15s}.hjkryc3:hover{color:var(--rc-text);background:color-mix(in srgb,var(--rc-text) 5%,transparent)}.hjkryc5{color:var(--rc-text);background:var(--rc-bg-tertiary)}.hjkryc7{display:flex;align-items:center;gap:6px;padding:6px 0;font-size:var(--rc-font-size-xs);font-family:var(--rc-font-mono);font-weight:500;color:var(--rc-text-secondary)}.hjkryc8{display:flex;align-items:center;opacity:0;transition:opacity .15s}.hjkryc0:hover .hjkryc8{opacity:1}.hjkryc9{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;transition:background .15s,color .15s}.hjkryc9:hover{background:color-mix(in srgb,var(--rc-text) 8%,transparent);color:var(--rc-text)}.hjkryca{height:1px;background:var(--rc-border);opacity:.6}.hjkrycb{overflow-x:auto}.hjkrycc{padding:12px 16px;margin:0;font-size:var(--rc-font-size-sm);line-height:1.7;font-family:var(--rc-font-mono)}.hjkrycc pre{margin:0;background:transparent!important}.hjkrycc code{font-family:inherit}[data-theme=dark] .hjkrycc .shiki-themes,[data-theme=dark] .hjkrycc .shiki-themes span{color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}.hjkrycd{display:inline-flex;flex-shrink:0}.hjkrycd svg{width:100%;height:100%}.hjkryce{position:relative}.hjkrycf{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:none}.hjkrycf:hover{background:color-mix(in srgb,currentColor 6%,transparent)}.hjkrycg{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;background:var(--rc-bg);border:1px solid var(--rc-border);color:var(--rc-text);font-size:var(--rc-font-size-sm);font-weight:500;opacity:0;transition:opacity .2s}.hjkryce:hover .hjkrycg{opacity:1}.hjkrych.hjkrych{padding:0;gap:0;display:flex;flex-direction:column;overflow:hidden;width:calc(100vw - 2rem);height:min(720px,80vh);border-radius:.75rem}.hjkrych.hjkrych[data-open],.hjkrych.hjkrych[data-closed]{animation:none}.hjkryci{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.hjkrycj{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 16px;border-bottom:1px solid var(--rc-border);flex-shrink:0}.hjkryck{font-size:var(--rc-font-size-xs);font-family:var(--rc-font-mono);color:var(--rc-text-secondary)}.hjkrycl{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;transition:background .15s,color .15s}.hjkrycl:hover{background:color-mix(in srgb,var(--rc-text) 8%,transparent);color:var(--rc-text)}.hjkrycm{display:flex;flex:1;min-height:0}.hjkrycn{width:224px;flex-shrink:0;border-right:1px solid var(--rc-border);display:flex;flex-direction:column;overflow:hidden}.hjkryco{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 8px;font-size:var(--rc-font-size-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:color-mix(in srgb,var(--rc-text-secondary) 60%,transparent)}.hjkrycp{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;transition:background .15s,color .15s}.hjkrycp:hover{background:color-mix(in srgb,var(--rc-text) 8%,transparent);color:var(--rc-text)}.hjkrycq{flex:1;overflow-y:auto;padding:0 6px 8px}.hjkrycr{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;height:24px;cursor:pointer;font-size:var(--rc-font-size-xs);font-family:var(--rc-font-mono);color:var(--rc-text-secondary);transition:background .15s,color .15s}.hjkrycr:hover{background:color-mix(in srgb,var(--rc-text) 5%,transparent);color:var(--rc-text)}.hjkryct{background:color-mix(in srgb,var(--rc-text) 8%,transparent);color:var(--rc-text)}.hjkrycv{opacity:.4}.hjkrycx{display:inline-flex;align-items:center;cursor:grab;color:color-mix(in srgb,var(--rc-text-secondary) 40%,transparent);flex-shrink:0;touch-action:none}.hjkrycx:active{cursor:grabbing}.hjkrycy{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hjkrycz{display:none;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;flex-shrink:0}.hjkrycr:hover .hjkrycz{display:inline-flex}.hjkrycz:hover{color:var(--rc-alert-caution);background:color-mix(in srgb,var(--rc-alert-caution) 10%,transparent)}.hjkryc10{flex:1;min-width:0;padding:1px 4px;font-size:var(--rc-font-size-xs);font-family:var(--rc-font-mono);border-radius:3px;border:1px solid var(--rc-border);background:var(--rc-bg);color:var(--rc-text);outline:none}.hjkryc10:focus{border-color:color-mix(in srgb,var(--rc-text) 30%,transparent)}.hjkryc11{flex:1;display:flex;flex-direction:column;min-width:0}.hjkryc12{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 16px;border-bottom:1px solid color-mix(in srgb,var(--rc-border) 50%,transparent);flex-shrink:0}.hjkryc13{display:flex;align-items:center;gap:6px;font-size:var(--rc-font-size-xs);font-family:var(--rc-font-mono);color:var(--rc-text-secondary);overflow:hidden}.hjkryc14{color:var(--rc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hjkryc15{opacity:.5}.hjkryc16{flex:1;min-height:0;position:relative;overflow:auto;background-color:transparent!important}.hjkryc16 pre code{display:flex;flex-direction:column}.hjkryc16>.shikicode.output{position:static!important;inset:auto!important}.hjkryc16 .shikicode{height:100%;font-size:var(--rc-font-size-sm);line-height:1.7}.hjkryc16 .shiki,.hjkryc16 code,.hjkryc16 pre{background:transparent!important}.hjkryc16 pre{margin:0!important;padding:0!important}.hjkryc16 .shikicode.output .line:before{background-color:transparent!important;color:color-mix(in srgb,var(--rc-text-secondary) 40%,transparent)!important;width:5em;padding-right:2em}.hjkryc16 .shikicode.input,.hjkryc16 .shikicode.output,.hjkryc16 .shikicode.output code,.hjkryc16 .shikicode.output .line,.hjkryc16 .shikicode.output .line span{font-variant-ligatures:none;font-kerning:none}.hjkryc16 pre,.hjkryc16 code,.hjkryc16 .line,.hjkryc16 .line span{font-family:inherit!important}.hjkryc16 .line{display:block;padding:0 1rem}.hjkryc16 .shikicode.input.line-numbers{padding-left:calc(5em + 1rem)}.hjkryc16 .shikicode.input:not(.line-numbers){padding-left:1rem}.hjkryc16 .line>span:last-child{margin-right:1rem}.hjkryc16 .line:after{content:" "}.hjkryc17{background:var(--rc-bg-secondary);border-radius:6px;box-shadow:0 4px 16px #00000026}@media(min-width:640px){.hjkrych.hjkrych{max-width:64rem}}
|
package/dist/styles.css.d.ts
CHANGED
package/dist/styles.css.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../src/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCrB,CAAA;AAEV,eAAO,MAAM,SAAS,QAOpB,CAAA;AAEF,eAAO,MAAM,MAAM,QAMjB,CAAA;AAEF,eAAO,MAAM,IAAI,QAWf,CAAA;AA0BF,eAAO,MAAM,GAAG;;;;;;;;EAcd,CAAA;AAEF,eAAO,MAAM,QAAQ,QASnB,CAAA;AAEF,eAAO,MAAM,aAAa,QAUxB,CAAA;AAEF,eAAO,MAAM,UAAU,QAkBrB,CAAA;AAEF,eAAO,MAAM,SAAS,QAIpB,CAAA;AAEF,eAAO,MAAM,UAAU,QAErB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAMnB,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../src/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCrB,CAAA;AAEV,eAAO,MAAM,SAAS,QAOpB,CAAA;AAEF,eAAO,MAAM,MAAM,QAMjB,CAAA;AAEF,eAAO,MAAM,IAAI,QAWf,CAAA;AA0BF,eAAO,MAAM,GAAG;;;;;;;;EAcd,CAAA;AAEF,eAAO,MAAM,QAAQ,QASnB,CAAA;AAEF,eAAO,MAAM,aAAa,QAUxB,CAAA;AAEF,eAAO,MAAM,UAAU,QAkBrB,CAAA;AAEF,eAAO,MAAM,SAAS,QAIpB,CAAA;AAEF,eAAO,MAAM,UAAU,QAErB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAMnB,CAAA;AAsBF,eAAO,MAAM,QAAQ,QAGnB,CAAA;AAOF,eAAO,MAAM,aAAa,QAExB,CAAA;AAEF,eAAO,MAAM,WAAW,QAetB,CAAA;AAEF,eAAO,MAAM,SAAS,QAkBpB,CAAA;AAEF,QAAA,MAAM,uBAAuB,QAAY,CAAA;AAyBzC,OAAO,EAAE,uBAAuB,IAAI,sBAAsB,EAAE,CAAA;AAE5D,eAAO,MAAM,KAAK,QAMhB,CAAA;AAEF,eAAO,MAAM,aAAa,QAQxB,CAAA;AAEF,eAAO,MAAM,UAAU,QAIrB,CAAA;AAEF,eAAO,MAAM,eAAe,QAkB1B,CAAA;AAEF,eAAO,MAAM,SAAS,QAIpB,CAAA;AAEF,eAAO,MAAM,YAAY,QAOvB,CAAA;AAEF,eAAO,MAAM,aAAa,QAUxB,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAkB3B,CAAA;AAEF,eAAO,MAAM,QAAQ,QAInB,CAAA;AAsBF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;EAqBnB,CAAA;AAEF,eAAO,MAAM,cAAc,QAYzB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAKnB,CAAA;AAEF,eAAO,MAAM,UAAU,QAqBrB,CAAA;AAEF,eAAO,MAAM,WAAW,QAgBtB,CAAA;AAEF,eAAO,MAAM,WAAW,QAKtB,CAAA;AAEF,eAAO,MAAM,UAAU,QAQrB,CAAA;AAEF,eAAO,MAAM,cAAc,QAQzB,CAAA;AAEF,eAAO,MAAM,cAAc,QAKzB,CAAA;AAEF,eAAO,MAAM,cAAc,QAEzB,CAAA;AAEF,eAAO,MAAM,eAAe,QAM1B,CAAA;AA2EF,eAAO,MAAM,WAAW,QAItB,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@haklex/rich-ext-code-snippet",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.30",
|
|
4
4
|
"description": "Multi-file code snippet extension",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -20,12 +20,13 @@
|
|
|
20
20
|
"@dnd-kit/sortable": "^10.0.0",
|
|
21
21
|
"@dnd-kit/utilities": "^3.2.2",
|
|
22
22
|
"lucide-react": "^0.574.0",
|
|
23
|
+
"shiki": "^3.22.0",
|
|
23
24
|
"shikicode": "^0.0.0",
|
|
24
|
-
"@haklex/rich-editor": "0.0.
|
|
25
|
-
"@haklex/rich-
|
|
26
|
-
"@haklex/rich-
|
|
27
|
-
"@haklex/rich-style-token": "0.0.
|
|
28
|
-
"@haklex/rich-renderer-codeblock": "0.0.
|
|
25
|
+
"@haklex/rich-editor-ui": "0.0.30",
|
|
26
|
+
"@haklex/rich-editor": "0.0.30",
|
|
27
|
+
"@haklex/rich-headless": "0.0.30",
|
|
28
|
+
"@haklex/rich-style-token": "0.0.30",
|
|
29
|
+
"@haklex/rich-renderer-codeblock": "0.0.30"
|
|
29
30
|
},
|
|
30
31
|
"devDependencies": {
|
|
31
32
|
"@lexical/react": "^0.40.0",
|