storyloco 1.0.0 → 1.0.2

package/README.md

@@ -90,12 +90,13 @@ storyloco/
 
 2. **Export types** in your plugin:
 
-   ```svelte
-   <script module lang="ts">
-     export interface YourType {
-       // your interface here
-     }
-   </script>
+   Create a `types.ts` file in your plugin package:
+
+   ```typescript
+   // packages/your-plugin/types.ts
+   export interface YourType {
+   	// your interface here
+   }
    ```
 
 3. **Add to root exports** in `package.json`:
@@ -104,7 +105,7 @@ storyloco/
    {
    	"exports": {
    		"./your-plugin": {
-   			"types": "./packages/your-plugin/src/app.svelte",
+   			"types": "./packages/your-plugin/types.ts",
    			"import": "./packages/your-plugin/src/app.svelte"
    		}
    	}
@@ -113,7 +114,7 @@ storyloco/
 
 4. **Re-export in `src/index.ts`**:
    ```typescript
-   export type { YourType } from '../packages/your-plugin/src/app.svelte'
+   export type { YourType } from '../packages/your-plugin/types'
    ```
 
 ## 🎨 Shared Components

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "storyloco",
-	"version": "1.0.0",
+	"version": "1.0.2",
 	"description": "A collection of slick Storyblok field plugins built with Svelte 5, TypeScript, and Tailwind CSS",
 	"keywords": [
 		"storyblok",
@@ -21,7 +21,9 @@
 	"files": [
 		"src",
 		"packages/mux/src/app.svelte",
+		"packages/mux/types.ts",
 		"packages/heading/src/app.svelte",
+		"packages/heading/types.ts",
 		"packages/theme/src/app.svelte",
 		"packages/shared/dist"
 	],
@@ -31,17 +33,13 @@
 			"import": "./src/index.ts"
 		},
 		"./mux": {
-			"types": "./packages/mux/src/app.svelte",
+			"types": "./packages/mux/types.ts",
 			"import": "./packages/mux/src/app.svelte"
 		},
 		"./heading": {
-			"types": "./packages/heading/src/app.svelte",
+			"types": "./packages/heading/types.ts",
 			"import": "./packages/heading/src/app.svelte"
 		},
-		"./theme": {
-			"types": "./packages/theme/src/app.svelte",
-			"import": "./packages/theme/src/app.svelte"
-		},
 		"./shared": {
 			"types": "./packages/shared/dist/index.d.ts",
 			"svelte": "./packages/shared/dist/index.js"

package/packages/heading/src/app.svelte

@@ -1,14 +1,8 @@
-<script module lang="ts">
-	export interface Heading {
-		text: string
-		level: 1 | 2 | 3 | 4 | 5 | 6
-	}
-</script>
-
 <script lang="ts">
 	import { createFieldPlugin, type FieldPluginResponse } from '@storyblok/field-plugin'
 	import { onMount } from 'svelte'
 	import { Input } from 'shared'
+	import type { Heading } from '../types.js'
 
 	type Plugin = FieldPluginResponse<Heading | null>
 

package/packages/heading/types.ts

@@ -0,0 +1,4 @@
+export interface Heading {
+   text: string
+   level: 1 | 2 | 3 | 4 | 5 | 6
+}

package/packages/mux/src/app.svelte

@@ -18,20 +18,7 @@
 	import '@mux/mux-uploader'
 	import { cn } from 'shared/utils'
 	import { Input, Label, Skeleton, Switch } from 'shared'
-
-	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
-	}
+	import type { Video } from '../types.js'
 
 	type MuxAsset = Mux.Video.Assets.Asset
 	type Plugin = FieldPluginResponse<Video | null>

package/packages/mux/types.ts

@@ -0,0 +1,16 @@
+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
+}
+

package/src/index.ts

@@ -1,3 +1,4 @@
-export type { Video } from '../packages/mux/src/app.svelte'
-export type { Heading } from '../packages/heading/src/app.svelte'
+// Re-export types from all packages
+export type { Video } from '../packages/mux/types'
+export type { Heading } from '../packages/heading/types'
 // Add more exports as you create more packages