storyloco 2.0.1 → 2.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "storyloco",
-	"version": "2.0.1",
+	"version": "2.1.0",
 	"description": "A collection of slick Storyblok field plugins built with Svelte 5, TypeScript, and Tailwind CSS",
 	"keywords": [
 		"storyblok",

package/packages/vite/dist/schema/plugin.js

@@ -176,6 +176,23 @@ import type { ISbStoryData } from '@storyblok/js';`, "");
             // determine how many folders are in output_path
             const output_path_parts = out_dir.split("/");
             const import_path = output_path_parts.map(() => `..`).join("/");
+            // Replicates the storyblok CLI's `getComponentType` (no prefix/suffix), so these
+            // entries reference the interface names it generates below.
+            const type_name = (component) => {
+                const sanitized = component
+                    .replace(/[^a-z0-9]/gi, "_")
+                    .replace(/_+/g, "_")
+                    .replace(/^_+|_+$/g, "");
+                const camel = sanitized
+                    .replace(/_([a-z])/g, (_, letter) => letter.toUpperCase())
+                    .replace(/_/g, "");
+                const pascal = camel ? camel[0].toUpperCase() + camel.slice(1) : camel;
+                return /^\d/.test(pascal) ? `_${pascal}` : pascal;
+            };
+            const content_types = new_components
+                .filter((component) => component.is_root)
+                .map((component) => component.name)
+                .sort();
             const header = `
 			               /**
 			                * AUTO-GENERATED FILE. DO NOT EDIT.
@@ -184,9 +201,23 @@ import type { ISbStoryData } from '@storyblok/js';`, "");
 			                */
 
 			               import type { StoryblokCustomPlugins } from "${import_path}/vite.config.js"
-			               import type { SbBlokData } from "@storyblok/svelte"
 
-			               export type Blok<T> = SbBlokData & T
+			               /**
+			                * No \`SbBlokData\` intersection: its string index signature would reject the
+			                * generated interfaces, which (deliberately) declare no index signature.
+			                */
+			               export type Blok<T> = T & { component?: string; _uid?: string; _editable?: string }
+
+			               /**
+			                * Content-type (root) components keyed by component name — the bloks a story
+			                * can be. The CLI types every component identically, so this comes from the
+			                * space's component list instead.
+			                */
+			               export interface ContentTypes {
+			               ${content_types.map((name) => `"${name}": ${type_name(name)}`).join("\n")}
+			               }
+
+			               export type ContentType = ContentTypes[keyof ContentTypes]
 			             `;
             let content = component_types.replace(`// This file was generated by the storyblok CLI.
 // DO NOT MODIFY THIS FILE BY HAND.`, header);

package/packages/vite/dist/storyblok.svelte.d.ts

@@ -196,7 +196,10 @@ interface BlokFields {
  * </section>
  * ```
  */
-export declare function attrs<T extends BlokFields>(blok: SbBlokData & T): {
+export declare function attrs<T extends BlokFields>(blok: T & {
+    _uid?: string;
+    _editable?: string;
+}): {
     [x: symbol]: (node: HTMLElement) => void;
     id: string | undefined;
 };

package/packages/vite/dist/storyblok.svelte.js

@@ -186,6 +186,7 @@ export function handle_error(err) {
 export function attrs(blok) {
     return {
         [attach()](node) {
+            // SbBlokData is nominal ceremony here — editable only reads `_editable`.
             editable(node, blok);
         },
         id: blok.anchor || blok._uid,