@b10cks/nuxt 0.9.6 → 0.10.1

package/README.md

@@ -0,0 +1,70 @@
+# @b10cks/nuxt
+
+Nuxt 4 module for integrating b10cks into your Nuxt applications.
+
+## Installation
+
+```bash
+npm install @b10cks/nuxt @b10cks/vue @b10cks/client
+```
+
+## Setup
+
+Add the module to your `nuxt.config.ts`:
+
+```typescript
+export default defineNuxtConfig({
+  modules: ['@b10cks/nuxt'],
+  b10cks: {
+    accessToken: 'your-access-token',
+    apiUrl: 'https://api.b10cks.com/api',
+    componentsDir: '~/b10cks', // Optional: custom components directory
+  },
+})
+```
+
+## Usage
+
+### Directives
+
+#### `v-editable`
+Mark content as editable within the b10cks editor.
+
+```vue
+<div v-editable="block">
+  Content here
+</div>
+```
+
+#### `v-editable-field`
+Mark specific fields within editable blocks.
+
+```vue
+<div v-editable="block">
+  <h1 v-editable-field="{ id: block.id, field: 'title' }">Title</h1>
+  <p v-editable-field="{ id: block.id, field: 'description' }">Description</p>
+</div>
+```
+
+### Components
+
+#### `B10cksComponent`
+Render b10cks components directly in your Nuxt app.
+
+```vue
+<B10cksComponent :component="componentData" />
+```
+
+### Custom Components
+
+Place your custom b10cks components in the `~/b10cks` directory (or your configured `componentsDir`). They will be auto-imported as global components.
+
+## Configuration
+
+- `accessToken` - Your b10cks API access token (required)
+- `apiUrl` - The b10cks API endpoint (default: `https://api.b10cks.com/api`)
+- `componentsDir` - Directory for custom components (default: `~/b10cks`)
+
+## License
+
+MIT

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@b10cks/nuxt",
   "configKey": "b10cks",
-  "version": "0.9.6",
+  "version": "0.10.1",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -1,6 +1,6 @@
 import { defineNuxtModule, createResolver, addComponentsDir, addPlugin, addImports } from '@nuxt/kit';
 
-const module = defineNuxtModule({
+const module$1 = defineNuxtModule({
   meta: {
     name: "@b10cks/nuxt",
     configKey: "b10cks"
@@ -23,9 +23,13 @@ const module = defineNuxtModule({
       apiUrl: options.apiUrl
     };
     addPlugin(resolver.resolve("./runtime/plugin"));
-    addImports({ name: "useB10cksApi", as: "useB10cksApi", from: resolver.resolve("./runtime/composables/useB10cksApi") });
+    addImports({
+      name: "useB10cksApi",
+      as: "useB10cksApi",
+      from: resolver.resolve("./runtime/composables/useB10cksApi")
+    });
     nuxt.options.typescript.hoist.push("@b10cks/vue");
   }
 });
 
-export { module as default };
+export { module$1 as default };

package/dist/runtime/composables/useB10cksApi.d.ts

@@ -1,5 +1,4 @@
-import type { IBBaseQueryParams, IBBlock, IBContent, IBContentQueryParams, IBDataEntry, IBDataSource, IBSpace, IBResponse } from '@b10cks/client';
-import type { Endpoint } from '@b10cks/client';
+import type { Endpoint, IBBaseQueryParams, IBBlock, IBContent, IBContentQueryParams, IBDataEntry, IBDataSource, IBResponse, IBSpace } from '@b10cks/client';
 export interface UseB10cksApiOptions<T> {
     immediate?: boolean;
     params?: Omit<IBBaseQueryParams, 'token'>;

package/dist/runtime/composables/useB10cksApi.js

@@ -33,7 +33,7 @@ export const useB10cksApi = () => {
     };
   }
   function useApiCollection(endpoint, options = {}) {
-    const { immediate = false, params = {}, transform } = options;
+    const { immediate = false, params = {} } = options;
     const pending = ref(false);
     const data = ref(null);
     const error = ref(null);
@@ -41,8 +41,7 @@ export const useB10cksApi = () => {
       pending.value = true;
       error.value = null;
       try {
-        const results = await $b10cksClient.getAll(endpoint, params);
-        data.value = transform ? transform(results) : results;
+        data.value = await $b10cksClient.getAll(endpoint, params);
         return data.value;
       } catch (err) {
         error.value = err instanceof Error ? err : new Error(String(err));
@@ -63,70 +62,52 @@ export const useB10cksApi = () => {
     };
   }
   const useContent = (full_slug, params = {}, options = {}) => {
-    return useApiResource(
-      `contents/${full_slug}`,
-      {
-        ...options,
-        params,
-        transform: (result) => {
-          if ("data" in result) {
-            return result.data;
-          }
-          return result;
+    return useApiResource(`contents/${full_slug}`, {
+      ...options,
+      params,
+      transform: (result) => {
+        if ("data" in result) {
+          return result.data;
         }
+        return result;
       }
-    );
+    });
   };
   const useContents = (params = {}, options = {}) => {
-    return useApiCollection(
-      "contents",
-      {
-        ...options,
-        params
-      }
-    );
+    return useApiCollection("contents", {
+      ...options,
+      params
+    });
   };
   const useBlocks = (params = {}, options = {}) => {
-    return useApiCollection(
-      "blocks",
-      {
-        ...options,
-        params
-      }
-    );
+    return useApiCollection("blocks", {
+      ...options,
+      params
+    });
   };
   const useDataEntries = (source, params = {}, options = {}) => {
-    return useApiCollection(
-      `datasources/${source}/entries`,
-      {
-        ...options,
-        params
-      }
-    );
+    return useApiCollection(`datasources/${source}/entries`, {
+      ...options,
+      params
+    });
   };
   const useDataSources = (options = {}) => {
-    return useApiCollection(
-      "datasources",
-      options
-    );
+    return useApiCollection("datasources", options);
   };
   const useSpace = (options = {}) => {
-    return useApiResource(
-      "spaces/me",
-      {
-        ...options,
-        transform: (result) => {
-          if ("data" in result) {
-            return result.data;
-          }
-          return result;
+    return useApiResource("spaces/me", {
+      ...options,
+      transform: (result) => {
+        if ("data" in result) {
+          return result.data;
         }
+        return result;
       }
-    );
+    });
   };
   const cache = useState("redirects");
   const useRedirects = (options = {}) => {
-    const { immediate = true, params = {}, transform } = options;
+    const { immediate = true, params = {} } = options;
     const pending = ref(false);
     const data = ref(cache.value || null);
     const error = ref(null);
@@ -139,10 +120,7 @@ export const useB10cksApi = () => {
       try {
         const results = await $b10cksClient.getAll("redirects", params);
         const transformed = Object.fromEntries(
-          results.map(({ source, target, status_code }) => [
-            source,
-            { target, status_code }
-          ])
+          results.map(({ source, target, status_code }) => [source, { target, status_code }])
         );
         data.value = transformed;
         cache.value = transformed;
@@ -166,7 +144,12 @@ export const useB10cksApi = () => {
     };
   };
   const configCache = useState("config");
-  const useB10cksConfig = async ({ slug = "_config", version, language, ...params } = {}) => {
+  const useB10cksConfig = async ({
+    slug = "_config",
+    version,
+    language,
+    ...params
+  } = {}) => {
     const options = {
       params: {
         ...params,

package/dist/runtime/plugin.js

@@ -1,6 +1,7 @@
 import { ApiClient } from "@b10cks/client";
-import { previewBridge, B10cksVue } from "@b10cks/vue";
+import { B10cksVue, previewBridge } from "@b10cks/vue";
 import { defineNuxtPlugin, useRequestURL, useRuntimeConfig } from "nuxt/app";
+import { useState } from "#app";
 export default defineNuxtPlugin((nuxtApp) => {
   const config = useRuntimeConfig();
   const url = useRequestURL();
@@ -10,11 +11,19 @@ export default defineNuxtPlugin((nuxtApp) => {
       previewBridge.init();
     }
   }
-  const b10cksClient = new ApiClient({
-    baseUrl: config.public.b10cks.apiUrl || "https://api.b10cks.com/api",
-    token: config.public.b10cks.accessToken,
-    fetchClient: $fetch
-  }, url);
+  const rvState = useState("b10cks_rv", () => 0);
+  const b10cksClient = new ApiClient(
+    {
+      baseUrl: config.public.b10cks.apiUrl || "https://api.b10cks.com/api",
+      token: config.public.b10cks.accessToken,
+      fetchClient: $fetch,
+      getRv: () => rvState.value,
+      setRv: (value) => {
+        rvState.value = value;
+      }
+    },
+    url
+  );
   return {
     provide: {
       b10cksClient

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@b10cks/nuxt",
   "license": "MIT",
-  "version": "0.9.6",
+  "version": "0.10.1",
   "author": "Michael Wallner @ Coder's Cantina",
   "description": "b10cks Nuxt module",
   "type": "module",
@@ -21,12 +21,12 @@
     "dist"
   ],
   "devDependencies": {
-    "@nuxt/eslint": "^1.9.0",
-    "@nuxt/eslint-config": "^1.9.0",
-    "@nuxt/kit": "^4.0.3",
+    "@nuxt/eslint": "^1.10.0",
+    "@nuxt/eslint-config": "^1.10.0",
+    "@nuxt/kit": "^4.2.1",
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/schema": "^4.0.3",
-    "nuxt": "^4.0.3"
+    "@nuxt/schema": "^4.2.1",
+    "nuxt": "^4.2.1"
   },
   "release": {
     "branches": [
@@ -37,13 +37,13 @@
     "access": "public"
   },
   "dependencies": {
-    "@b10cks/client": "^0.9.6",
-    "@b10cks/vue": "^0.9.6"
+    "@b10cks/client": "^0.10.1",
+    "@b10cks/vue": "^0.10.1"
   },
   "scripts": {
     "build": "nuxt-module-build prepare && nuxt-module-build build",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts --fix",
-    "lint:fix": "eslint . --fix",
+    "lint": "biome check --apply .",
+    "lint:fix": "biome check --apply .",
     "test": "vitest",
     "clean": "rm -rf dist"
   }