rimelight-components 2.0.79 → 2.0.81

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "rimelight-components",
-  "version": "2.0.79",
+  "version": "2.0.81",
   "docs": "https://rimelight.com/tools/rimelight-components",
   "configKey": "rimelightComponents",
   "compatibility": {

package/dist/module.mjs

@@ -4,7 +4,7 @@ import { readdirSync } from 'node:fs';
 import { basename } from 'node:path';
 
 const name = "rimelight-components";
-const version = "2.0.79";
+const version = "2.0.81";
 const homepage = "https://rimelight.com/tools/rimelight-components";
 
 const defaultOptions = {
@@ -49,13 +49,14 @@ const defaultOptions = {
   }
 };
 
-function addBlockMapTemplates(blockNames) {
-  const template = addTemplate({
+function addBlockMapTemplates(blockNames, resolve) {
+  return addTemplate({
     filename: "rimelight-block-renderer-map.mjs",
     getContents: () => {
       let content = "export const BLOCK_RENDERER_COMPONENT_MAP = {\n";
       blockNames.forEach((name) => {
-        content += `  '${name}': '${name}Renderer',
+        const path = resolve(`./runtime/components/blocks/renderer/${name}Renderer.vue`);
+        content += `  '${name}': () => import('${path}'),
 `;
       });
       content += "}\n";
@@ -63,26 +64,15 @@ function addBlockMapTemplates(blockNames) {
     },
     write: true
   });
-  addTemplate({
-    filename: "rimelight-block-renderer-map.d.ts",
-    getContents: () => {
-      let content = `// Generated by rimelight-components
-`;
-      content += `export declare const BLOCK_RENDERER_COMPONENT_MAP: Record<string, string>
-`;
-      return content;
-    },
-    write: true
-  });
-  return template;
 }
-function addEditorBlockMapTemplates(blockNames) {
-  const template = addTemplate({
+function addEditorBlockMapTemplates(blockNames, resolve) {
+  return addTemplate({
     filename: "rimelight-block-editor-map.mjs",
     getContents: () => {
       let content = "export const BLOCK_EDITOR_COMPONENT_MAP = {\n";
       blockNames.forEach((name) => {
-        content += `  '${name}': '${name}Editor',
+        const path = resolve(`./runtime/components/blocks/editor/${name}Editor.vue`);
+        content += `  '${name}': () => import('${path}'),
 `;
       });
       content += "}\n";
@@ -90,18 +80,6 @@ function addEditorBlockMapTemplates(blockNames) {
     },
     write: true
   });
-  addTemplate({
-    filename: "rimelight-block-editor-map.d.ts",
-    getContents: () => {
-      let content = `// Generated by rimelight-components
-`;
-      content += `export declare const BLOCK_EDITOR_COMPONENT_MAP: Record<string, string>
-`;
-      return content;
-    },
-    write: true
-  });
-  return template;
 }
 
 const module$1 = defineNuxtModule().with({
@@ -179,7 +157,14 @@ const module$1 = defineNuxtModule().with({
       nuxt.options.appConfig.rimelightComponents || {},
       options
     );
-    nuxt.options.alias["#rimelight-components"] = resolve("./runtime");
+    const runtimeDir = resolve("./runtime");
+    nuxt.options.alias["#rimelight-components"] = runtimeDir;
+    nuxt.options.alias["#rimelight-components/utils"] = resolve(runtimeDir, "utils/index");
+    nuxt.hook("nitro:config", (nitroConfig) => {
+      nitroConfig.alias = nitroConfig.alias || {};
+      nitroConfig.alias["#rimelight-components"] = runtimeDir;
+      nitroConfig.alias["#rimelight-components/utils"] = resolve(runtimeDir, "utils/index");
+    });
     addComponentsDir({
       path: resolve("./runtime/components/"),
       pathPrefix: false,
@@ -189,23 +174,15 @@ const module$1 = defineNuxtModule().with({
     });
     addImportsDir(resolve("./runtime/composables"));
     addImportsDir(resolve("./runtime/utils"));
-    const blockRendererFiles = readdirSync(
-      resolve("./runtime/components/blocks/renderer")
-    ).filter((name2) => name2.endsWith(".vue"));
-    const blockRendererNames = blockRendererFiles.map((file) => {
-      const baseName = basename(file, ".vue");
-      return baseName.replace(/Renderer$/, "");
-    });
-    const blockRendererTemplate = addBlockMapTemplates(blockRendererNames);
+    const rendererPath = resolve("./runtime/components/blocks/renderer");
+    const blockRendererFiles = readdirSync(rendererPath).filter((f) => f.endsWith(".vue"));
+    const blockRendererNames = blockRendererFiles.map((f) => basename(f, ".vue").replace(/Renderer$/, ""));
+    const blockRendererTemplate = addBlockMapTemplates(blockRendererNames, resolve);
     nuxt.options.alias["#rimelight-internal/block-renderer-map"] = blockRendererTemplate.dst;
-    const blockEditorFiles = readdirSync(
-      resolve("./runtime/components/blocks/editor")
-    ).filter((name2) => name2.endsWith(".vue"));
-    const blockEditorNames = blockEditorFiles.map((file) => {
-      const baseName = basename(file, ".vue");
-      return baseName.replace(/Editor$/, "");
-    });
-    const blockEditorTemplate = addEditorBlockMapTemplates(blockEditorNames);
+    const editorPath = resolve("./runtime/components/blocks/editor");
+    const blockEditorFiles = readdirSync(editorPath).filter((f) => f.endsWith(".vue"));
+    const blockEditorNames = blockEditorFiles.map((f) => basename(f, ".vue").replace(/Editor$/, ""));
+    const blockEditorTemplate = addEditorBlockMapTemplates(blockEditorNames, resolve);
     nuxt.options.alias["#rimelight-internal/block-editor-map"] = blockEditorTemplate.dst;
     nuxt.hook("nitro:config", (nitroConfig) => {
       nitroConfig.alias = nitroConfig.alias || {};

package/dist/runtime/utils/blockMapper.js

@@ -1,28 +1,19 @@
-import { defineAsyncComponent, resolveComponent } from "vue";
+import { defineAsyncComponent } from "vue";
 import { BLOCK_RENDERER_COMPONENT_MAP } from "#rimelight-internal/block-renderer-map";
 import { BLOCK_EDITOR_COMPONENT_MAP } from "#rimelight-internal/block-editor-map";
-const createLazyComponent = (componentName) => {
-  return defineAsyncComponent(async () => {
-    const component = resolveComponent(componentName);
-    if (typeof component === "string") {
-      throw new Error(`[BlockMapper] Could not resolve component: ${componentName}`);
-    }
-    return component;
-  });
-};
 export const getBlockRendererComponent = (type) => {
-  const componentName = BLOCK_RENDERER_COMPONENT_MAP[type];
-  if (!componentName) {
+  const loader = BLOCK_RENDERER_COMPONENT_MAP[type];
+  if (!loader) {
     console.warn(`[BlockMapper] No renderer found for type: ${type}`);
     return void 0;
   }
-  return createLazyComponent(componentName);
+  return defineAsyncComponent(loader);
 };
 export const getBlockEditorComponent = (type) => {
-  const componentName = BLOCK_EDITOR_COMPONENT_MAP[type];
-  if (!componentName) {
+  const loader = BLOCK_EDITOR_COMPONENT_MAP[type];
+  if (!loader) {
     console.warn(`[EditorBlockMapper] No editor found for type: ${type}`);
     return void 0;
   }
-  return createLazyComponent(componentName);
+  return defineAsyncComponent(loader);
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rimelight-components",
   "description": "A component library by Rimelight Entertainment.",
-  "version": "2.0.79",
+  "version": "2.0.81",
   "type": "module",
   "repository": {
     "type": "git",