@forsakringskassan/docs-generator 2.19.1 → 2.21.0

package/dist/index.js

@@ -2,8 +2,8 @@
 
 var fs = require('node:fs/promises');
 var path = require('node:path/posix');
-var vendor = require('./vendor-BO0JjPoU.js');
-var createMarkdownRenderer = require('./create-markdown-renderer-BVgcQwRq.js');
+var vendor = require('./vendor-CLvDQIrx.js');
+var createMarkdownRenderer = require('./create-markdown-renderer-LhP3SCgI.js');
 var path$1 = require('node:path');
 var require$$1 = require('crypto');
 require('node:crypto');
@@ -44,7 +44,7 @@ require('tls');
 require('tty');
 require('querystring');
 require('vue');
-require('./vue3-BitM0YmN.js');
+require('./vue3-BKfEgvlU.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function toArray$2(value) {
@@ -1616,9 +1616,9 @@ function cssAssetProcessor(assetFolder, assets, options) {
     name: "css-asset-processor",
     after: "assets",
     async handler(context) {
-      const assetInfo = context.getTemplateData("assets") ?? {};
-      const head = context.getTemplateData("injectHead") ?? [];
-      const body = context.getTemplateData("injectBody") ?? [];
+      const assetInfo = context.getTemplateData("assets", {});
+      const head = context.getTemplateData("injectHead", []);
+      const body = context.getTemplateData("injectBody", []);
       for (const asset of toSorted$1(assets, byPriority$1)) {
         const info = await compileStyle(
           assetFolder,
@@ -1628,7 +1628,10 @@ function cssAssetProcessor(assetFolder, assets, options) {
         );
         const attrs = serializeAttrs(asset.options.attributes);
         const inject = { ...info, attrs: Array.from(attrs).join(" ") };
-        assetInfo[asset.name] = info;
+        assetInfo[asset.name] = {
+          ...info,
+          importmap: false
+        };
         switch (asset.options.appendTo) {
           case "none":
             break;
@@ -1639,11 +1642,8 @@ function cssAssetProcessor(assetFolder, assets, options) {
             body.push(inject);
             break;
         }
-        context.setTemplateData("injectHead", head);
-        context.setTemplateData("injectBody", body);
         context.log(info.filename, formatSize(info.size));
       }
-      context.setTemplateData("assets", assetInfo);
     }
   };
 }
@@ -1652,11 +1652,16 @@ function esbuild(options) {
   return esbuild$1.build(options);
 }
 
+function toExternalVendor(vendor) {
+  return typeof vendor === "string" ? vendor : vendor.package;
+}
 async function compileScript(options) {
   const {
     assetFolder,
     name,
     src,
+    assets,
+    vendor,
     buildOptions,
     fs: fs$1 = fs
   } = options;
@@ -1664,13 +1669,14 @@ async function compileScript(options) {
   try {
     const entryPoints = [src instanceof URL ? node_url.fileURLToPath(src) : src];
     const outfile = path$1.join("temp", `asset-${name}.js`);
+    const external = [...assets, ...vendor.map(toExternalVendor)];
     await esbuild({
       entryPoints,
       outfile,
       bundle: true,
-      format: "iife",
+      format: "esm",
       platform: "browser",
-      external: ["vue", "@fkui/vue"],
+      external,
       tsconfig: path$1.join(__dirname, "../tsconfig-examples.json"),
       ...buildOptions,
       define: {
@@ -1706,24 +1712,33 @@ function byPriority({ options: a }, { options: b }) {
 function toSorted(values, comparator) {
   return [...values].sort(comparator);
 }
-function jsAssetProcessor(assetFolder, assets) {
+function isExternal(asset) {
+  return asset.options.appendTo === "none";
+}
+function jsAssetProcessor(assetFolder, assets, vendor) {
+  const externalAssets = assets.filter(isExternal).map((it) => it.name);
   return {
     name: "js-asset-processor",
     after: "assets",
     async handler(context) {
-      const assetInfo = context.getTemplateData("assets") ?? {};
-      const head = context.getTemplateData("injectHead") ?? [];
-      const body = context.getTemplateData("injectBody") ?? [];
+      const assetInfo = context.getTemplateData("assets", {});
+      const head = context.getTemplateData("injectHead", []);
+      const body = context.getTemplateData("injectBody", []);
       for (const asset of toSorted(assets, byPriority)) {
         const info = await compileScript({
           assetFolder,
           name: asset.name,
           src: asset.src,
+          assets: externalAssets,
+          vendor,
           buildOptions: asset.buildOptions
         });
         const attrs = serializeAttrs(asset.options.attributes);
         const inject = { ...info, attrs: Array.from(attrs).join(" ") };
-        assetInfo[asset.name] = info;
+        assetInfo[asset.name] = {
+          ...info,
+          importmap: externalAssets.includes(asset.name)
+        };
         switch (asset.options.appendTo) {
           case "none":
             break;
@@ -1734,8 +1749,6 @@ function jsAssetProcessor(assetFolder, assets) {
             body.push(inject);
             break;
         }
-        context.setTemplateData("injectHead", head);
-        context.setTemplateData("injectBody", body);
         context.log(info.filename, formatSize(info.size));
       }
     }
@@ -2260,7 +2273,30 @@ async function render(doc, docs, nav, vendors, options) {
       return relative !== "" ? relative : ".";
     },
     sidenav,
-    vendors
+    vendors,
+    importmap(doc2) {
+      const assets = Object.values(templateData.assets).filter(
+        (it) => it.importmap
+      );
+      const imports = Object.fromEntries([
+        ...vendors.map((it) => {
+          return [it.package, relative(it.publicPath, doc2)];
+        }),
+        ...assets.map((it) => {
+          return [it.name, relative(it.publicPath, doc2)];
+        })
+      ]);
+      const integrity = Object.fromEntries([
+        ...vendors.map((it) => {
+          return [relative(it.publicPath, doc2), it.integrity];
+        }),
+        ...assets.map((it) => {
+          return [relative(it.publicPath, doc2), it.integrity];
+        })
+      ]);
+      const importmap = { imports, integrity };
+      return JSON.stringify(importmap, null, 2);
+    }
   };
   const generatedExamples = [];
   const generatedStandalone = [];
@@ -2443,46 +2479,10 @@ function nunjucksProcessor(options) {
   };
 }
 
-function customRequire(name) {
-  if (typeof window.__modules__ === "undefined") {
-    window.__modules__ = {};
-  }
-  const mod = window.__modules__[name];
-  if (!mod) {
-    throw new Error(`Cannot find module "${name}"`);
-  }
-  return mod;
-}
-function getAssetSource(asset, require) {
+function getAssetSource(asset) {
   const lines = [];
   const pkg = asset.package.replace(/\\/g, "/");
-  if (!asset.expose) {
-    return `import "${pkg}"`;
-  }
-  if (asset.expose === "named") {
-    lines.push(`import * as lib from "${pkg}";`);
-  } else {
-    lines.push(`import lib from "${pkg}";`);
-  }
-  asset.subpaths.map((subpath, index) => {
-    if (asset.expose === "named") {
-      lines.push(`import * as lib$${index} from "${subpath}";`);
-    } else {
-      lines.push(`import lib$${index} from "${subpath}";`);
-    }
-  });
-  lines.push(`window.require = window.require || ${require};`);
-  lines.push(`window.__modules__ = window.__modules__ || {};`);
-  lines.push(`window.__modules__["${asset.package}"] = lib;`);
-  if (typeof asset.alias !== "undefined") {
-    lines.push(`window.__modules__["${asset.alias}"] = lib;`);
-  }
-  asset.subpaths.map((subpath, index) => {
-    lines.push(`window.__modules__["${subpath}"] = lib$${index};`);
-  });
-  if (typeof asset.global !== "undefined") {
-    lines.push(`window["${asset.global}"] = lib;`);
-  }
+  lines.push(`export * from "${pkg}";`);
   return lines.join("\n");
 }
 async function compileVendor(assetFolder, vendor, options) {
@@ -2490,14 +2490,14 @@ async function compileVendor(assetFolder, vendor, options) {
   const slug = slugify(name);
   const outfile = `temp/vendor-${slug}.out.js`;
   const tmpfile = `temp/vendor-${slug}.in.js`;
-  const source = getAssetSource(vendor, customRequire.toString());
+  const source = getAssetSource(vendor);
   const tsconfig = path$1.resolve(__dirname, "../tsconfig-examples.json");
   await fs.writeFile(tmpfile, source, "utf-8");
   await esbuild$1.build({
     entryPoints: [tmpfile],
     outfile,
     bundle: true,
-    format: "iife",
+    format: "esm",
     platform: "browser",
     tsconfig,
     define: {
@@ -2529,16 +2529,11 @@ function normalizeVendorDefinition(vendor) {
   if (typeof vendor === "string") {
     return {
       package: vendor,
-      global: void 0,
-      expose: "named",
-      subpaths: []
+      alias: void 0
     };
   } else {
     return {
       package: vendor.package,
-      global: vendor.global,
-      expose: vendor.expose ?? "named",
-      subpaths: vendor.subpaths ?? [],
       alias: vendor.alias ?? void 0
     };
   }
@@ -2744,7 +2739,7 @@ function createContext(outputFolder, templateLoader) {
     children: [],
     visible: true
   };
-  const templateData = {};
+  const templateData = /* @__PURE__ */ new Map();
   return {
     get docs() {
       return docs;
@@ -2796,13 +2791,20 @@ function createContext(outputFolder, templateLoader) {
       sidenav = root;
     },
     getAllTemplateData() {
-      return templateData;
+      return Object.fromEntries(templateData.entries());
     },
-    getTemplateData(key) {
-      return templateData[key];
+    getTemplateData(key, defaultValue) {
+      if (templateData.has(key)) {
+        return templateData.get(key);
+      } else if (defaultValue) {
+        templateData.set(key, defaultValue);
+        return defaultValue;
+      } else {
+        return void 0;
+      }
     },
     setTemplateData(key, value) {
-      templateData[key] = value;
+      templateData.set(key, value);
     }
   };
 }
@@ -2923,7 +2925,7 @@ class Generator {
       redirectProcessor(),
       vendorProcessor(assetFolder, this.vendor),
       cssAssetProcessor(assetFolder, this.styles, { cwd }),
-      jsAssetProcessor(assetFolder, this.scripts),
+      jsAssetProcessor(assetFolder, this.scripts, this.vendor),
       staticResourcesProcessor(assetFolder, this.resources),
       navigationProcessor(),
       nunjucksProcessor({