nuxt-strapi-blocks-renderer 1.0.5 → 1.0.7

package/README.md

@@ -7,6 +7,11 @@
 
 A fully customizable Nuxt 3 module for rendering text with the new Blocks rich text editor element from Strapi CMS.
 
+The implementation is based on Strapi's [Blocks React Renderer](https://github.com/strapi/blocks-react-renderer/).
+
+- ✨ [Release notes](/CHANGELOG.md)
+- 🏀 [Online stackblitz playground](https://stackblitz.com/github/freb97/nuxt-strapi-blocks-renderer?file=playground%2Fbasic%2Fpages%2Findex.vue)
+
 ## Installation
 
 1. Install the Blocks renderer:

package/dist/module.json

@@ -1,9 +1,9 @@
 {
   "name": "nuxt-strapi-blocks-renderer",
   "configKey": "strapiBlocksRenderer",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "builder": {
-    "@nuxt/module-builder": "0.6.0",
+    "@nuxt/module-builder": "0.8.0",
     "unbuild": "2.0.0"
   }
 }

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

@@ -1,8 +1,8 @@
 import type { VNode } from 'vue';
-import type { BlockNode } from '#strapi-blocks-renderer/types';
-export declare const textInlineNode: (node: TextInlineNode) => VNode | string;
+import type { BlockNode, CodeBlockNode, DefaultInlineNode, HeadingBlockNode, ImageBlockNode, LinkInlineNode, ListBlockNode, ListItemInlineNode, ParagraphBlockNode, QuoteBlockNode, TextInlineNode } from '#strapi-blocks-renderer/types';
+export declare const textInlineNode: (node: TextInlineNode) => (VNode | string)[] | VNode;
 export declare const linkInlineNode: (node: LinkInlineNode) => VNode;
-export declare const defaultInlineNode: (node: DefaultInlineNode) => VNode | string | undefined;
+export declare const defaultInlineNode: (node: DefaultInlineNode) => (VNode | string)[] | VNode | undefined;
 export declare const listItemInlineNode: (node: ListItemInlineNode) => VNode;
 export declare const headingBlockNode: (node: HeadingBlockNode) => VNode;
 export declare const paragraphBlockNode: (node: ParagraphBlockNode) => VNode;

package/dist/runtime/utils/{index.mjs → index.js}

@@ -3,18 +3,29 @@ const prefix = () => {
   const { public: { strapiBlocksRenderer } } = useRuntimeConfig();
   return strapiBlocksRenderer.blocksPrefix;
 };
+const getNodeText = (node) => {
+  const lines = [];
+  node.text.split("\n").forEach((line, index, array) => {
+    lines.push(line);
+    if (index !== array.length - 1) {
+      lines.push(h("br"));
+    }
+  });
+  return lines;
+};
 export const textInlineNode = (node) => {
+  const text = getNodeText(node);
   if (node.bold)
-    return h(resolveComponent(prefix() + "BoldInlineNode"), () => node.text);
+    return h(resolveComponent(prefix() + "BoldInlineNode"), () => text);
   if (node.italic)
-    return h(resolveComponent(prefix() + "ItalicInlineNode"), () => node.text);
+    return h(resolveComponent(prefix() + "ItalicInlineNode"), () => text);
   if (node.underline)
-    return h(resolveComponent(prefix() + "UnderlineInlineNode"), () => node.text);
+    return h(resolveComponent(prefix() + "UnderlineInlineNode"), () => text);
   if (node.strikethrough)
-    return h(resolveComponent(prefix() + "StrikethroughInlineNode"), () => node.text);
+    return h(resolveComponent(prefix() + "StrikethroughInlineNode"), () => text);
   if (node.code)
-    return h(resolveComponent(prefix() + "CodeInlineNode"), () => node.text);
-  return node.text;
+    return h(resolveComponent(prefix() + "CodeInlineNode"), () => text);
+  return text;
 };
 export const linkInlineNode = (node) => {
   const linkComponent = resolveComponent(prefix() + "LinkInlineNode");

package/dist/types.d.mts

@@ -1,16 +1 @@
-
-import type { ModuleOptions } from './module.js'
-
-
-declare module '@nuxt/schema' {
-  interface NuxtConfig { ['strapiBlocksRenderer']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['strapiBlocksRenderer']?: ModuleOptions }
-}
-
-declare module 'nuxt/schema' {
-  interface NuxtConfig { ['strapiBlocksRenderer']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['strapiBlocksRenderer']?: ModuleOptions }
-}
-
-
-export type { ModuleOptions, default } from './module.js'
+export { type ModuleOptions, default } from './module.js'

package/dist/types.d.ts

@@ -1,16 +1 @@
-
-import type { ModuleOptions } from './module'
-
-
-declare module '@nuxt/schema' {
-  interface NuxtConfig { ['strapiBlocksRenderer']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['strapiBlocksRenderer']?: ModuleOptions }
-}
-
-declare module 'nuxt/schema' {
-  interface NuxtConfig { ['strapiBlocksRenderer']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['strapiBlocksRenderer']?: ModuleOptions }
-}
-
-
-export type { ModuleOptions, default } from './module'
+export { type ModuleOptions, default } from './module'

package/package.json

@@ -1,12 +1,16 @@
 {
     "name": "nuxt-strapi-blocks-renderer",
-    "version": "1.0.5",
+    "version": "1.0.7",
     "description": "Renderer for the strapi CMS blocks text content element.",
     "license": "MIT",
     "repository": {
         "type": "git",
         "url": "git+https://github.com/freb97/nuxt-strapi-blocks-renderer.git"
     },
+    "author": {
+        "name": "Frederik Bußmann",
+        "email": "frederik@bussmann.io"
+    },
     "type": "module",
     "exports": {
         ".": {
@@ -34,27 +38,32 @@
         "test:watch": "vitest watch"
     },
     "dependencies": {
-        "@nuxt/kit": "^3.11.2",
+        "@nuxt/kit": "^3.12.2",
         "defu": "^6.1.4"
     },
     "devDependencies": {
-        "@types/node": "^20.12.11",
-        "@nuxt/devtools": "^1.3.1",
-        "@nuxt/eslint-config": "^0.3.12",
-        "@nuxt/module-builder": "^0.6.0",
-        "@nuxt/schema": "^3.11.2",
-        "@nuxt/test-utils": "^3.12.1",
-        "@stylistic/eslint-plugin": "^1.8.1",
+        "@nuxt/devtools": "^1.3.7",
+        "@nuxt/eslint-config": "^0.3.13",
+        "@nuxt/module-builder": "^0.8.0",
+        "@nuxt/schema": "^3.12.2",
+        "@nuxt/test-utils": "^3.13.1",
+        "@stylistic/eslint-plugin": "^2.3.0",
+        "@types/node": "^20.14.9",
+        "@typescript-eslint/eslint-plugin": "^7.14.1",
         "eslint": "^8.57.0",
-        "nuxt": "^3.11.2",
+        "nuxt": "^3.12.2",
+        "typescript": "^5.5.2",
         "vitest": "^1.6.0",
-        "vue": "^3.4.27",
-        "vue-tsc": "^2.0.17",
-        "vue-eslint-parser": "^9.4.2",
-        "typescript": "^5.4.5"
+        "vue": "^3.4.31",
+        "vue-eslint-parser": "^9.4.3",
+        "vue-tsc": "^2.0.22"
     },
     "packageManager": "npm@10.2.4",
     "engines": {
         "node": "^18.x || ^20.x"
+    },
+    "stackblitz": {
+        "startCommand": "npm run dev:prepare && npm run dev",
+        "file": "playground/basic/pages/index.vue"
     }
 }