@storyblok/nuxt 8.1.4 → 8.2.1

package/dist/module.d.mts

@@ -1,32 +1,19 @@
 import * as _nuxt_schema from '@nuxt/schema';
-import { AsyncDataOptions, AsyncData, NuxtError } from 'nuxt/app';
-import { ISbResult, ISbStoriesParams, StoryblokBridgeConfigV2 } from '@storyblok/vue';
-import { ComputedRef } from 'vue';
 
-/**
- * Options for the useAsyncStoryblok composable.
- * Extends Nuxt's AsyncDataOptions with Storyblok-specific configuration.
- */
-interface UseAsyncStoryblokOptions extends AsyncDataOptions<ISbResult> {
-    /** Storyblok API parameters for fetching stories */
-    api: ISbStoriesParams;
-    /** Storyblok Bridge configuration for live preview */
-    bridge: StoryblokBridgeConfigV2;
-}
-interface UseAsyncStoryblokResult extends AsyncData<ISbResult, NuxtError<unknown>> {
-    story: ComputedRef<ISbResult['data']['story']>;
-}
-interface ModuleOptions {
-    accessToken: string;
+interface PublicModuleOptions {
     enableSudoMode: boolean;
     usePlugin: boolean;
     bridge: boolean;
     devtools: boolean;
     apiOptions: any;
     componentsDir: string;
+    enableServerClient: boolean;
+}
+interface AllModuleOptions extends PublicModuleOptions {
+    accessToken: string;
 }
 
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
+declare const _default: _nuxt_schema.NuxtModule<AllModuleOptions, AllModuleOptions, false>;
 
 export { _default as default };
-export type { ModuleOptions, UseAsyncStoryblokOptions, UseAsyncStoryblokResult };
+export type { AllModuleOptions, PublicModuleOptions };

package/dist/module.d.ts

@@ -1,32 +1,19 @@
 import * as _nuxt_schema from '@nuxt/schema';
-import { AsyncDataOptions, AsyncData, NuxtError } from 'nuxt/app';
-import { ISbResult, ISbStoriesParams, StoryblokBridgeConfigV2 } from '@storyblok/vue';
-import { ComputedRef } from 'vue';
 
-/**
- * Options for the useAsyncStoryblok composable.
- * Extends Nuxt's AsyncDataOptions with Storyblok-specific configuration.
- */
-interface UseAsyncStoryblokOptions extends AsyncDataOptions<ISbResult> {
-    /** Storyblok API parameters for fetching stories */
-    api: ISbStoriesParams;
-    /** Storyblok Bridge configuration for live preview */
-    bridge: StoryblokBridgeConfigV2;
-}
-interface UseAsyncStoryblokResult extends AsyncData<ISbResult, NuxtError<unknown>> {
-    story: ComputedRef<ISbResult['data']['story']>;
-}
-interface ModuleOptions {
-    accessToken: string;
+interface PublicModuleOptions {
     enableSudoMode: boolean;
     usePlugin: boolean;
     bridge: boolean;
     devtools: boolean;
     apiOptions: any;
     componentsDir: string;
+    enableServerClient: boolean;
+}
+interface AllModuleOptions extends PublicModuleOptions {
+    accessToken: string;
 }
 
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
+declare const _default: _nuxt_schema.NuxtModule<AllModuleOptions, AllModuleOptions, false>;
 
 export { _default as default };
-export type { ModuleOptions, UseAsyncStoryblokOptions, UseAsyncStoryblokResult };
+export type { AllModuleOptions, PublicModuleOptions };

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@storyblok/nuxt",
   "configKey": "storyblok",
-  "version": "8.1.4",
+  "version": "8.2.1",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -13,7 +13,8 @@ const module = defineNuxtModule({
     bridge: true,
     devtools: false,
     componentsDir: "~/storyblok",
-    apiOptions: {}
+    apiOptions: {},
+    enableServerClient: false
   },
   setup(options, nuxt) {
     const resolver = createResolver(import.meta.url);
@@ -30,11 +31,21 @@ const module = defineNuxtModule({
     nuxt.options.build.transpile.push("@storyblok/nuxt");
     nuxt.options.build.transpile.push("@storyblok/vue");
     addImportsDir(resolver.resolve("./runtime/composables"));
-    nuxt.options.runtimeConfig.public.storyblok = options;
+    if (options.enableServerClient) {
+      const { accessToken, ...publicOptions } = options;
+      nuxt.options.runtimeConfig.storyblok = { accessToken };
+      nuxt.options.runtimeConfig.public.storyblok = publicOptions;
+    } else {
+      nuxt.options.runtimeConfig.public.storyblok = options;
+    }
     const enablePluginCondition = options.usePlugin === true && options.enableSudoMode === false;
     if (enablePluginCondition) {
       addPlugin(resolver.resolve("./runtime/plugin"));
     }
+    nuxt.hook("nitro:config", (nitroConfig) => {
+      nitroConfig.alias = nitroConfig.alias || {};
+      nitroConfig.alias["#storyblok/server"] = resolver.resolve("./runtime/server");
+    });
     const names = [
       "useStoryblok",
       "useStoryblokApi",

package/dist/runtime/plugin.js

@@ -3,5 +3,9 @@ import { defineNuxtPlugin, useRuntimeConfig } from "#app";
 export default defineNuxtPlugin(({ vueApp }) => {
   let { storyblok } = useRuntimeConfig().public;
   storyblok = JSON.parse(JSON.stringify(storyblok));
-  vueApp.use(StoryblokVue, { ...storyblok, use: [apiPlugin] });
+  if (storyblok.enableServerClient) {
+    vueApp.use(StoryblokVue, { ...storyblok });
+  } else {
+    vueApp.use(StoryblokVue, { ...storyblok, use: [apiPlugin] });
+  }
 });

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

@@ -0,0 +1,2 @@
+import type { H3Event } from 'h3';
+export declare const serverStoryblokClient: (event: H3Event) => any;

package/dist/runtime/server/index.js

@@ -0,0 +1,19 @@
+import { StoryblokClient } from "@storyblok/vue";
+import { useRuntimeConfig } from "#imports";
+export const serverStoryblokClient = (event) => {
+  const config = useRuntimeConfig();
+  const { accessToken } = config.storyblok;
+  const { apiOptions = {} } = config.public.storyblok;
+  if (!accessToken) {
+    throw new Error(
+      `Storyblok access token is not configured. Make sure to set storyblok.accessToken in your nuxt.config.ts and enable storyblok.enableServerClient = true to use the server-side client.`
+    );
+  }
+  if (!event.context._storyblokClient) {
+    event.context._storyblokClient = new StoryblokClient({
+      accessToken,
+      ...apiOptions
+    });
+  }
+  return event.context._storyblokClient;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@storyblok/nuxt",
   "type": "module",
-  "version": "8.1.4",
+  "version": "8.2.1",
   "description": "Storyblok Nuxt module",
   "homepage": "https://github.com/storyblok/monoblok/tree/main/packages/nuxt#readme",
   "repository": {
@@ -25,7 +25,7 @@
     "dist"
   ],
   "dependencies": {
-    "@storyblok/vue": "9.3.3"
+    "@storyblok/vue": "9.4.1"
   },
   "devDependencies": {
     "@cypress/vite-dev-server": "^6.0.3",
@@ -69,15 +69,16 @@
     "test:types": "tsc --noEmit --skipLibCheck",
     "dev": "nuxi dev playground",
     "dev:build": "nuxi build playground",
-    "dev:preview": "nuxi preview playground",
+    "dev:preview": "nuxi preview playground --port 3100",
+    "dev:e2e": "nuxi dev playground-e2e --port 3100",
     "prepare:playground": "nuxi prepare playground",
     "dev:prepare": "nuxt-module-build build --stub && nuxi prepare playground",
     "cy:open": "cypress open",
     "cy:run": "cypress run",
-    "test:e2e": "start-server-and-test dev http://localhost:3000 cy:run",
-    "test:e2e-watch": "start-server-and-test dev http://localhost:3000 cy:open",
-    "pretest:e2e-static": "nuxi generate playground",
-    "test:e2e-static": "start-server-and-test dev:preview http://localhost:3000 cy:run",
+    "test:e2e": "start-server-and-test dev:e2e http://localhost:3100 cy:run",
+    "test:e2e-watch": "start-server-and-test dev:e2e http://localhost:3100 cy:open",
+    "pretest:e2e-static": "nuxi generate playground-e2e",
+    "test:e2e-static": "start-server-and-test dev:preview http://localhost:3100 cy:run",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "test": "pnpm run test:e2e"