@wpnuxt/blocks 0.0.7 → 0.0.8

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@wpnuxt/blocks",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "configKey": "wpNuxtBlocks",
   "builder": {
     "@nuxt/module-builder": "0.8.3",

package/dist/module.mjs

@@ -1,9 +1,9 @@
 import { promises } from 'node:fs';
-import { defineNuxtModule, createResolver, installModule, addComponentsDir, addComponent, addTemplate } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, installModule, addComponentsDir, addTemplate } from '@nuxt/kit';
 import { genDynamicImport } from 'knitwork';
 
 const name = "@wpnuxt/blocks";
-const version = "0.0.7";
+const version = "0.0.8";
 
 const module = defineNuxtModule({
   meta: {
@@ -22,10 +22,11 @@ const module = defineNuxtModule({
     nuxt.options.alias["#wpnuxt/blocks"] = resolve(nuxt.options.buildDir, "wpnuxt/blocks");
     await installModule("@nuxt/ui");
     await installModule("@nuxt/image", {
+      // TODO: get wordpressUrl from @wpnuxt/core options
       domains: ["wordpress.wpnuxt.com"]
     });
     addComponentsDir({
-      path: resolveRuntimeModule("./components/blocks"),
+      path: resolveRuntimeModule("./components"),
       pathPrefix: false,
       prefix: "",
       global: true
@@ -46,12 +47,9 @@ const module = defineNuxtModule({
         });
       }
     }
-    addComponent({ name: "BlockComponent", filePath: resolveRuntimeModule("./components/BlockComponent") });
-    addComponent({ name: "BlockInfo", filePath: resolveRuntimeModule("./components/BlockInfo") });
-    addComponent({ name: "BlockRenderer", filePath: resolveRuntimeModule("./components/BlockRenderer") });
     const componentsContext = { components: [] };
     nuxt.hook("components:extend", (newComponents) => {
-      const moduleBlocksDir = resolveRuntimeModule("./components/blocks");
+      const moduleBlocksDir = resolveRuntimeModule("./components");
       const userBlocksDir = (nuxt.options.srcDir || nuxt.options.rootDir) + "/components/blocks";
       componentsContext.components = newComponents.filter((c) => {
         if (c.filePath.startsWith(moduleBlocksDir) || c.filePath.startsWith(userBlocksDir)) {

package/dist/runtime/components/BlockRenderer.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
 import BlockComponent from './BlockComponent.vue'
-import type { EditorBlock } from '#wpnuxt/blocks'
+import type { NodeWithEditorBlocksFragment } from '#build/graphql-operations'
 
 defineProps<{
-  blocks: EditorBlock[] | undefined
+  post: NodeWithEditorBlocksFragment
 }>()
 </script>
 
 <template>
   <div>
     <BlockComponent
-      v-for="block, index in blocks"
+      v-for="block, index in post.editorBlocks"
       :key="index"
       :block="block"
     />

package/dist/runtime/components/blocks/CoreButton.vue

@@ -22,8 +22,8 @@ if (props.block.attributes?.metadata) {
     :rel="block.attributes.rel"
     :style="block.attributes.style"
     :variant
-    :class="getCssClasses(props.block)"
-    :size="convertFontSize(props.block.attributes?.fontSize, '', 'md')"
+    :class="getCssClasses(block)"
+    :size="convertFontSize(block.attributes?.fontSize, '', 'md')"
   >
     <span v-sanitize="block.attributes.text" />
   </UButton>

package/dist/runtime/components/blocks/CoreParagraph.vue

@@ -5,14 +5,13 @@ import type { CoreParagraph } from '#wpnuxt/blocks'
 const props = defineProps<{
   block: CoreParagraph
 }>()
-const cssClass = getCssClasses(props.block)
 </script>
 
 <template>
   <p
     :id="block?.attributes?.anchor"
     v-sanitize="block?.attributes?.content"
-    :class="cssClass"
+    :class="getCssClasses(props.block)"
     :style="block?.attributes?.style"
   />
 </template>

package/dist/runtime/queries/fragments/{EditorBlocks.fragment.gql → NodeWithEditorBlocks.fragment.gql}

@@ -1,6 +1,6 @@
 #import '~/.queries/fragments/EditorBlock.fragment.gql';
 
-fragment EditorBlocks on NodeWithEditorBlocks {
+fragment NodeWithEditorBlocks on NodeWithEditorBlocks {
   editorBlocks {
     ...EditorBlock
     innerBlocks {

package/dist/runtime/queries/fragments/Page.fragment.gql

@@ -1,10 +1,11 @@
 #import '~/.queries/fragments/ContentNode.fragment.gql';
 #import '~/.queries/fragments/NodeWithFeaturedImage.fragment.gql';
-#import '~/.queries/fragments/EditorBlocks.fragment.gql';
+#import '~/.queries/fragments/NodeWithEditorBlocks.fragment.gql';
 
 fragment Page on Page {
   ...ContentNode
   ...NodeWithFeaturedImage
+  ...NodeWithEditorBlocks
   content
   isFrontPage
   isPostsPage
@@ -13,5 +14,4 @@ fragment Page on Page {
   isRestricted
   isRevision
   title
-  ...EditorBlocks
 }

package/dist/runtime/queries/fragments/Post.fragment.gql

@@ -1,13 +1,13 @@
 #import "~/.queries/fragments/NodeWithExcerpt.fragment.gql";
 #import '~/.queries/fragments/ContentNode.fragment.gql';
 #import '~/.queries/fragments/NodeWithFeaturedImage.fragment.gql';
-#import '~/.queries/fragments/EditorBlocks.fragment.gql';
+#import '~/.queries/fragments/NodeWithEditorBlocks.fragment.gql';
 
 fragment Post on Post {
   ...NodeWithExcerpt
   ...ContentNode
   ...NodeWithFeaturedImage
+  ...NodeWithEditorBlocks
   content
   title
-  ...EditorBlocks
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wpnuxt/blocks",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "WPNuxt Blocks",
   "repository": "wpnuxt/wpnuxt-blocks",
   "license": "MIT",