@salesforcedevs/dx-components 1.29.0-ssgalpha2 → 1.29.0-ssgalpha4

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.29.0-ssgalpha2",
+    "version": "1.29.0-ssgalpha4",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {

package/src/modules/dxUtils/shiki/shiki.ts

@@ -1,14 +1,13 @@
 import type { BundledLanguage, BundledTheme, HighlighterCore } from "shiki";
-import * as shiki from "shiki";
-import { transformerColorizedBrackets } from "@shikijs/colorized-brackets";
+import { getShikiModule, getBracketsModule } from "dxUtils/shikiLoader";
 import { getCustomLanguageGrammars } from "dxUtils/shikiGrammars";
 
 async function getShiki() {
-    return shiki;
+    return getShikiModule();
 }
 
 async function getBrackets() {
-    return { transformerColorizedBrackets };
+    return getBracketsModule();
 }
 
 interface ShikiSingleton {

package/src/modules/dxUtils/shiki/shikiLoader.ts

@@ -0,0 +1,25 @@
+import type { ShikiModule, BracketsModule } from "dxUtils/shikiLoaderStatic";
+
+export type { ShikiModule, BracketsModule };
+
+const USE_STATIC_IMPORT = process.env.SHIKI_STATIC_IMPORT === "true";
+
+export async function getShikiModule(): Promise<ShikiModule> {
+    if (USE_STATIC_IMPORT) {
+        const loader = await import("dxUtils/shikiLoaderStatic");
+        return loader.getShikiModule();
+    } else {
+        const loader = await import("dxUtils/shikiLoaderDynamic");
+        return loader.getShikiModule();
+    }
+}
+
+export async function getBracketsModule(): Promise<BracketsModule> {
+    if (USE_STATIC_IMPORT) {
+        const loader = await import("dxUtils/shikiLoaderStatic");
+        return loader.getBracketsModule();
+    } else {
+        const loader = await import("dxUtils/shikiLoaderDynamic");
+        return loader.getBracketsModule();
+    }
+}

package/src/modules/dxUtils/shiki/shikiLoaderDynamic.ts

@@ -0,0 +1,13 @@
+import type { ShikiModule, BracketsModule } from "dxUtils/shikiLoaderStatic";
+
+export type { ShikiModule, BracketsModule };
+
+export async function getShikiModule(): Promise<ShikiModule> {
+    const shiki = await import("shiki");
+    return shiki as unknown as ShikiModule;
+}
+
+export async function getBracketsModule(): Promise<BracketsModule> {
+    const brackets = await import("@shikijs/colorized-brackets");
+    return brackets as BracketsModule;
+}

package/src/modules/dxUtils/shiki/shikiLoaderStatic.ts

@@ -0,0 +1,19 @@
+import type { HighlighterCore } from "shiki";
+import * as shiki from "shiki";
+import { transformerColorizedBrackets } from "@shikijs/colorized-brackets";
+
+export interface ShikiModule {
+    createHighlighter: typeof shiki.createHighlighter;
+}
+
+export interface BracketsModule {
+    transformerColorizedBrackets: typeof transformerColorizedBrackets;
+}
+
+export async function getShikiModule(): Promise<ShikiModule> {
+    return shiki;
+}
+
+export async function getBracketsModule(): Promise<BracketsModule> {
+    return { transformerColorizedBrackets };
+}