create-feathersdev 0.11.4 → 0.13.1

package/examples/frontend/react/package.json

@@ -1,31 +0,0 @@
-{
-  "name": "feathersdev-react",
-  "type": "module",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "dev": "vite --port 4040",
-    "build": "tsc -b && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "@feathersdev/auth": "^0.11.2",
-    "@feathersdev/automerge": "^0.11.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
-  },
-  "devDependencies": {
-    "vite-plugin-wasm": "^3.4.1",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "@typescript-eslint/eslint-plugin": "^8.14.0",
-    "@typescript-eslint/parser": "^8.14.0",
-    "@vitejs/plugin-react": "^4.3.3",
-    "eslint": "^9.14.0",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.14",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.11"
-  }
-}

package/examples/frontend/react/public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/examples/frontend/react/src/App.css

@@ -1,30 +0,0 @@
-:root {
-  --color-base-100: oklch(3.6% 0.01 270);
-  --color-base-200: oklch(15% 19% 307);
-  --color-base-300: oklch(35% 44% 287);
-  --color-base-300-old: oklch(17.6% 0.04 270);
-  --color-base-content: oklch(93.3% 0.01 260);
-  --color-primary: oklch(48% 39% 348);
-  --color-primary-content: oklch(100% 0 0);
-  --color-secondary: oklch(91.9% 0.13 99.9);
-  --color-secondary`-content: oklch(0% 0 0);
-  --color-accent: oklch(34.1% 0.13 297.4);
-  --color-accent-content: oklch(100% 0 0);
-  --color-neutral: oklch(20.1% 0.05 260.7);
-  --color-neutral-content: oklch(100% 0 0);
-  --color-info: oklch(56.8% 0.14 255.1);
-  --color-info-content: oklch(94.5% 0.01 230);
-  --color-success: oklch(77.1% 0.13 149.9);
-  --color-warning-content: oklch(94.5% 0.01 230);
-  --color-error: oklch(64.1% 0.21 29.3);
-  --color-error-content: oklch(94.5% 0.01 230);
-  --radius-selector: 1rem;
-  --radius-field: 1rem;
-  --radius-box: 0.5rem;
-  --size-selector: 0.25rem;
-  --size-field: 0.25rem;
-  --border: 1px;
-  --depth: 1;
-  --noise: 0;
-  --invert-logo: 0;
-}

package/examples/frontend/react/src/App.tsx

@@ -1,33 +0,0 @@
-import { useEffect, useState } from 'react'
-
-import './App.css'
-import { auth } from './auth'
-import { loadAppDocument, AppDocumentHandle } from './automerge'
-import { FeathersAuthUser } from '@feathersdev/auth'
-import Counter from './Counter'
-import feathersLogo from './assets/feathers.svg'
-
-function App() {
-  const [handle, setHandle] = useState<AppDocumentHandle>()
-  const [user, setUser] = useState<FeathersAuthUser | null>(null)
-
-  useEffect(() => {
-    // Get the application document
-    loadAppDocument().then(async handle => {
-      setHandle(handle)
-      // Once the app document is available we also know
-      // we are logged in and can set the user
-      setUser(await auth.getUser())
-    })
-  }, [])
-
-  return (<div className="w-96 mx-auto flex flex-col gap-4 text-center pt-10">
-    <img src={feathersLogo} alt="Feathers Logo" />
-    {handle ? <>
-      <h2 className="text-2xl">Hello <strong>{user?.email}</strong>!</h2>
-      <Counter handle={handle} />
-    </> : <div>Loading...</div>}
-  </div>)
-}
-
-export default App

package/examples/frontend/react/src/Counter.tsx

@@ -1,29 +0,0 @@
-import { useEffect, useState } from "react";
-import { AppDocumentHandle } from "./automerge";
-
-export default function Counter({ handle }: { handle: AppDocumentHandle }) {
-  const [counter, setCounter] = useState(0)
-
-  useEffect(() => {
-    handle.on("change", ({ doc }) => {
-      setCounter(doc.counter || 0)
-    })
-  }, [handle])
-
-  const incrementCounter = () => {
-    handle.change((doc) => {
-      doc.counter = (doc.counter || 0) + 1
-    })
-  }
-
-  return <div className="card bg-base-300 mx-auto rounded-4xl">
-    <div className="card-body">
-      <h2 className="text-2xl">Community Counter</h2>
-      <p className="text-sm">Number of times clicked by everybody</p>
-      <strong className="text-3xl pt-2 pb-3">{counter}</strong>
-      <button className="btn btn-primary" onClick={incrementCounter}>
-        Increment
-      </button>
-    </div>
-  </div>
-}

package/examples/frontend/react/src/assets/feathers.svg

@@ -1,24 +0,0 @@
-<svg width="607" height="99" viewBox="0 0 607 99" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_3_192)">
-<path d="M63.3 0C59.1 0 55 1.7 52 4.7L50.9 5.8C50.4 13.8 47.7 21.1 43.5 27.8C45 21.4 45.7 15.7 44.6 12.1L35.2 21.5C34.7 29.5 32 36.7 27.8 43.3C29.5 36.9 30 31.7 29.3 27.3L19.5 37.1C15.9 40.6 13.9 45.5 13.9 50.5V79.1L3.9 88.9C1.4 91.2 0 94.5 0 97.9V98.7L73.4 25.9C80.3 19.1 84.1 9.8 84.2 0.1H63.4L63.3 0Z" fill="white"/>
-<path d="M57.6 61.4L77.8 41.3C81.8 37.4 84 32 84 26.4V14.2C83.3 16.9 82.4 19.4 81 21.4C78.3 25.1 75.4 28.5 72.1 31.8L37.4 66.3L50.8 64.7C53.3 64.4 55.7 63.3 57.4 61.5L57.6 61.4Z" fill="white"/>
-<path d="M33.7 70L17.4 86.2L26.6 86.4C30.3 86.4 33.8 85 36.4 82.5L52.1 66.9C51 67.6 50.1 67.9 49 68.2L33.7 70Z" fill="white"/>
-<path d="M189.7 64.6H153.8C154 67.8 155.1 70.3 156.9 72C158.7 73.7 161 74.5 163.6 74.5C167.6 74.5 170.3 72.8 171.8 69.5H188.7C187.8 72.9 186.3 76 184 78.7C181.7 81.4 178.9 83.5 175.5 85.1C172.1 86.6 168.3 87.4 164.1 87.4C159.9 87.4 154.5 86.3 150.6 84.2C146.6 82 143.6 79 141.3 74.9C139.1 70.9 138 66.2 138 60.8C138 55.4 139.1 50.7 141.3 46.7C143.5 42.7 146.6 39.6 150.5 37.4C154.5 35.2 159 34.2 164.1 34.2C169.2 34.2 173.6 35.3 177.4 37.4C181.3 39.5 184.3 42.5 186.5 46.4C188.7 50.3 189.8 54.8 189.8 60C189.8 65.2 189.8 63 189.5 64.6H189.7ZM173.8 55.8C173.8 53.1 172.9 50.9 171 49.3C169.1 47.7 166.8 46.9 164.1 46.9C161.4 46.9 159.2 47.7 157.4 49.2C155.6 50.7 154.4 52.9 154 55.8H173.8Z" fill="white"/>
-<path d="M198.2 46.7C200.2 42.7 202.9 39.6 206.4 37.4C209.9 35.2 213.7 34.2 218 34.2C222.3 34.2 224.8 34.9 227.6 36.4C230.3 37.9 232.5 39.8 233.9 42.2V34.9H249.7V86.6H233.9V79.3C232.4 81.7 230.2 83.7 227.5 85.1C224.8 86.6 221.6 87.3 217.9 87.3C214.2 87.3 209.9 86.2 206.4 84C202.9 81.8 200.2 78.7 198.2 74.6C196.2 70.6 195.2 65.9 195.2 60.6C195.2 55.3 196.2 50.6 198.2 46.6V46.7ZM230.6 51.4C228.4 49.1 225.7 48 222.6 48C219.5 48 216.8 49.1 214.6 51.4C212.4 53.7 211.3 56.8 211.3 60.7C211.3 64.6 212.4 67.8 214.6 70.1C216.8 72.4 219.5 73.6 222.6 73.6C225.7 73.6 228.4 72.5 230.6 70.2C232.8 67.9 233.9 64.8 233.9 60.8C233.9 56.8 232.8 53.7 230.6 51.4Z" fill="white"/>
-<path d="M290.1 73.2V86.6H282C276.3 86.6 271.8 85.2 268.6 82.4C265.4 79.6 263.8 75 263.8 68.6V48H257.5V34.8H263.8V22.2H279.6V34.8H290V48H279.6V68.8C279.6 70.3 280 71.5 280.7 72.1C281.4 72.8 282.7 73.1 284.4 73.1H290.1V73.2Z" fill="white"/>
-<path d="M409.8 64.6H373.9C374.1 67.8 375.2 70.3 377 72C378.8 73.7 381.1 74.5 383.7 74.5C387.7 74.5 390.4 72.8 391.9 69.5H408.8C407.9 72.9 406.4 76 404.1 78.7C401.8 81.4 399 83.5 395.6 85.1C392.2 86.6 388.4 87.4 384.2 87.4C380 87.4 374.6 86.3 370.7 84.2C366.7 82 363.7 79 361.4 74.9C359.2 70.9 358.1 66.2 358.1 60.8C358.1 55.4 359.2 50.7 361.4 46.7C363.6 42.7 366.7 39.6 370.6 37.4C374.6 35.2 379.1 34.2 384.2 34.2C389.3 34.2 393.7 35.3 397.5 37.4C401.4 39.5 404.4 42.5 406.6 46.4C408.8 50.3 409.9 54.8 409.9 60C409.9 65.2 409.9 63 409.6 64.6H409.8ZM393.8 55.8C393.8 53.1 392.9 50.9 391 49.3C389.1 47.7 386.8 46.9 384.1 46.9C381.4 46.9 379.2 47.7 377.4 49.2C375.6 50.7 374.4 52.9 374 55.8H393.8Z" fill="white"/>
-<path d="M467 85C463.5 83.5 460.7 81.3 458.7 78.7C456.7 76 455.5 73 455.3 69.7H471C471.2 71.5 472 72.9 473.5 74.1C475 75.2 476.8 75.8 479 75.8C481.2 75.8 482.5 75.4 483.6 74.6C484.7 73.8 485.2 72.8 485.2 71.6C485.2 70.4 484.4 69 482.9 68.3C481.4 67.6 478.9 66.8 475.4 65.9C471.7 65 468.6 64.1 466.1 63.2C463.6 62.2 461.5 60.7 459.7 58.7C457.9 56.6 457 53.8 457 50.3C457 46.8 457.8 44.6 459.5 42.2C461.1 39.8 463.5 37.8 466.7 36.4C469.9 35 473.7 34.3 478 34.3C484.5 34.3 489.6 35.9 493.3 39.1C497 42.3 499.2 46.6 499.7 51.9H485.1C484.9 50.1 484.1 48.7 482.7 47.6C481.4 46.6 479.6 46 477.5 46C475.4 46 474.2 46.4 473.2 47.1C472.2 47.8 471.7 48.8 471.7 50C471.7 51.2 472.5 52.6 474.1 53.3C475.7 54 478.1 54.8 481.5 55.5C485.3 56.5 488.4 57.5 490.9 58.4C493.3 59.4 495.4 60.9 497.2 63C499 65.1 500 68 500 71.6C500 74.6 499.2 77.3 497.5 79.7C495.8 82.1 493.4 83.9 490.2 85.3C487 86.7 483.3 87.3 479.1 87.3C474.9 87.3 470.6 86.5 467.1 85H467Z" fill="white"/>
-<path d="M344.9 40.3C341.3 36.4 336.6 34.4 330.6 34.4C324.6 34.4 324 35.1 321.2 36.4C318.4 37.8 316.2 39.6 314.6 41.9V18.1H298.8V86.7H314.6V65.5C314.6 65.5 314.6 56.7 315 55.1C315.4 53.5 315.3 54.1 315.5 53.6C315.9 52.5 316.5 51.5 317.3 50.7C319.1 48.8 321.5 47.8 324.5 47.8C327.5 47.8 329.9 48.8 331.7 50.7C333.5 52.6 334.4 55.3 334.4 58.8V86.9H350.2V56.7C350.2 49.8 348.4 44.5 344.8 40.5L344.9 40.3Z" fill="white"/>
-<path d="M113 75.8C118.7 72.3 125.1 66.9 125.3 60C125.3 58 125.3 55.8 125.3 53.5V48.2H133.8V35H125.3V34.5C125.3 31.8 125.9 29.9 127.2 28.8C128.4 27.8 130.6 27.3 133.6 27.5V14.1C133 14.1 132.2 14.1 131 14.1C124 14.1 118.6 15.8 115 19.1C111.4 22.4 109.5 27.2 109.5 33.6V35.1H103.8V48.3H109.5V86.8H125.3V74.5C121.1 76.2 116.7 76.9 113 75.9V75.8Z" fill="white"/>
-<path d="M441.2 36.8C438.4 38.4 436.1 40.7 434.3 43.5V34.9H418.5V39.2C419.4 46.1 426.9 52.8 431.7 57.1C427.8 57.5 423 56.2 418.5 53.9V86.6H434.3V62.6C434.3 58.3 435.3 55.4 437.3 53.7C439.3 52 442.2 51.2 446.2 51.2H450.6V34.4C447.2 34.4 444.1 35.2 441.3 36.9L441.2 36.8Z" fill="white"/>
-<path d="M509.4 84.2C508.8 83.6 508.4 82.8 508.4 81.8C508.4 80.8 508.7 80.1 509.4 79.4C510.1 78.7 510.8 78.4 511.8 78.4C512.8 78.4 513.5 78.7 514.1 79.4C514.7 80 515.1 80.8 515.1 81.8C515.1 82.8 514.8 83.5 514.1 84.2C513.5 84.8 512.7 85.2 511.8 85.2C510.9 85.2 510.1 84.9 509.4 84.2Z" fill="white"/>
-<path d="M522 65.3C523.1 63.3 524.5 61.8 526.3 60.7C528.1 59.6 530.2 59.1 532.4 59.1C534.6 59.1 535.7 59.5 537.3 60.2C538.9 60.9 540.2 61.9 541.1 63.1V50.9H546.4V84.9H541.1V81.1C540.2 82.3 539.1 83.3 537.5 84.1C535.9 84.9 534.2 85.3 532.3 85.3C530.4 85.3 528.1 84.7 526.3 83.6C524.5 82.5 523 80.9 522 78.9C520.9 76.9 520.4 74.6 520.4 72.1C520.4 69.6 520.9 67.3 522 65.3ZM540 67.6C539.3 66.3 538.3 65.3 537.2 64.7C536 64 534.8 63.7 533.4 63.7C532 63.7 530.8 64 529.6 64.7C528.4 65.4 527.5 66.3 526.8 67.6C526.1 68.9 525.7 70.4 525.7 72.1C525.7 73.8 526.1 75.4 526.8 76.7C527.5 78 528.5 79 529.7 79.7C530.9 80.4 532.1 80.7 533.4 80.7C534.7 80.7 536 80.4 537.2 79.7C538.4 79 539.3 78 540 76.7C540.7 75.4 541.1 73.9 541.1 72.1C541.1 70.3 540.7 68.8 540 67.5V67.6Z" fill="white"/>
-<path d="M577.7 74.1H558.3C558.5 76.1 559.2 77.7 560.6 79C561.9 80.2 563.6 80.8 565.6 80.8C568.4 80.8 570.4 79.6 571.6 77.3H577.3C576.5 79.6 575.1 81.5 573.1 83C571.1 84.5 568.6 85.2 565.6 85.2C562.6 85.2 561 84.7 559.1 83.6C557.2 82.5 555.7 81 554.6 79C553.5 77 553 74.7 553 72.1C553 69.5 553.5 67.2 554.6 65.2C555.7 63.2 557.1 61.7 559.1 60.6C561 59.5 563.2 59 565.7 59C568.2 59 570.2 59.5 572.1 60.6C574 61.6 575.4 63.1 576.5 65C577.5 66.9 578.1 69.1 578.1 71.5C578.1 73.9 578.1 73.3 577.9 74.1H577.7ZM572.4 69.9C572.4 68 571.7 66.4 570.3 65.3C568.9 64.1 567.3 63.6 565.3 63.6C563.3 63.6 561.9 64.2 560.7 65.3C559.4 66.5 558.6 68 558.4 70H572.4V69.9Z" fill="white"/>
-<path d="M594.2 80.2L601.4 59.5H607L597.3 84.8H591L581.4 59.5H587L594.2 80.2Z" fill="white"/>
-</g>
-<defs>
-<clipPath id="clip0_3_192">
-<rect width="607" height="98.7" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/examples/frontend/react/src/auth.ts

@@ -1,39 +0,0 @@
-import { createClient } from '@feathersdev/auth'
-
-/**
- * This is your public application id
- */
-export const appId = '<your-app-id>'
-
-/**
- * The Feathers auth client instance. You can use it to get a token,
- * retrieve the current user and to log in and out.
- */
-export const auth = createClient({
-  appId,
-  onLoginRequired: async (error) => {
-    // Redirect to login page if a login is required
-    // You can also do other things here like show a modal before redirecting
-    window.location.href = await auth.getLoginUrl(error)
-  },
-})
-
-/**
- * Make an authenticated request to a server using the standard fetch API.
- * Will redirect to the login page instead if the user needs to log in.
- *
- * @param url The URL for the request
- * @param options Additional request options.
- * @returns The fetch response
- */
-export async function authFetch(url: string, options?: RequestInit) {
-  const headers = new Headers(options?.headers)
-
-  // Set the authorization header with the Feathers Auth token
-  headers.set('Authorization', await auth.getHeader())
-
-  return fetch(url, {
-    ...options,
-    headers,
-  })
-}

package/examples/frontend/react/src/automerge.ts

@@ -1,27 +0,0 @@
-import { createAutomerge, DocHandle } from '@feathersdev/automerge'
-import { auth } from './auth.js'
-
-/**
- * The Feathers Automerge client. Use it to retrieve the document
- * for your application with `automerge.find()`.
- */
-export const automerge = createAutomerge(auth)
-
-/**
- * Add types for any data you want to store for your application
- */
-export interface AppData {
-  counter: number
-}
-
-/**
- * The document handle type for the application
- */
-export type AppDocumentHandle = DocHandle<AppData>
-
-/**
- * Load the document for the application
- */
-export async function loadAppDocument(): Promise<AppDocumentHandle> {
-  return automerge.find<AppData>()
-}

package/examples/frontend/react/src/main.tsx

@@ -1,9 +0,0 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from './App.tsx'
-
-ReactDOM.createRoot(document.getElementById('root')!).render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-)

package/examples/frontend/react/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/examples/frontend/react/tsconfig.app.json

@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2020",
-    "jsx": "react-jsx",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "moduleDetection": "force",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "allowImportingTsExtensions": true,
-
-    /* Linting */
-    "strict": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noEmit": true,
-    "isolatedModules": true,
-    "skipLibCheck": true
-  },
-  "include": ["src"]
-}

package/examples/frontend/react/tsconfig.json

@@ -1,11 +0,0 @@
-{
-  "references": [
-    {
-      "path": "./tsconfig.app.json"
-    },
-    {
-      "path": "./tsconfig.node.json"
-    }
-  ],
-  "files": []
-}

package/examples/frontend/react/tsconfig.node.json

@@ -1,13 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "strict": true,
-    "noEmit": true,
-    "allowSyntheticDefaultImports": true,
-    "skipLibCheck": true
-  },
-  "include": ["vite.config.ts"]
-}

package/examples/frontend/react/vite.config.ts

@@ -1,8 +0,0 @@
-import react from '@vitejs/plugin-react'
-import { defineConfig } from 'vite'
-import wasm from 'vite-plugin-wasm'
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [wasm(), react()],
-})

package/examples/frontend/svelte/.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["svelte.svelte-vscode"]
-}

package/examples/frontend/svelte/README.md

@@ -1,47 +0,0 @@
-# Svelte + TS + Vite
-
-This template should help get you started developing with Svelte and TypeScript in Vite.
-
-## Recommended IDE Setup
-
-[VS Code](https://code.visualstudio.com/) + [Svelte](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode).
-
-## Need an official Svelte framework?
-
-Check out [SvelteKit](https://github.com/sveltejs/kit#readme), which is also powered by Vite. Deploy anywhere with its serverless-first approach and adapt to various platforms, with out of the box support for TypeScript, SCSS, and Less, and easily-added support for mdsvex, GraphQL, PostCSS, Tailwind CSS, and more.
-
-## Technical considerations
-
-**Why use this over SvelteKit?**
-
-- It brings its own routing solution which might not be preferable for some users.
-- It is first and foremost a framework that just happens to use Vite under the hood, not a Vite app.
-
-This template contains as little as possible to get started with Vite + TypeScript + Svelte, while taking into account the developer experience with regards to HMR and intellisense. It demonstrates capabilities on par with the other `create-vite` templates and is a good starting point for beginners dipping their toes into a Vite + Svelte project.
-
-Should you later need the extended capabilities and extensibility provided by SvelteKit, the template has been structured similarly to SvelteKit so that it is easy to migrate.
-
-**Why `global.d.ts` instead of `compilerOptions.types` inside `jsconfig.json` or `tsconfig.json`?**
-
-Setting `compilerOptions.types` shuts out all other types not explicitly listed in the configuration. Using triple-slash references keeps the default TypeScript setting of accepting type information from the entire workspace, while also adding `svelte` and `vite/client` type information.
-
-**Why include `.vscode/extensions.json`?**
-
-Other templates indirectly recommend extensions via the README, but this file allows VS Code to prompt the user to install the recommended extension upon opening the project.
-
-**Why enable `allowJs` in the TS template?**
-
-While `allowJs: false` would indeed prevent the use of `.js` files in the project, it does not prevent the use of JavaScript syntax in `.svelte` files. In addition, it would force `checkJs: false`, bringing the worst of both worlds: not being able to guarantee the entire codebase is TypeScript, and also having worse typechecking for the existing JavaScript. In addition, there are valid use cases in which a mixed codebase may be relevant.
-
-**Why is HMR not preserving my local component state?**
-
-HMR state preservation comes with a number of gotchas! It has been disabled by default in both `svelte-hmr` and `@sveltejs/vite-plugin-svelte` due to its often surprising behavior. You can read the details [here](https://github.com/rixo/svelte-hmr#svelte-hmr).
-
-If you have state that's important to retain within a component, consider creating an external store which would not be replaced by HMR.
-
-```ts
-// store.ts
-// An extremely simple external store
-import { writable } from 'svelte/store'
-export default writable(0)
-```

package/examples/frontend/svelte/index.html

@@ -1,18 +0,0 @@
-<!doctype html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8" />
-  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
-  <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
-  <title>feathers.dev Svelte App</title>
-</head>
-
-<body>
-  <div id="app"></div>
-  <script type="module" src="/src/main.ts"></script>
-</body>
-
-</html>

package/examples/frontend/svelte/package.json

@@ -1,25 +0,0 @@
-{
-  "name": "feathersdev-svelte",
-  "type": "module",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "dev": "vite --port 4040",
-    "build": "vite build",
-    "preview": "vite preview",
-    "check": "svelte-check --tsconfig ./tsconfig.json && tsc -p tsconfig.node.json"
-  },
-  "dependencies": {
-    "@feathersdev/auth": "^0.11.0",
-    "@feathersdev/automerge": "^0.11.0"
-  },
-  "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^4.0.0",
-    "@tsconfig/svelte": "^5.0.4",
-    "svelte": "^5.0.0",
-    "svelte-check": "^4.0.7",
-    "tslib": "^2.8.1",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.11"
-  }
-}

package/examples/frontend/svelte/public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/examples/frontend/svelte/src/App.svelte

@@ -1,30 +0,0 @@
-<script lang="ts">
-  import type { FeathersAuthUser } from '@feathersdev/auth';
-  import { loadAppDocument, type AppDocumentHandle } from './automerge.js';
-  import Counter from './Counter.svelte';
-  import { auth } from './auth';
-  import feathersLogo from './assets/feathers.svg';
-
-  let handle: AppDocumentHandle;
-  let user: FeathersAuthUser | null = null;
-
-  async function init() {
-    // Get a handle to our app data document
-    handle = await loadAppDocument();
-    // Once the handle is available we are
-    // logged in and can get the current user
-    user = await auth.getUser();
-  }
-
-  init();
-</script>
-
-<main class="w-96 mx-auto flex flex-col gap-4 text-center pt-10">
-  <img src={feathersLogo} alt="feathers.dev Logo" />
-  {#if handle}
-    <h2 class="text-2xl">Hello <strong>{user?.email}</strong></h2>
-    <Counter {handle} />
-  {:else}
-    <p>Loading...</p>
-  {/if}
-</main>

package/examples/frontend/svelte/src/Counter.svelte

@@ -1,33 +0,0 @@
-<script lang="ts">
-  import type { AppDocumentHandle } from './automerge.js';
-
-  type CounterProps = {
-    handle: AppDocumentHandle;
-  };
-  let { handle }: CounterProps = $props();
-
-  let counter = $state(0);
-
-  $effect(() => {
-    handle.on('change', ({ doc }) => {
-      counter = doc.counter || 0;
-    });
-  });
-
-  function incrementCounter() {
-    handle.change((doc) => {
-      doc.counter = (doc.counter || 0) + 1;
-    });
-  }
-</script>
-
-<div class="card bg-base-300 mx-auto rounded-4xl">
-  <div class="card-body">
-    <h2 class="text-2xl">Community Counter</h2>
-    <p class="text-sm">Number of times clicked by everybody</p>
-    <strong class="text-3xl pt-2 pb-3">{counter}</strong>
-    <button class="btn btn-primary" onclick={incrementCounter}>
-      Increment
-    </button>
-  </div>
-</div>

package/examples/frontend/svelte/src/app.css

@@ -1,30 +0,0 @@
-:root {
-  --color-base-100: oklch(3.6% 0.01 270);
-  --color-base-200: oklch(15% 19% 307);
-  --color-base-300: oklch(35% 44% 287);
-  --color-base-300-old: oklch(17.6% 0.04 270);
-  --color-base-content: oklch(93.3% 0.01 260);
-  --color-primary: oklch(48% 39% 348);
-  --color-primary-content: oklch(100% 0 0);
-  --color-secondary: oklch(91.9% 0.13 99.9);
-  --color-secondary-content: oklch(0% 0 0);
-  --color-accent: oklch(34.1% 0.13 297.4);
-  --color-accent-content: oklch(100% 0 0);
-  --color-neutral: oklch(20.1% 0.05 260.7);
-  --color-neutral-content: oklch(100% 0 0);
-  --color-info: oklch(56.8% 0.14 255.1);
-  --color-info-content: oklch(94.5% 0.01 230);
-  --color-success: oklch(77.1% 0.13 149.9);
-  --color-warning-content: oklch(94.5% 0.01 230);
-  --color-error: oklch(64.1% 0.21 29.3);
-  --color-error-content: oklch(94.5% 0.01 230);
-  --radius-selector: 1rem;
-  --radius-field: 1rem;
-  --radius-box: 0.5rem;
-  --size-selector: 0.25rem;
-  --size-field: 0.25rem;
-  --border: 1px;
-  --depth: 1;
-  --noise: 0;
-  --invert-logo: 0;
-}

package/examples/frontend/svelte/src/assets/feathers.svg

@@ -1,24 +0,0 @@
-<svg width="607" height="99" viewBox="0 0 607 99" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_3_192)">
-<path d="M63.3 0C59.1 0 55 1.7 52 4.7L50.9 5.8C50.4 13.8 47.7 21.1 43.5 27.8C45 21.4 45.7 15.7 44.6 12.1L35.2 21.5C34.7 29.5 32 36.7 27.8 43.3C29.5 36.9 30 31.7 29.3 27.3L19.5 37.1C15.9 40.6 13.9 45.5 13.9 50.5V79.1L3.9 88.9C1.4 91.2 0 94.5 0 97.9V98.7L73.4 25.9C80.3 19.1 84.1 9.8 84.2 0.1H63.4L63.3 0Z" fill="white"/>
-<path d="M57.6 61.4L77.8 41.3C81.8 37.4 84 32 84 26.4V14.2C83.3 16.9 82.4 19.4 81 21.4C78.3 25.1 75.4 28.5 72.1 31.8L37.4 66.3L50.8 64.7C53.3 64.4 55.7 63.3 57.4 61.5L57.6 61.4Z" fill="white"/>
-<path d="M33.7 70L17.4 86.2L26.6 86.4C30.3 86.4 33.8 85 36.4 82.5L52.1 66.9C51 67.6 50.1 67.9 49 68.2L33.7 70Z" fill="white"/>
-<path d="M189.7 64.6H153.8C154 67.8 155.1 70.3 156.9 72C158.7 73.7 161 74.5 163.6 74.5C167.6 74.5 170.3 72.8 171.8 69.5H188.7C187.8 72.9 186.3 76 184 78.7C181.7 81.4 178.9 83.5 175.5 85.1C172.1 86.6 168.3 87.4 164.1 87.4C159.9 87.4 154.5 86.3 150.6 84.2C146.6 82 143.6 79 141.3 74.9C139.1 70.9 138 66.2 138 60.8C138 55.4 139.1 50.7 141.3 46.7C143.5 42.7 146.6 39.6 150.5 37.4C154.5 35.2 159 34.2 164.1 34.2C169.2 34.2 173.6 35.3 177.4 37.4C181.3 39.5 184.3 42.5 186.5 46.4C188.7 50.3 189.8 54.8 189.8 60C189.8 65.2 189.8 63 189.5 64.6H189.7ZM173.8 55.8C173.8 53.1 172.9 50.9 171 49.3C169.1 47.7 166.8 46.9 164.1 46.9C161.4 46.9 159.2 47.7 157.4 49.2C155.6 50.7 154.4 52.9 154 55.8H173.8Z" fill="white"/>
-<path d="M198.2 46.7C200.2 42.7 202.9 39.6 206.4 37.4C209.9 35.2 213.7 34.2 218 34.2C222.3 34.2 224.8 34.9 227.6 36.4C230.3 37.9 232.5 39.8 233.9 42.2V34.9H249.7V86.6H233.9V79.3C232.4 81.7 230.2 83.7 227.5 85.1C224.8 86.6 221.6 87.3 217.9 87.3C214.2 87.3 209.9 86.2 206.4 84C202.9 81.8 200.2 78.7 198.2 74.6C196.2 70.6 195.2 65.9 195.2 60.6C195.2 55.3 196.2 50.6 198.2 46.6V46.7ZM230.6 51.4C228.4 49.1 225.7 48 222.6 48C219.5 48 216.8 49.1 214.6 51.4C212.4 53.7 211.3 56.8 211.3 60.7C211.3 64.6 212.4 67.8 214.6 70.1C216.8 72.4 219.5 73.6 222.6 73.6C225.7 73.6 228.4 72.5 230.6 70.2C232.8 67.9 233.9 64.8 233.9 60.8C233.9 56.8 232.8 53.7 230.6 51.4Z" fill="white"/>
-<path d="M290.1 73.2V86.6H282C276.3 86.6 271.8 85.2 268.6 82.4C265.4 79.6 263.8 75 263.8 68.6V48H257.5V34.8H263.8V22.2H279.6V34.8H290V48H279.6V68.8C279.6 70.3 280 71.5 280.7 72.1C281.4 72.8 282.7 73.1 284.4 73.1H290.1V73.2Z" fill="white"/>
-<path d="M409.8 64.6H373.9C374.1 67.8 375.2 70.3 377 72C378.8 73.7 381.1 74.5 383.7 74.5C387.7 74.5 390.4 72.8 391.9 69.5H408.8C407.9 72.9 406.4 76 404.1 78.7C401.8 81.4 399 83.5 395.6 85.1C392.2 86.6 388.4 87.4 384.2 87.4C380 87.4 374.6 86.3 370.7 84.2C366.7 82 363.7 79 361.4 74.9C359.2 70.9 358.1 66.2 358.1 60.8C358.1 55.4 359.2 50.7 361.4 46.7C363.6 42.7 366.7 39.6 370.6 37.4C374.6 35.2 379.1 34.2 384.2 34.2C389.3 34.2 393.7 35.3 397.5 37.4C401.4 39.5 404.4 42.5 406.6 46.4C408.8 50.3 409.9 54.8 409.9 60C409.9 65.2 409.9 63 409.6 64.6H409.8ZM393.8 55.8C393.8 53.1 392.9 50.9 391 49.3C389.1 47.7 386.8 46.9 384.1 46.9C381.4 46.9 379.2 47.7 377.4 49.2C375.6 50.7 374.4 52.9 374 55.8H393.8Z" fill="white"/>
-<path d="M467 85C463.5 83.5 460.7 81.3 458.7 78.7C456.7 76 455.5 73 455.3 69.7H471C471.2 71.5 472 72.9 473.5 74.1C475 75.2 476.8 75.8 479 75.8C481.2 75.8 482.5 75.4 483.6 74.6C484.7 73.8 485.2 72.8 485.2 71.6C485.2 70.4 484.4 69 482.9 68.3C481.4 67.6 478.9 66.8 475.4 65.9C471.7 65 468.6 64.1 466.1 63.2C463.6 62.2 461.5 60.7 459.7 58.7C457.9 56.6 457 53.8 457 50.3C457 46.8 457.8 44.6 459.5 42.2C461.1 39.8 463.5 37.8 466.7 36.4C469.9 35 473.7 34.3 478 34.3C484.5 34.3 489.6 35.9 493.3 39.1C497 42.3 499.2 46.6 499.7 51.9H485.1C484.9 50.1 484.1 48.7 482.7 47.6C481.4 46.6 479.6 46 477.5 46C475.4 46 474.2 46.4 473.2 47.1C472.2 47.8 471.7 48.8 471.7 50C471.7 51.2 472.5 52.6 474.1 53.3C475.7 54 478.1 54.8 481.5 55.5C485.3 56.5 488.4 57.5 490.9 58.4C493.3 59.4 495.4 60.9 497.2 63C499 65.1 500 68 500 71.6C500 74.6 499.2 77.3 497.5 79.7C495.8 82.1 493.4 83.9 490.2 85.3C487 86.7 483.3 87.3 479.1 87.3C474.9 87.3 470.6 86.5 467.1 85H467Z" fill="white"/>
-<path d="M344.9 40.3C341.3 36.4 336.6 34.4 330.6 34.4C324.6 34.4 324 35.1 321.2 36.4C318.4 37.8 316.2 39.6 314.6 41.9V18.1H298.8V86.7H314.6V65.5C314.6 65.5 314.6 56.7 315 55.1C315.4 53.5 315.3 54.1 315.5 53.6C315.9 52.5 316.5 51.5 317.3 50.7C319.1 48.8 321.5 47.8 324.5 47.8C327.5 47.8 329.9 48.8 331.7 50.7C333.5 52.6 334.4 55.3 334.4 58.8V86.9H350.2V56.7C350.2 49.8 348.4 44.5 344.8 40.5L344.9 40.3Z" fill="white"/>
-<path d="M113 75.8C118.7 72.3 125.1 66.9 125.3 60C125.3 58 125.3 55.8 125.3 53.5V48.2H133.8V35H125.3V34.5C125.3 31.8 125.9 29.9 127.2 28.8C128.4 27.8 130.6 27.3 133.6 27.5V14.1C133 14.1 132.2 14.1 131 14.1C124 14.1 118.6 15.8 115 19.1C111.4 22.4 109.5 27.2 109.5 33.6V35.1H103.8V48.3H109.5V86.8H125.3V74.5C121.1 76.2 116.7 76.9 113 75.9V75.8Z" fill="white"/>
-<path d="M441.2 36.8C438.4 38.4 436.1 40.7 434.3 43.5V34.9H418.5V39.2C419.4 46.1 426.9 52.8 431.7 57.1C427.8 57.5 423 56.2 418.5 53.9V86.6H434.3V62.6C434.3 58.3 435.3 55.4 437.3 53.7C439.3 52 442.2 51.2 446.2 51.2H450.6V34.4C447.2 34.4 444.1 35.2 441.3 36.9L441.2 36.8Z" fill="white"/>
-<path d="M509.4 84.2C508.8 83.6 508.4 82.8 508.4 81.8C508.4 80.8 508.7 80.1 509.4 79.4C510.1 78.7 510.8 78.4 511.8 78.4C512.8 78.4 513.5 78.7 514.1 79.4C514.7 80 515.1 80.8 515.1 81.8C515.1 82.8 514.8 83.5 514.1 84.2C513.5 84.8 512.7 85.2 511.8 85.2C510.9 85.2 510.1 84.9 509.4 84.2Z" fill="white"/>
-<path d="M522 65.3C523.1 63.3 524.5 61.8 526.3 60.7C528.1 59.6 530.2 59.1 532.4 59.1C534.6 59.1 535.7 59.5 537.3 60.2C538.9 60.9 540.2 61.9 541.1 63.1V50.9H546.4V84.9H541.1V81.1C540.2 82.3 539.1 83.3 537.5 84.1C535.9 84.9 534.2 85.3 532.3 85.3C530.4 85.3 528.1 84.7 526.3 83.6C524.5 82.5 523 80.9 522 78.9C520.9 76.9 520.4 74.6 520.4 72.1C520.4 69.6 520.9 67.3 522 65.3ZM540 67.6C539.3 66.3 538.3 65.3 537.2 64.7C536 64 534.8 63.7 533.4 63.7C532 63.7 530.8 64 529.6 64.7C528.4 65.4 527.5 66.3 526.8 67.6C526.1 68.9 525.7 70.4 525.7 72.1C525.7 73.8 526.1 75.4 526.8 76.7C527.5 78 528.5 79 529.7 79.7C530.9 80.4 532.1 80.7 533.4 80.7C534.7 80.7 536 80.4 537.2 79.7C538.4 79 539.3 78 540 76.7C540.7 75.4 541.1 73.9 541.1 72.1C541.1 70.3 540.7 68.8 540 67.5V67.6Z" fill="white"/>
-<path d="M577.7 74.1H558.3C558.5 76.1 559.2 77.7 560.6 79C561.9 80.2 563.6 80.8 565.6 80.8C568.4 80.8 570.4 79.6 571.6 77.3H577.3C576.5 79.6 575.1 81.5 573.1 83C571.1 84.5 568.6 85.2 565.6 85.2C562.6 85.2 561 84.7 559.1 83.6C557.2 82.5 555.7 81 554.6 79C553.5 77 553 74.7 553 72.1C553 69.5 553.5 67.2 554.6 65.2C555.7 63.2 557.1 61.7 559.1 60.6C561 59.5 563.2 59 565.7 59C568.2 59 570.2 59.5 572.1 60.6C574 61.6 575.4 63.1 576.5 65C577.5 66.9 578.1 69.1 578.1 71.5C578.1 73.9 578.1 73.3 577.9 74.1H577.7ZM572.4 69.9C572.4 68 571.7 66.4 570.3 65.3C568.9 64.1 567.3 63.6 565.3 63.6C563.3 63.6 561.9 64.2 560.7 65.3C559.4 66.5 558.6 68 558.4 70H572.4V69.9Z" fill="white"/>
-<path d="M594.2 80.2L601.4 59.5H607L597.3 84.8H591L581.4 59.5H587L594.2 80.2Z" fill="white"/>
-</g>
-<defs>
-<clipPath id="clip0_3_192">
-<rect width="607" height="98.7" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/examples/frontend/svelte/src/auth.ts

@@ -1,39 +0,0 @@
-import { createClient } from '@feathersdev/auth'
-
-/**
- * This is your public application id
- */
-export const appId = '<your-app-id>'
-
-/**
- * The Feathers auth client instance. You can use it to get a token,
- * retrieve the current user and to log in and out.
- */
-export const auth = createClient({
-  appId,
-  onLoginRequired: async (error) => {
-    // Redirect to login page if a login is required
-    // You can also do other things here like show a modal before redirecting
-    window.location.href = await auth.getLoginUrl(error)
-  },
-})
-
-/**
- * Make an authenticated request to a server using the standard fetch API.
- * Will redirect to the login page instead if the user needs to log in.
- *
- * @param url The URL for the request
- * @param options Additional request options.
- * @returns The fetch response
- */
-export async function authFetch(url: string, options?: RequestInit) {
-  const headers = new Headers(options?.headers)
-
-  // Set the authorization header with the Feathers Auth token
-  headers.set('Authorization', await auth.getHeader())
-
-  return fetch(url, {
-    ...options,
-    headers,
-  })
-}

package/examples/frontend/svelte/src/automerge.ts

@@ -1,27 +0,0 @@
-import { createAutomerge, DocHandle } from '@feathersdev/automerge'
-import { auth } from './auth.js'
-
-/**
- * The Feathers Automerge client. Use it to retrieve the document
- * for your application with `automerge.find()`.
- */
-export const automerge = createAutomerge(auth)
-
-/**
- * Add types for any data you want to store for your application
- */
-export interface AppData {
-  counter: number
-}
-
-/**
- * The document handle type for the application
- */
-export type AppDocumentHandle = DocHandle<AppData>
-
-/**
- * Load the document for the application
- */
-export async function loadAppDocument(): Promise<AppDocumentHandle> {
-  return automerge.find<AppData>()
-}

package/examples/frontend/svelte/src/main.ts

@@ -1,9 +0,0 @@
-import { mount } from 'svelte'
-import App from './App.svelte'
-import './app.css'
-
-const app = mount(App, {
-  target: document.getElementById('app')!,
-})
-
-export default app

package/examples/frontend/svelte/src/vite-env.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="svelte" />
-/// <reference types="vite/client" />

package/examples/frontend/svelte/svelte.config.js

@@ -1,7 +0,0 @@
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
-
-export default {
-  // Consult https://svelte.dev/docs#compile-time-svelte-preprocess
-  // for more information about preprocessors
-  preprocess: vitePreprocess(),
-}