rimelight-components 2.0.77 → 2.0.78

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "rimelight-components",
-  "version": "2.0.77",
+  "version": "2.0.78",
   "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.77";
+const version = "2.0.78";
 const homepage = "https://rimelight.com/tools/rimelight-components";
 
 const defaultOptions = {
@@ -55,9 +55,7 @@ function addBlockMapTemplates(blockNames) {
     getContents: () => {
       let content = "export const BLOCK_RENDERER_COMPONENT_MAP = {\n";
       blockNames.forEach((name) => {
-        const fullComponentName = `${name}Renderer`;
-        const componentPath = `rimelight-components/components/blocks/renderer/${fullComponentName}.vue`;
-        content += `  '${name}': () => import('${componentPath}'),
+        content += `  '${name}': '${name}Renderer',
 `;
       });
       content += "}\n";
@@ -68,17 +66,10 @@ function addBlockMapTemplates(blockNames) {
   addTemplate({
     filename: "rimelight-block-renderer-map.d.ts",
     getContents: () => {
-      const componentImporterType = '() => Promise<{ default: import("vue").Component }>';
-      let content = `// Generated by rimelight-components Nuxt Module
+      let content = `// Generated by rimelight-components
 `;
-      content += `import { Component } from 'vue'
+      content += `export declare const BLOCK_RENDERER_COMPONENT_MAP: Record<string, string>
 `;
-      content += `export declare const BLOCK_RENDERER_COMPONENT_MAP: { [key: string]: ${componentImporterType} | undefined }
-`;
-      blockNames.forEach((name) => {
-        content += `export declare const ${name}: ${componentImporterType}
-`;
-      });
       return content;
     },
     write: true
@@ -86,15 +77,12 @@ function addBlockMapTemplates(blockNames) {
   return template;
 }
 function addEditorBlockMapTemplates(blockNames) {
-  const componentImporterType = '() => Promise<{ default: import("vue").Component }>';
   const template = addTemplate({
     filename: "rimelight-block-editor-map.mjs",
     getContents: () => {
       let content = "export const BLOCK_EDITOR_COMPONENT_MAP = {\n";
       blockNames.forEach((name) => {
-        const fullComponentName = `${name}Editor`;
-        const componentPath = `rimelight-components/components/blocks/editor/${fullComponentName}.vue`;
-        content += `  '${name}': () => import('${componentPath}'),
+        content += `  '${name}': '${name}Editor',
 `;
       });
       content += "}\n";
@@ -105,16 +93,10 @@ function addEditorBlockMapTemplates(blockNames) {
   addTemplate({
     filename: "rimelight-block-editor-map.d.ts",
     getContents: () => {
-      let content = `// Generated by rimelight-components Nuxt Module
+      let content = `// Generated by rimelight-components
 `;
-      content += `import { Component } from 'vue'
+      content += `export declare const BLOCK_EDITOR_COMPONENT_MAP: Record<string, string>
 `;
-      content += `export declare const BLOCK_EDITOR_COMPONENT_MAP: { [key: string]: ${componentImporterType} | undefined }
-`;
-      blockNames.forEach((name) => {
-        content += `export declare const ${name}: ${componentImporterType}
-`;
-      });
       return content;
     },
     write: true
@@ -215,7 +197,7 @@ const module$1 = defineNuxtModule().with({
       return baseName.replace(/Renderer$/, "");
     });
     const blockRendererTemplate = addBlockMapTemplates(blockRendererNames);
-    nuxt.options.alias["#rimelight-components/rimelight-block-renderer-map"] = blockRendererTemplate.dst;
+    nuxt.options.alias["#rimelight-internal/rimelight-block-renderer-map"] = blockRendererTemplate.dst;
     const blockEditorFiles = readdirSync(
       resolve("./runtime/components/blocks/editor")
     ).filter((name2) => name2.endsWith(".vue"));
@@ -224,11 +206,11 @@ const module$1 = defineNuxtModule().with({
       return baseName.replace(/Editor$/, "");
     });
     const blockEditorTemplate = addEditorBlockMapTemplates(blockEditorNames);
-    nuxt.options.alias["#rimelight-components/rimelight-block-editor-map"] = blockEditorTemplate.dst;
+    nuxt.options.alias["#rimelight-internal/rimelight-block-editor-map"] = blockEditorTemplate.dst;
     nuxt.hook("nitro:config", (nitroConfig) => {
       nitroConfig.alias = nitroConfig.alias || {};
-      nitroConfig.alias["#rimelight-components/rimelight-block-renderer-map"] = blockRendererTemplate.dst;
-      nitroConfig.alias["#rimelight-components/rimelight-block-editor-map"] = blockEditorTemplate.dst;
+      nitroConfig.alias["#rimelight-internal/rimelight-block-renderer-map"] = blockRendererTemplate.dst;
+      nitroConfig.alias["#rimelight-internal/rimelight-block-editor-map"] = blockEditorTemplate.dst;
     });
   }
 });

package/dist/runtime/utils/blockMapper.d.ts

@@ -1,17 +1,4 @@
 import { type Component } from "vue";
 import { type BlockType } from "../types";
-/**
- * Maps the block type string from the database to a dynamically imported Vue component.
- *
- * @param type The BlockType string from the content JSON (e.g., 'ParagraphBlock').
- * @returns A lazily loaded Vue component reference, or undefined if not found.
- */
 export declare const getBlockRendererComponent: (type: BlockType | string) => Component | undefined;
-/**
- * Maps the block type string from the database to a dynamically imported Vue component
- * specifically for the editor view.
- *
- * @param type The BlockType string from the content JSON.
- * @returns A lazily loaded Vue component reference, or undefined if not found.
- */
 export declare const getBlockEditorComponent: (type: BlockType | string) => Component | undefined;

package/dist/runtime/utils/blockMapper.js

@@ -1,29 +1,28 @@
-import { defineAsyncComponent } from "vue";
-import { BLOCK_RENDERER_COMPONENT_MAP } from "#rimelight-components/rimelight-block-renderer-map";
-import { BLOCK_EDITOR_COMPONENT_MAP } from "#rimelight-components/rimelight-block-editor-map";
+import { defineAsyncComponent, resolveComponent } 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 componentImporter = BLOCK_RENDERER_COMPONENT_MAP[type];
-  if (!componentImporter) {
-    console.warn(
-      `[BlockMapper] Block component not found for type: ${type}. Please check block name.`
-    );
+  const componentName = BLOCK_RENDERER_COMPONENT_MAP[type];
+  if (!componentName) {
+    console.warn(`[BlockMapper] No renderer found for type: ${type}`);
     return void 0;
   }
-  return defineAsyncComponent(async () => {
-    const module = await componentImporter();
-    return module.default;
-  });
+  return createLazyComponent(componentName);
 };
 export const getBlockEditorComponent = (type) => {
-  const componentImporter = BLOCK_EDITOR_COMPONENT_MAP[type];
-  if (!componentImporter) {
-    console.warn(
-      `[EditorBlockMapper] Editor block component not found for type: ${type}. Please check block name.`
-    );
+  const componentName = BLOCK_EDITOR_COMPONENT_MAP[type];
+  if (!componentName) {
+    console.warn(`[EditorBlockMapper] No editor found for type: ${type}`);
     return void 0;
   }
-  return defineAsyncComponent(async () => {
-    const module = await componentImporter();
-    return module.default;
-  });
+  return createLazyComponent(componentName);
 };

package/package.json

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