storyloco 1.5.3 → 1.7.0

package/package.json

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

package/packages/link/types.ts

@@ -1,48 +1,56 @@
 import type { Asset } from '@storyblok/field-plugin'
 
 interface BaseLink {
-   url?: string
-   text?: string
+	url?: string
+	text?: string
 }
 
-export const link_types = ["asset", "external", "email", "internal"] as const
-export const target_options = ["_self", "_blank", "_parent", "_top", "_new"] as const
-export const rel_options = ["noopener", "noreferrer", "nofollow", "noopener noreferrer", "noopener noreferrer nofollow"] as const
+export const link_types = ['asset', 'external', 'email', 'internal'] as const
+export const target_options = ['_self', '_blank', '_parent', '_top', '_new'] as const
+export const rel_options = [
+	'noopener',
+	'noreferrer',
+	'nofollow',
+	'noopener noreferrer',
+	'noopener noreferrer nofollow',
+] as const
 
-export type LinkType = typeof link_types[number]
-export type Target = typeof target_options[number]
-export type Rel = typeof rel_options[number]
+export type LinkType = (typeof link_types)[number]
+export type Target = (typeof target_options)[number]
+export type Rel = (typeof rel_options)[number]
 
 export interface AssetLink extends BaseLink {
-   type: "asset"
-   asset?: Asset
-   target?: Target
+	type: 'asset'
+	asset?: Asset
+	target?: Target
 }
 
 export interface ExternalLink extends BaseLink {
-   type: "external"
-   target?: Target
-   rel?: Rel
+	type: 'external'
+	target?: Target
+	rel?: Rel
 }
 
 export interface EmailLink extends BaseLink {
-   type: "email"
-   target?: Target
-   email?: string
-   subject?: string
-   body?: string
-   cc?: string
-   bcc?: string
+	type: 'email'
+	target?: Target
+	email?: string
+	subject?: string
+	body?: string
+	cc?: string
+	bcc?: string
 }
 
 export interface StoryLink extends BaseLink {
-   type: "internal"
-   target?: Target
-   suffix?: string
-   story?: {
-      name: string
-      published_at: string | null
-   }
+	type: 'internal'
+	target?: Target
+	suffix?: string
+	story?: {
+		id: number
+		uuid: string
+		name: string
+		published_at: string | null
+	}
 }
 
 export type Link = AssetLink | ExternalLink | EmailLink | StoryLink

package/packages/mux/types.ts

@@ -1,16 +1,555 @@
 import type Mux from '@mux/mux-node'
 
 export interface Video {
-   mux_video?: Mux.Video.Assets.Asset
-   playback_id?: string
-   m3u8_url?: string
-   title?: string
-   autoplay?: boolean
-   muted?: boolean
-   loop?: boolean
-   playsinline?: boolean
-   controls?: boolean
-   preload?: 'auto' | 'metadata' | 'none'
-   poster?: string
+	mux_video?: Mux.Video.Assets.Asset
+	playback_id?: string
+	m3u8_url?: string
+	title?: string
+	autoplay?: boolean
+	muted?: boolean
+	loop?: boolean
+	playsinline?: boolean
+	controls?: boolean
+	preload?: 'auto' | 'metadata' | 'none'
+	poster?: string
 }
 
+export type VimeoVideo = {
+	uri: string
+	name: string
+	description: string
+	type: string
+	link: string
+	player_embed_url: string
+	duration: number
+	width: number
+	language: string
+	height: number
+	embed: {
+		html: string
+		badges: {
+			hdr: boolean
+			live: {
+				streaming: boolean
+				archived: boolean
+			}
+			staff_pick: {
+				normal: boolean
+				best_of_the_month: boolean
+				best_of_the_year: boolean
+				premiere: boolean
+			}
+			vod: boolean
+			weekend_challenge: boolean
+		}
+		interactive: boolean
+		buttons: {
+			watchlater: boolean
+			share: boolean
+			embed: boolean
+			hd: boolean
+			fullscreen: boolean
+			scaling: boolean
+			like: boolean
+		}
+		logos: {
+			vimeo: boolean
+			custom: {
+				active: boolean
+				url: any
+				link: any
+				use_link: boolean
+				sticky: boolean
+			}
+		}
+		play_button: {
+			position: string
+		}
+		title: {
+			name: string
+			owner: string
+			portrait: string
+		}
+		end_screen: Array<any>
+		playbar: boolean
+		quality_selector: any
+		pip: boolean
+		autopip: boolean
+		volume: boolean
+		color: string
+		colors: {
+			color_one: string
+			color_two: string
+			color_three: string
+			color_four: string
+		}
+		event_schedule: boolean
+		has_cards: boolean
+		outro_type: string
+		show_timezone: boolean
+		cards: Array<any>
+		airplay: boolean
+		audio_tracks: boolean
+		chapters: boolean
+		chromecast: boolean
+		closed_captions: boolean
+		transcript: boolean
+		skipping_forward: boolean
+		ask_ai: boolean
+		uri: any
+		email_capture_form: Array<any>
+		speed: boolean
+	}
+	created_time: string
+	modified_time: string
+	release_time: string
+	content_rating: Array<string>
+	content_rating_class: string
+	rating_mod_locked: boolean
+	license: any
+	privacy: {
+		view: string
+		embed: string
+		download: boolean
+		add: boolean
+		comments: string
+	}
+	pictures: {
+		uri: string
+		active: boolean
+		type: string
+		base_link: string
+		sizes: Array<{
+			width: number
+			height: number
+			link: string
+			link_with_play_button: string
+		}>
+		resource_key: string
+		default_picture: boolean
+	}
+	tags: Array<any>
+	stats: {
+		plays: number
+	}
+	categories: Array<any>
+	uploader: {
+		pictures: {
+			uri: string
+			active: boolean
+			type: string
+			base_link: string
+			sizes: Array<{
+				width: number
+				height: number
+				link: string
+			}>
+			resource_key: string
+			default_picture: boolean
+		}
+	}
+	metadata: {
+		connections: {
+			comments: {
+				uri: string
+				options: Array<string>
+				total: number
+			}
+			credits: {
+				uri: string
+				options: Array<string>
+				total: number
+			}
+			likes: {
+				uri: string
+				options: Array<string>
+				total: number
+			}
+			pictures: {
+				uri: string
+				options: Array<string>
+				total: number
+			}
+			texttracks: {
+				uri: string
+				options: Array<string>
+				total: number
+			}
+			related: any
+			recommendations: {
+				uri: string
+				options: Array<string>
+				resource_signature: string
+			}
+			albums: {
+				uri: string
+				options: Array<string>
+				total: number
+			}
+			available_albums: {
+				uri: string
+				options: Array<string>
+				total: number
+			}
+			available_channels: {
+				uri: string
+				options: Array<string>
+				total: number
+			}
+			versions: {
+				uri: string
+				options: Array<string>
+				total: number
+				current_uri: string
+				resource_key: string
+				create_storyboard_id: string
+				latest_incomplete_version: any
+			}
+		}
+		interactions: {
+			watchlater: {
+				uri: string
+				options: Array<string>
+				added: boolean
+				added_time: any
+			}
+			report: {
+				uri: string
+				options: Array<string>
+				reason: Array<string>
+			}
+			view_team_members: {
+				uri: string
+				options: Array<string>
+			}
+			edit: {
+				uri: string
+				options: Array<string>
+				blocked_fields: Array<any>
+			}
+			edit_content_rating: {
+				uri: string
+				options: Array<string>
+				content_rating: Array<string>
+			}
+			edit_privacy: {
+				uri: string
+				options: Array<string>
+				content_type: string
+				properties: Array<{
+					name: string
+					required: boolean
+					options: Array<string>
+				}>
+			}
+			delete: {
+				uri: string
+				options: Array<string>
+			}
+			can_update_privacy_to_public: {
+				uri: string
+				options: Array<string>
+			}
+			invite: {
+				uri: string
+				options: Array<string>
+			}
+			trim: {
+				uri: string
+				options: Array<string>
+			}
+			validate: {
+				uri: string
+				options: Array<string>
+			}
+		}
+		is_vimeo_create: boolean
+		is_screen_record: boolean
+	}
+	manage_link: string
+	user: {
+		uri: string
+		name: string
+		link: string
+		capabilities: {
+			hasLiveSubscription: boolean
+			hasEnterpriseLihp: boolean
+			hasSvvTimecodedComments: boolean
+			hasSimplifiedEnterpriseAccount: boolean
+			hasManagementCapabilitiesForComments: boolean
+			hasDetailedVideoVersionHistory: boolean
+			canViewSimplifiedCommentMentions: boolean
+		}
+		location: string
+		gender: string
+		bio: string
+		short_bio: string
+		created_time: string
+		pictures: {
+			uri: string
+			active: boolean
+			type: string
+			base_link: string
+			sizes: Array<{
+				width: number
+				height: number
+				link: string
+			}>
+			resource_key: string
+			default_picture: boolean
+		}
+		websites: Array<{
+			uri: string
+			name: string
+			link: string
+			type: string
+			description: any
+		}>
+		metadata: {
+			connections: {
+				albums: {
+					uri: string
+					options: Array<string>
+					total: number
+				}
+				appearances: {
+					uri: string
+					options: Array<string>
+					total: number
+				}
+				categories: {
+					uri: string
+					options: Array<string>
+					total: number
+				}
+				channels: {
+					uri: string
+					options: Array<string>
+					total: number
+				}
+				feed: {
+					uri: string
+					options: Array<string>
+				}
+				followers: {
+					uri: string
+					options: Array<string>
+					total: number
+				}
+				following: {
+					uri: string
+					options: Array<string>
+					total: number
+				}
+				groups: {
+					uri: string
+					options: Array<string>
+					total: number
+				}
+				likes: {
+					uri: string
+					options: Array<string>
+					total: number
+				}
+				membership: {
+					uri: string
+					options: Array<string>
+				}
+				moderated_channels: {
+					uri: string
+					options: Array<string>
+					total: number
+				}
+				portfolios: {
+					uri: string
+					options: Array<string>
+					total: number
+				}
+				videos: {
+					uri: string
+					options: Array<string>
+					total: number
+				}
+				watchlater: {
+					uri: string
+					options: Array<string>
+					total: number
+				}
+				shared: {
+					uri: string
+					options: Array<string>
+					total: number
+				}
+				pictures: {
+					uri: string
+					options: Array<string>
+					total: number
+				}
+				watched_videos: {
+					uri: string
+					options: Array<string>
+					total: number
+				}
+				folders_root: {
+					uri: string
+					options: Array<string>
+				}
+				folders: {
+					uri: string
+					options: Array<string>
+					total: number
+				}
+				teams: {
+					uri: string
+					options: Array<string>
+					total: number
+				}
+				permission_policies: {
+					uri: string
+					options: Array<string>
+					total: number
+				}
+				block: {
+					uri: string
+					options: Array<string>
+					total: number
+				}
+			}
+		}
+		location_details: {
+			formatted_address: string
+			latitude: number
+			longitude: number
+			city: string
+			state: string
+			neighborhood: any
+			sub_locality: any
+			state_iso_code: any
+			country: string
+			country_iso_code: string
+		}
+		skills: Array<any>
+		available_for_hire: boolean
+		can_work_remotely: boolean
+		preferences: {
+			videos: {
+				rating: Array<string>
+				privacy: {
+					view: string
+					comments: string
+					embed: string
+					download: boolean
+					add: boolean
+					allow_share_link: boolean
+				}
+			}
+			webinar_registrant_lower_watermark_banner_dismissed: Array<any>
+		}
+		content_filter: Array<string>
+		upload_quota: {
+			space: {
+				free: number
+				max: number
+				used: number
+				showing: string
+				unit: string
+			}
+			periodic: {
+				period: any
+				unit: any
+				free: any
+				max: any
+				used: any
+				reset_date: any
+			}
+			lifetime: {
+				unit: string
+				free: number
+				max: number
+				used: number
+			}
+		}
+		resource_key: string
+		account: string
+	}
+	last_user_action_event_date: string
+	parent_folder: any
+	review_page: {
+		active: boolean
+		link: string
+		is_shareable: boolean
+	}
+	files: Array<{
+		quality: string
+		rendition: string
+		type: string
+		width?: number
+		height?: number
+		link: string
+		created_time: string
+		fps: number
+		size: number
+		md5: any
+		public_name: string
+		size_short: string
+	}>
+	download: Array<{
+		quality: string
+		rendition: string
+		type: string
+		width: number
+		height: number
+		expires: string
+		link: string
+		created_time: string
+		fps: number
+		size: number
+		md5: any
+		public_name: string
+		size_short: string
+	}>
+	app: {
+		name: string
+		uri: string
+	}
+	play: {
+		progressive: Array<{
+			type: string
+			codec: string
+			width: number
+			height: number
+			link_expiration_time: string
+			link: string
+			created_time: string
+			fps: number
+			size: number
+			md5: any
+			rendition: string
+		}>
+		hls: {
+			link_expiration_time: string
+			link: string
+		}
+		dash: {
+			link_expiration_time: string
+			link: string
+		}
+		status: string
+	}
+	status: string
+	resource_key: string
+	upload: {
+		status: string
+		link: any
+		upload_link: any
+		form: any
+		approach: any
+		size: any
+		redirect_url: any
+	}
+	transcode: {
+		status: string
+	}
+	is_playable: boolean
+	has_audio: boolean
+}

package/packages/theme/src/app.svelte

@@ -76,7 +76,7 @@
 		</button>
 		{#if open}
 			<fieldset
-				class="bg-input-background border border-input rounded grid @[250px]:grid-cols-2 @sm:grid-cols-3 divide-y mt-1 overflow-hidden p-3 gap-3 max-h-54 @xl:max-h-58 overflow-y-auto"
+				class="bg-input-background border border-input rounded grid @[220px]:grid-cols-2 @sm:grid-cols-3 divide-y mt-1 overflow-hidden p-3 gap-3 max-h-120 overflow-y-auto"
 				transition:slide
 			>
 				{#each themes as { value, name, primary, secondary, tertiary }, index}
@@ -109,7 +109,7 @@
 						>
 							<figure
 								class={cn(
-									'flex justify-center [&>span]:size-10 @xl:[&>span]:size-12 [&>span]:border-white [&>span]:rounded-full [&>span]:border-2 [&>span:not(:first-child)]:-ml-[25%] [&>span]:relative isolate',
+									'flex justify-center [&>span]:size-10 @xl:[&>span]:size-12 [&>span]:border-white [&>span]:rounded-full [&>span]:border-2 [&>span:not(:first-child)]:-ml-[25%] [&>span]:relative isolate m-auto',
 									{ '[&>span]:border-foreground': value === 'none' }
 								)}
 							>

package/packages/vite/dist/components.schema.d.ts

@@ -1,6 +1,6 @@
 /**
  * AUTO-GENERATED FILE. DO NOT EDIT.
- * Generated by vite-storyblok-schema plugin on 2025-08-11T21:22:08.763Z.
+ * Generated by vite-storyblok-schema plugin on 2025-08-14T09:30:49.613Z.
  * Any changes will be overwritten.
  */
 import type { SbBlokData } from "@storyblok/svelte";

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

@@ -1,6 +1,6 @@
 /**
  * AUTO-GENERATED FILE. DO NOT EDIT.
- * Generated by vite-storyblok-schema plugin on 2025-08-11T21:22:08.763Z.
+ * Generated by vite-storyblok-schema plugin on 2025-08-14T09:30:49.613Z.
  * Any changes will be overwritten.
  */
 export {};

package/packages/vite/dist/schema.plugin.d.ts

@@ -4,6 +4,10 @@ interface Options {
     storyblok_space_id?: string;
     output_path?: string;
     interval_ms?: number;
+    filenames?: {
+        json?: string;
+        ts?: string;
+    };
 }
 /**
  * @remarks
@@ -14,6 +18,10 @@ interface Options {
  * @param [options.storyblok_space_id] - The space ID for the Storyblok space. Defaults to the `STORYBLOK_SPACE_ID` environment variable.
  * @param [options.output_path] - The path to output the generated files to. Defaults to 'src/lib'.
  * @param [options.interval_ms] - The interval in milliseconds to regenerate the component types. Defaults to 60000 (1 minute).
+ * @param [options.filenames] - Custom filenames for the generated files.
+ * @param [options.filenames.json] - The filename for the JSON schema file. Defaults to 'components.schema.json'.
+ * @param [options.filenames.ts] - The filename for the TypeScript definitions file. Defaults to 'components.schema.ts'.
+ *
  *
  * @example Default configuration
  * ```ts title=vite.config.ts
@@ -35,6 +43,20 @@ interface Options {
  *   })]
  * })
  * ```
+ *
+ * @example Custom filenames
+ * ```ts title=vite.config.ts
+ * import { storyblok_schema } from 'kitto/vite'
+ *
+ * export default defineConfig({
+ *   plugins: [storyblok_schema({
+ *     filenames: {
+ *       json: 'storyblok-components.json',
+ *       ts: 'storyblok-types.ts'
+ *     }
+ *   })]
+ * })
+ * ```
  */
-export default function storyblok_schema({ output_path, interval_ms, storyblok_personal_access_token, storyblok_space_id, }?: Options): Plugin;
+export default function storyblok_schema({ output_path, interval_ms, storyblok_personal_access_token, storyblok_space_id, filenames, }?: Options): Plugin;
 export {};

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

@@ -19,6 +19,10 @@ const logger = ora({
  * @param [options.storyblok_space_id] - The space ID for the Storyblok space. Defaults to the `STORYBLOK_SPACE_ID` environment variable.
  * @param [options.output_path] - The path to output the generated files to. Defaults to 'src/lib'.
  * @param [options.interval_ms] - The interval in milliseconds to regenerate the component types. Defaults to 60000 (1 minute).
+ * @param [options.filenames] - Custom filenames for the generated files.
+ * @param [options.filenames.json] - The filename for the JSON schema file. Defaults to 'components.schema.json'.
+ * @param [options.filenames.ts] - The filename for the TypeScript definitions file. Defaults to 'components.schema.ts'.
+ *
  *
  * @example Default configuration
  * ```ts title=vite.config.ts
@@ -40,8 +44,22 @@ const logger = ora({
  *   })]
  * })
  * ```
+ *
+ * @example Custom filenames
+ * ```ts title=vite.config.ts
+ * import { storyblok_schema } from 'kitto/vite'
+ *
+ * export default defineConfig({
+ *   plugins: [storyblok_schema({
+ *     filenames: {
+ *       json: 'storyblok-components.json',
+ *       ts: 'storyblok-types.ts'
+ *     }
+ *   })]
+ * })
+ * ```
  */
-export default function storyblok_schema({ output_path, interval_ms, storyblok_personal_access_token, storyblok_space_id, } = {}) {
+export default function storyblok_schema({ output_path, interval_ms, storyblok_personal_access_token, storyblok_space_id, filenames, } = {}) {
     let interval = null;
     return {
         name,
@@ -54,8 +72,8 @@ export default function storyblok_schema({ output_path, interval_ms, storyblok_p
             storyblok_personal_access_token =
                 storyblok_personal_access_token ?? env.STORYBLOK_PERSONAL_ACCESS_TOKEN;
             storyblok_space_id = storyblok_space_id ?? env.STORYBLOK_SPACE_ID;
-            const components_file = path.join(output_path, "components.schema.json");
-            const schema_ts_file = path.join(output_path, "components.schema.ts");
+            const components_file = path.join(output_path, filenames?.json ?? "components.schema.json");
+            const schema_ts_file = path.join(output_path, filenames?.ts ?? "components.schema.ts");
             const seconds = interval_ms / 1000;
             logger.succeed(`Regenerating Storyblok component types every ${seconds} ${seconds === 1 ? "second" : "seconds"}`);
             generate();
@@ -83,7 +101,8 @@ export default function storyblok_schema({ output_path, interval_ms, storyblok_p
                     // Make the file writable
                     await $ `chmod u+w ${components_file}`.quiet().nothrow();
                     // Compare existing and new components
-                    if (JSON.stringify(JSON.parse(existing_components)) === JSON.stringify(new_components))
+                    if (existing_components &&
+                        JSON.stringify(JSON.parse(existing_components)) === JSON.stringify(new_components))
                         return;
                     // Write the data to the components file
                     await writeFile(components_file, JSON.stringify(new_components, null, 2));