nuxt-strapi-blocks-renderer 1.0.4 → 1.0.6

package/README.md

@@ -7,6 +7,8 @@
 
 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/).
+
 ## Installation
 
 1. Install the Blocks renderer:
@@ -336,7 +338,7 @@ npm run lint:types
 To run the Vitest unit tests, run the following command:
 
 ```bash
-npm run lint:types
+npm run test
 ````
 
 ### Release

package/dist/module.json

@@ -1,5 +1,9 @@
 {
   "name": "nuxt-strapi-blocks-renderer",
   "configKey": "strapiBlocksRenderer",
-  "version": "1.0.4"
+  "version": "1.0.6",
+  "builder": {
+    "@nuxt/module-builder": "0.7.0",
+    "unbuild": "2.0.0"
+  }
 }

package/dist/runtime/components/StrapiBlocksText.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
     import { useBlocksText } from '#strapi-blocks-renderer/composables/useBlocksText';
 
+    import type { VNode } from 'vue';
     import type { BlockNode } from '#strapi-blocks-renderer/types';
 
     const props = defineProps<{

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;
+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/package.json

@@ -1,11 +1,11 @@
 {
     "name": "nuxt-strapi-blocks-renderer",
-    "version": "1.0.4",
+    "version": "1.0.6",
     "description": "Renderer for the strapi CMS blocks text content element.",
     "license": "MIT",
     "repository": {
         "type": "git",
-        "url": "https://github.com/freb97/nuxt-strapi-blocks-renderer.git"
+        "url": "git+https://github.com/freb97/nuxt-strapi-blocks-renderer.git"
     },
     "type": "module",
     "exports": {
@@ -29,7 +29,7 @@
         "release": "npm run lint && npm run test && npm run prepack && npm publish",
         "release:ci": "npm run prepack && npm publish",
         "lint:es": "eslint './**/*.{js,ts,vue}' --max-warnings=0",
-        "lint:types": "tsc --noEmit",
+        "lint:types": "vue-tsc --noEmit",
         "test": "vitest run",
         "test:watch": "vitest watch"
     },
@@ -38,18 +38,21 @@
         "defu": "^6.1.4"
     },
     "devDependencies": {
-        "@types/node": "^20.12.5",
-        "@nuxt/devtools": "^1.1.5",
-        "@nuxt/eslint-config": "^0.3.1",
-        "@nuxt/module-builder": "^0.5.5",
+        "@nuxt/devtools": "^1.3.2",
+        "@nuxt/eslint-config": "^0.3.13",
+        "@nuxt/module-builder": "^0.7.0",
         "@nuxt/schema": "^3.11.2",
-        "@nuxt/test-utils": "^3.12.0",
-        "@stylistic/eslint-plugin": "^1.7.0",
+        "@nuxt/test-utils": "^3.13.1",
+        "@stylistic/eslint-plugin": "^2.1.0",
+        "@types/node": "^20.12.11",
+        "@typescript-eslint/eslint-plugin": "^7.11.0",
         "eslint": "^8.57.0",
         "nuxt": "^3.11.2",
-        "vitest": "^1.4.0",
-        "vue": "^3.4.21",
-        "vue-eslint-parser": "^9.4.2"
+        "typescript": "^5.4.5",
+        "vitest": "^1.6.0",
+        "vue": "^3.4.27",
+        "vue-eslint-parser": "^9.4.2",
+        "vue-tsc": "^2.0.19"
     },
     "packageManager": "npm@10.2.4",
     "engines": {