@rokkit/stories 1.0.0-next.131 → 1.0.0-next.133

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Jerry Thomas
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rokkit/stories",
-  "version": "1.0.0-next.131",
+  "version": "1.0.0-next.133",
   "description": "Utilities for building tutorials.",
   "publishConfig": {
     "access": "public"
@@ -22,8 +22,13 @@
       "import": "./src/index.js"
     }
   },
+  "files": [
+    "src/**/*.js",
+    "dist/**/*.d.ts",
+    "LICENSE"
+  ],
   "scripts": {
-    "prepublishOnly": "bun clean && bun tsc --project tsconfig.build.json",
+    "prepublishOnly": "cp ../../LICENSE . && bun clean && bun tsc --project tsconfig.build.json",
     "clean": "rm -rf dist",
     "build": "bun prepublishOnly"
   },

package/src/Code.svelte

@@ -1,21 +0,0 @@
-<script>
-	import { vibe } from '@rokkit/states'
-	import { highlightCode } from './shiki.js'
-	import CopyToClipboard from './CopyToClipboard.svelte'
-
-	let { content, language } = $props()
-	let theme = $derived(vibe.mode === 'dark' ? 'github-dark' : 'github-light')
-	let highlightedCode = $derived(highlightCode(content, { lang: language, theme }))
-</script>
-
-<div data-code-root>
-	<CopyToClipboard {content} floating={true} />
-	{#await highlightedCode}
-		<div class="text-surface-z7 p-4">Highlighting code...</div>
-	{:then code}
-		<!-- eslint-disable svelte/no-at-html-tags -->
-		{@html code}
-	{:catch error}
-		<div class="p-4 text-red-500">Error highlighting code: {error.message}</div>
-	{/await}
-</div>

package/src/CodeViewer.svelte

@@ -1,16 +0,0 @@
-<script>
-	import { Tabs } from '@rokkit/ui'
-	import Code from './Code.svelte'
-	let { files = [] } = $props()
-	let current = $state(null)
-	$effect(() => {
-		if (files.length > 0 && current === null) {
-			current = files[0]
-		}
-	})
-	let fields = { text: 'name', icon: 'language' }
-</script>
-
-<Tabs items={files} {fields} bind:value={current} class="no-padding">
-	<Code content={current?.content} language={current?.language} />
-</Tabs>

package/src/CopyToClipboard.svelte

@@ -1,26 +0,0 @@
-<script>
-	import { DEFAULT_STATE_ICONS } from '@rokkit/core'
-	import { Icon, Button } from '@rokkit/ui'
-	let { content, class: className = 'absolute right-2 top-2 z-10', title = 'Copy code' } = $props()
-	let copySuccess = $state(false)
-
-	async function copyToClipboard() {
-		try {
-			await navigator.clipboard.writeText(content || '')
-			copySuccess = true
-			setTimeout(() => {
-				copySuccess = false
-			}, 2000)
-		} catch (err) {
-			console.error('Failed to copy code:', err)
-		}
-	}
-</script>
-
-<Button onclick={copyToClipboard} class={className} {title}>
-	{#if copySuccess}
-		<Icon name={DEFAULT_STATE_ICONS.action.copysuccess} />
-	{:else}
-		<Icon name={DEFAULT_STATE_ICONS.action.copy} />
-	{/if}
-</Button>

package/src/Notes.svelte

@@ -1,57 +0,0 @@
-<script>
-	import { Icon, BreadCrumbs } from '@rokkit/ui'
-	import { getContext } from 'svelte'
-	import { goto } from '$app/navigation'
-	import { page } from '$app/state'
-	const site = getContext('site')()
-
-	let { content, crumbs, previous, next } = $props()
-	/**
-	 *
-	 * @param {string} route
-	 */
-	async function gotoPage(route) {
-		if (route) {
-			const location = `/${  page.params.segment  }/${  route}`
-			await goto(location)
-		}
-	}
-	function toggle() {
-		site.sidebar = !site.sidebar
-	}
-</script>
-
-<aside class="border-r-surface-z0 flex h-full w-full flex-col border-r">
-	{#if content}
-		<nav class="border-b-surface-z0 box-border flex h-10 items-center gap-1 border-b px-2 text-sm">
-			{#if !site.sidebar}
-				<Icon
-					name="i-rokkit:menu"
-					class="border-r-surface-z2 border-r"
-					role="button"
-					onclick={toggle}
-				/>
-			{/if}
-			<Icon
-				name="i-rokkit:arrow-left"
-				role="button"
-				onclick={() => gotoPage(previous)}
-				class="square"
-			/>
-			<h1 class="w-full">
-				<BreadCrumbs items={crumbs} class="text-xs" />
-			</h1>
-			<Icon
-				name="i-rokkit:arrow-right"
-				role="button"
-				onclick={() => gotoPage(next)}
-				class="square"
-			/>
-		</nav>
-
-		{@const SvelteComponent = content}
-		<notes class="markdown-body h-full w-full overflow-scroll p-8 font-thin">
-			<SvelteComponent />
-		</notes>
-	{/if}
-</aside>

package/src/Preview.svelte

@@ -1,10 +0,0 @@
-<script>
-	let { content } = $props()
-</script>
-
-<section class="flex h-full w-full flex-col gap-4 overflow-scroll p-8">
-	{#if content}
-		{@const Template = content}
-		<Template />
-	{/if}
-</section>

package/src/lib/StoryViewer.svelte

@@ -1,16 +0,0 @@
-<script>
-	import CodeViewer from './CodeViewer.svelte'
-
-	let { App, files } = $props()
-</script>
-
-<div data-story-root>
-	<div data-story-preview>
-		{#if App}
-			<App />
-		{:else}
-			<div>No preview available</div>
-		{/if}
-	</div>
-	<CodeViewer {files} />
-</div>

package/tsconfig.build.json

@@ -1,11 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "noEmit": false,
-    "declaration": true,
-    "declarationDir": "./dist",
-    "emitDeclarationOnly": true,
-    "outDir": "./dist"
-  },
-  "exclude": ["**/spec/**", "**/test/**", "dist"]
-}