Deploy to production

.claude/settings.json

@@ -0,0 +1,26 @@
+{
+	"$schema": "https://json.schemastore.org/claude-code-settings.json",
+	"enabledPlugins": {
+		"svelte@svelte": true,
+		"figma@claude-plugins-official": true
+	},
+	"hooks": {
+		"PreToolUse": [
+			{
+				"matcher": "Bash",
+				"hooks": [
+					{
+						"if": "Bash(npm *)",
+						"type": "command",
+						"command": "echo '{ \"hookSpecificOutput\": { \"hookEventName\": \"PreToolUse\", \"permissionDecision\": \"deny\", \"permissionDecisionReason\": \"Use pnpm instead\" } }'"
+					},
+					{
+						"if": "Bash(npx *)",
+						"type": "command",
+						"command": "echo '{ \"hookSpecificOutput\": { \"hookEventName\": \"PreToolUse\", \"permissionDecision\": \"deny\", \"permissionDecisionReason\": \"Use pnpm dlx instead\" } }'"
+					}
+				]
+			}
+		]
+	}
+}

.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

.github/actions/setup-env/action.yaml

@@ -0,0 +1,23 @@
+name: Setup Environment
+description: Sets up development environment.
+
+# Required Permissions:
+#   - contents: read
+
+runs:
+  using: 'composite'
+
+  steps:
+    - name: Install pnpm
+      uses: pnpm/action-setup@v6
+      with:
+        cache: true
+
+    - name: Set up Node.js
+      uses: actions/setup-node@v6
+      with:
+        node-version-file: 'package.json'
+
+    - name: Install dependencies
+      run: pnpm install
+      shell: bash

.github/dependabot.yml

@@ -0,0 +1,36 @@
+version: 2
+
+updates:
+  - package-ecosystem: 'github-actions'
+    directory: '/'
+    schedule:
+      interval: 'weekly'
+    commit-message:
+      prefix: 'ci'
+    open-pull-requests-limit: 2
+    groups:
+      security:
+        applies-to: security-updates
+        patterns:
+          - '*'
+      version:
+        applies-to: version-updates
+        patterns:
+          - '*'
+  - package-ecosystem: 'npm'
+    directory: '/'
+    versioning-strategy: 'increase'
+    schedule:
+      interval: 'weekly'
+    open-pull-requests-limit: 0
+    commit-message:
+      prefix: 'build(deps)'
+    groups:
+      security:
+        applies-to: security-updates
+        patterns:
+          - '*'
+      version:
+        applies-to: version-updates
+        patterns:
+          - '*'

.github/workflows/chromatic.yml

@@ -0,0 +1,24 @@
+name: 'Chromatic'
+
+on: push
+
+jobs:
+  chromatic:
+    name: Run Chromatic
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v7
+        with:
+          fetch-depth: 0
+
+      - name: Setup Environment
+        uses: ./.github/actions/setup-env
+
+      - name: Run Chromatic
+        uses: chromaui/action@latest
+        with:
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          autoAcceptChanges: 'main'
+          exitOnceUploaded: true
+          skip: 'production'

.github/workflows/test.yml

@@ -0,0 +1,35 @@
+name: 'Test'
+
+on: pull_request
+
+permissions:
+  contents: read
+
+jobs:
+  test:
+    name: Run Tests
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v7
+        with:
+          fetch-depth: 0
+
+      - name: Setup Environment
+        uses: ./.github/actions/setup-env
+
+      - parallel:
+          - name: Svelte Check
+            run: pnpm run check --fail-on-warnings
+
+          - name: ESLint
+            run: pnpm run lint:eslint
+
+          - name: Prettier
+            run: pnpm run lint:prettier
+
+          - name: Vitest
+            run: pnpm exec playwright install --with-deps && pnpm run test --project client --project server
+
+          - name: Commit Message
+            run: pnpm exec commitlint --from ${{ github.event.pull_request.base.sha }} --to ${{ github.event.pull_request.head.sha }} --verbose

.gitignore

@@ -0,0 +1,34 @@
+node_modules
+
+# Output
+.output
+.vercel
+.netlify
+.wrangler
+/.svelte-kit
+/build
+/static/assets/fonts
+worker-configuration.d.ts
+*.tsbuildinfo
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Env
+.env
+.env.*
+!.env.example
+!.env.test
+
+# Vite
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*
+
+*storybook.log
+storybook-static
+chromatic.log
+chromatic-build-*.xml
+chromatic-diagnostics.json
+
+.claude/settings.local.json

.prettierignore

@@ -0,0 +1,9 @@
+# Package Managers
+package-lock.json
+pnpm-lock.yaml
+yarn.lock
+bun.lock
+bun.lockb
+
+# Miscellaneous
+/static/

.prettierrc

@@ -0,0 +1,14 @@
+{
+	"useTabs": true,
+	"singleQuote": true,
+	"printWidth": 100,
+	"plugins": ["prettier-plugin-svelte"],
+	"overrides": [
+		{
+			"files": "*.svelte",
+			"options": {
+				"parser": "svelte"
+			}
+		}
+	]
+}

.storybook/PaddingDecorator.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+
+	interface Props {
+		children?: Snippet | undefined;
+	}
+
+	let { children }: Props = $props();
+</script>
+
+<div>
+	{@render children?.()}
+</div>
+
+<style>
+	div {
+		padding: 16px;
+	}
+</style>

.storybook/main.ts

@@ -0,0 +1,15 @@
+import type { StorybookConfig } from '@storybook/sveltekit';
+
+const config = {
+	stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|ts|svelte)'],
+	addons: [
+		'@storybook/addon-svelte-csf',
+		'@chromatic-com/storybook',
+		'@storybook/addon-vitest',
+		'@storybook/addon-a11y',
+		'@storybook/addon-docs',
+		'storybook-addon-pseudo-states',
+	],
+	framework: '@storybook/sveltekit',
+} satisfies StorybookConfig;
+export default config;

.storybook/preview.ts

@@ -0,0 +1,28 @@
+import type { Preview } from '@storybook/sveltekit';
+
+import 'unfonts.css';
+import 'virtual:uno.css';
+
+const preview: Preview = {
+	tags: ['autodocs'],
+
+	parameters: {
+		layout: 'centered',
+
+		controls: {
+			matchers: {
+				color: /(background|color)$/i,
+				date: /Date$/i,
+			},
+		},
+
+		a11y: {
+			// 'todo' - show a11y violations in the test UI only
+			// 'error' - fail CI on a11y violations
+			// 'off' - skip a11y checks entirely
+			test: 'todo',
+		},
+	},
+};
+
+export default preview;

.vscode/extensions.json

@@ -0,0 +1,8 @@
+{
+	"recommendations": [
+		"svelte.svelte-vscode",
+		"esbenp.prettier-vscode",
+		"dbaeumer.vscode-eslint",
+		"antfu.unocss"
+	]
+}

.vscode/settings.json

@@ -0,0 +1,14 @@
+{
+	"svelte.plugin.svelte.defaultScriptLanguage": "ts",
+	"[svelte]": {
+		"editor.defaultFormatter": "svelte.svelte-vscode"
+	},
+	"debug.javascript.terminalOptions": {
+		"resolveSourceMapLocations": [
+			"${workspaceFolder}/**",
+			"!**/node_modules/**",
+			"**/node_modules/.vite-temp/**"
+		]
+	},
+	"js/ts.experimental.useTsgo": false
+}

README.md

@@ -0,0 +1,42 @@
+# sv
+
+Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```sh
+# create a new project
+npx sv create my-app
+```
+
+To recreate this project with the same configuration:
+
+```sh
+# recreate this project
+pnpm dlx sv@0.16.1 create --template minimal --types ts --add prettier eslint vitest="usages:unit,component" sveltekit-adapter="adapter:cloudflare+cfTarget:workers" storybook --install pnpm summer-summit
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```sh
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+To create a production version of your app:
+
+```sh
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.

chromatic.config.json

@@ -0,0 +1,6 @@
+{
+	"$schema": "https://www.chromatic.com/config-file.schema.json",
+	"onlyChanged": true,
+	"projectId": "Project:6a32172276e4b7b57bdf6b4e",
+	"zip": true
+}

commitlint.config.ts

@@ -0,0 +1,5 @@
+import type { UserConfig } from '@commitlint/types';
+
+const config: UserConfig = { extends: ['@commitlint/config-conventional'] };
+
+export default config;