rimelight-components 2.0.73 → 2.0.75

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "rimelight-components",
-  "version": "2.0.73",
+  "version": "2.0.75",
   "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.73";
+const version = "2.0.75";
 const homepage = "https://rimelight.com/tools/rimelight-components";
 
 const defaultOptions = {
@@ -56,7 +56,7 @@ function addBlockMapTemplates(blockNames) {
       let content = "export const BLOCK_RENDERER_COMPONENT_MAP = {\n";
       blockNames.forEach((name) => {
         const fullComponentName = `${name}Renderer`;
-        const componentPath = `rimelight-components/runtime/components/blocks/renderer/${fullComponentName}.vue`;
+        const componentPath = `rimelight-components/components/blocks/renderer/${fullComponentName}.vue`;
         content += `  '${name}': () => import('${componentPath}'),
 `;
       });
@@ -68,22 +68,32 @@ function addBlockMapTemplates(blockNames) {
   addTemplate({
     filename: "rimelight-block-renderer-map.d.ts",
     getContents: () => {
-      const importerType = '() => Promise<{ default: import("vue").Component }>';
-      return `import { Component } from 'vue'
-export declare const BLOCK_RENDERER_COMPONENT_MAP: Record<string, ${importerType}>`;
+      const componentImporterType = '() => Promise<{ default: import("vue").Component }>';
+      let content = `// Generated by rimelight-components Nuxt Module
+`;
+      content += `import { Component } from 'vue'
+`;
+      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
   });
   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/runtime/components/blocks/editor/${fullComponentName}.vue`;
+        const componentPath = `rimelight-components/components/blocks/editor/${fullComponentName}.vue`;
         content += `  '${name}': () => import('${componentPath}'),
 `;
       });
@@ -95,9 +105,17 @@ function addEditorBlockMapTemplates(blockNames) {
   addTemplate({
     filename: "rimelight-block-editor-map.d.ts",
     getContents: () => {
-      const importerType = '() => Promise<{ default: import("vue").Component }>';
-      return `import { Component } from 'vue'
-export declare const BLOCK_EDITOR_COMPONENT_MAP: Record<string, ${importerType}>`;
+      let content = `// Generated by rimelight-components Nuxt Module
+`;
+      content += `import { Component } from 'vue'
+`;
+      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
   });
@@ -175,45 +193,38 @@ const module$1 = defineNuxtModule().with({
   },
   setup(options, nuxt) {
     const { resolve } = createResolver(import.meta.url);
-    const runtimePath = resolve("./runtime");
     nuxt.options.appConfig.rimelightComponents = defu(
       nuxt.options.appConfig.rimelightComponents || {},
       options
     );
-    nuxt.options.build.transpile.push(runtimePath);
-    nuxt.options.build.transpile.push("rimelight-components");
-    nuxt.options.alias["#rimelight-components"] = runtimePath;
+    nuxt.options.alias["#rimelight-components"] = resolve("./runtime");
     addComponentsDir({
       path: resolve("./runtime/components/"),
       pathPrefix: false,
+      //TODO Figure out if this can be typed better
       prefix: options.prefix ?? void 0,
       global: true
     });
     addImportsDir(resolve("./runtime/composables"));
     addImportsDir(resolve("./runtime/utils"));
-    const getBlockNames = (dir, suffix) => readdirSync(resolve(dir)).filter((f) => f.endsWith(".vue")).map((f) => basename(f, ".vue").replace(new RegExp(`${suffix}$`), ""));
-    const rendererNames = getBlockNames("./runtime/components/blocks/renderer", "Renderer");
-    const editorNames = getBlockNames("./runtime/components/blocks/editor", "Editor");
-    const blockRendererTemplate = addBlockMapTemplates(rendererNames);
-    const blockEditorTemplate = addEditorBlockMapTemplates(editorNames);
-    const rendererAlias = "#rimelight-block-renderer-map";
-    const editorAlias = "#rimelight-block-editor-map";
-    nuxt.options.alias[rendererAlias] = blockRendererTemplate.dst;
-    nuxt.options.alias[editorAlias] = blockEditorTemplate.dst;
-    nuxt.hook("nitro:config", (nitroConfig) => {
-      nitroConfig.alias = nitroConfig.alias || {};
-      nitroConfig.alias[rendererAlias] = blockRendererTemplate.dst;
-      nitroConfig.virtual = nitroConfig.virtual || {};
-      nitroConfig.virtual[editorAlias] = "export const BLOCK_EDITOR_COMPONENT_MAP = {}";
-      nitroConfig.externals = nitroConfig.externals || {};
-      nitroConfig.externals.inline = nitroConfig.externals.inline || [];
-      nitroConfig.externals.inline.push(runtimePath);
-      nitroConfig.externals.inline.push("rimelight-components");
+    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$/, "");
     });
-    nuxt.hook("prepare:types", ({ references }) => {
-      references.push({ path: blockRendererTemplate.dst });
-      references.push({ path: blockEditorTemplate.dst });
+    const blockRendererTemplate = addBlockMapTemplates(blockRendererNames);
+    nuxt.options.alias["#build/rimelight-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);
+    nuxt.options.alias["#build/rimelight-block-editor-map"] = blockEditorTemplate.dst;
   }
 });
 

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

@@ -1,4 +1,17 @@
 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,11 +1,11 @@
 import { defineAsyncComponent } from "vue";
-import { BLOCK_RENDERER_COMPONENT_MAP } from "#rimelight-block-renderer-map";
-import { BLOCK_EDITOR_COMPONENT_MAP } from "#rimelight-block-editor-map";
+import { BLOCK_RENDERER_COMPONENT_MAP } from "#build/rimelight-block-renderer-map";
+import { BLOCK_EDITOR_COMPONENT_MAP } from "#build/rimelight-block-editor-map";
 export const getBlockRendererComponent = (type) => {
   const componentImporter = BLOCK_RENDERER_COMPONENT_MAP[type];
   if (!componentImporter) {
     console.warn(
-      `[BlockMapper] Block component not found for type: ${type}.`
+      `[BlockMapper] Block component not found for type: ${type}. Please check block name.`
     );
     return void 0;
   }
@@ -15,11 +15,10 @@ export const getBlockRendererComponent = (type) => {
   });
 };
 export const getBlockEditorComponent = (type) => {
-  if (import.meta.server) return void 0;
   const componentImporter = BLOCK_EDITOR_COMPONENT_MAP[type];
   if (!componentImporter) {
     console.warn(
-      `[EditorBlockMapper] Editor block component not found for type: ${type}.`
+      `[EditorBlockMapper] Editor block component not found for type: ${type}. Please check block name.`
     );
     return void 0;
   }

package/package.json

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