rimelight-components 2.0.88 → 2.0.90

package/dist/module.json

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

package/dist/module.mjs

@@ -1,10 +1,10 @@
-import { addTemplate, defineNuxtModule, createResolver, addComponentsDir, addImportsDir } from '@nuxt/kit';
+import { addTemplate, defineNuxtModule, createResolver, addComponentsDir, addImportsDir, addServerImportsDir } from '@nuxt/kit';
 import { defu } from 'defu';
 import { readdirSync } from 'node:fs';
 import { basename } from 'node:path';
 
 const name = "rimelight-components";
-const version = "2.0.88";
+const version = "2.0.90";
 const homepage = "https://rimelight.com/tools/rimelight-components";
 
 const defaultOptions = {
@@ -49,14 +49,15 @@ const defaultOptions = {
   }
 };
 
-function addBlockMapTemplates(blockNames, resolve) {
-  return addTemplate({
+function addBlockMapTemplates(blockNames) {
+  const template = addTemplate({
     filename: "rimelight-block-renderer-map.mjs",
     getContents: () => {
       let content = "export const BLOCK_RENDERER_COMPONENT_MAP = {\n";
       blockNames.forEach((name) => {
-        const path = resolve(`./runtime/components/blocks/renderer/${name}Renderer.vue`);
-        content += `  '${name}': () => import('${path}'),
+        const fullComponentName = `${name}Renderer`;
+        const componentPath = `rimelight-components/components/blocks/renderer/${fullComponentName}.vue`;
+        content += `  '${name}': () => import('${componentPath}'),
 `;
       });
       content += "}\n";
@@ -64,15 +65,36 @@ function addBlockMapTemplates(blockNames, resolve) {
     },
     write: true
   });
+  addTemplate({
+    filename: "rimelight-block-renderer-map.d.ts",
+    getContents: () => {
+      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, resolve) {
-  return addTemplate({
+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 path = resolve(`./runtime/components/blocks/editor/${name}Editor.vue`);
-        content += `  '${name}': () => import('${path}'),
+        const fullComponentName = `${name}Editor`;
+        const componentPath = `rimelight-components/components/blocks/editor/${fullComponentName}.vue`;
+        content += `  '${name}': () => import('${componentPath}'),
 `;
       });
       content += "}\n";
@@ -80,6 +102,24 @@ function addEditorBlockMapTemplates(blockNames, resolve) {
     },
     write: true
   });
+  addTemplate({
+    filename: "rimelight-block-editor-map.d.ts",
+    getContents: () => {
+      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
+  });
+  return template;
 }
 
 const module$1 = defineNuxtModule().with({
@@ -157,13 +197,7 @@ const module$1 = defineNuxtModule().with({
       nuxt.options.appConfig.rimelightComponents || {},
       options
     );
-    nuxt.options.alias["#rimelight-components"] = resolve("./runtime");
-    nuxt.options.alias["#rimelight-components/utils"] = resolve("./runtime/utils/index");
-    nuxt.hook("nitro:config", (nitroConfig) => {
-      nitroConfig.alias = nitroConfig.alias || {};
-      nitroConfig.alias["#rimelight-components/utils"] = resolve("./runtime/utils/index");
-    });
-    nuxt.options.alias["rimelight-components/utils"] = resolve("./runtime/utils/index");
+    nuxt.options.build.transpile.push("@nuxt/ui");
     addComponentsDir({
       path: resolve("./runtime/components/"),
       pathPrefix: false,
@@ -173,16 +207,25 @@ const module$1 = defineNuxtModule().with({
     });
     addImportsDir(resolve("./runtime/composables"));
     addImportsDir(resolve("./runtime/utils"));
-    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 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;
+    addServerImportsDir(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);
+    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";
+import { type BlockType } from "../types/blocks";
+/**
+ * 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,19 +1,29 @@
 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";
+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 loader = BLOCK_RENDERER_COMPONENT_MAP[type];
-  if (!loader) {
-    console.warn(`[BlockMapper] No renderer found for type: ${type}`);
+  const componentImporter = BLOCK_RENDERER_COMPONENT_MAP[type];
+  if (!componentImporter) {
+    console.warn(
+      `[BlockMapper] Block component not found for type: ${type}. Please check block name.`
+    );
     return void 0;
   }
-  return defineAsyncComponent(loader);
+  return defineAsyncComponent(async () => {
+    const module = await componentImporter();
+    return module.default;
+  });
 };
 export const getBlockEditorComponent = (type) => {
-  const loader = BLOCK_EDITOR_COMPONENT_MAP[type];
-  if (!loader) {
-    console.warn(`[EditorBlockMapper] No editor found for type: ${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.`
+    );
     return void 0;
   }
-  return defineAsyncComponent(loader);
+  return defineAsyncComponent(async () => {
+    const module = await componentImporter();
+    return module.default;
+  });
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rimelight-components",
   "description": "A component library by Rimelight Entertainment.",
-  "version": "2.0.88",
+  "version": "2.0.90",
   "type": "module",
   "repository": {
     "type": "git",
@@ -27,22 +27,10 @@
     },
     "./runtime/*": "./dist/runtime/*",
     "./components/*": "./dist/runtime/components/*",
-    "./composables": {
-      "types": "./dist/runtime/composables/index.d.ts",
-      "import": "./dist/runtime/composables/index.js"
-    },
-    "./composables/*": {
-      "types": "./dist/runtime/composables/*.d.ts",
-      "import": "./dist/runtime/composables/*.js"
-    },
-    "./utils": {
-      "types": "./dist/runtime/utils/index.d.ts",
-      "import": "./dist/runtime/utils/index.js"
-    },
+    "./composables/*": "./dist/runtime/composables/*",
     "./utils/*": {
-      "types": "./dist/runtime/utils/*.d.ts",
-      "import": "./dist/runtime/utils/*.js",
-      "default": "./dist/runtime/utils/*.js"
+      "types": "./dist/runtime/utils/*.d.mts",
+      "import": "./dist/runtime/utils/*.js"
     }
   },
   "typesVersions": {
@@ -50,17 +38,17 @@
       ".": [
         "./dist/module.d.mts"
       ],
-      "runtime/*": [
-        "./dist/runtime/*"
+      "vite": [
+        "./dist/vite.d.mts"
+      ],
+      "./runtime/*": [
+        "./dist/runtime/index.d.ts"
       ],
       "components/*": [
         "./dist/runtime/components/*"
       ],
-      "composables": [
-        "./dist/runtime/composables/index.d.ts"
-      ],
       "composables/*": [
-        "./dist/runtime/composables/*.d.ts"
+        "./dist/runtime/composables/*"
       ],
       "utils": [
         "./dist/runtime/utils/index.d.ts"