create-feathersdev 0.11.0 → 0.11.1

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.11.1](https://github.com/feathersdev/cloud/compare/v0.11.0...v0.11.1) (2025-05-25)
+
+
+### Bug Fixes
+
+* Update default development port ([#280](https://github.com/feathersdev/cloud/issues/280)) ([bfcbefa](https://github.com/feathersdev/cloud/commit/bfcbefaffe32bb7b1054540699519fc0d5f8dd33))
+
+
+
+
+
 # [0.11.0](https://github.com/feathersdev/cloud/compare/v0.10.1...v0.11.0) (2025-05-25)
 
 

package/esm/flows/with-application.js

@@ -14,7 +14,7 @@ export async function createApplication(init) {
             type: 'input',
             message: 'What are the allowed referers?',
             suffix: chalk.white(' A comma separated list of URLs where your frontend is running'),
-            default: 'http://localhost:3030',
+            default: 'http://localhost:4040',
         },
     })))
         .then(async (ctx) => {

package/examples/frontend/react/package.json

@@ -1,20 +1,22 @@
 {
-  "name": "react-frontend",
+  "name": "feathersdev-react",
   "type": "module",
   "version": "0.0.0",
   "private": true,
   "scripts": {
-    "dev": "vite --port 3000",
+    "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.6.5",
+    "@feathersdev/auth": "^0.11.0",
+    "@feathersdev/automerge": "^0.11.0",
     "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",

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

@@ -1,35 +1,32 @@
 import { useEffect, useState } from 'react'
 
 import './App.css'
-import { authFetch } from './auth'
-
-async function loadMessage() {
-  // Get data with authentication from your server
-  const response = await authFetch('http://localhost:3030/message', {
-    method: 'GET'
-  });
-
-  if (response.status >= 400) {
-    throw new Error(`Failed to load message: ${response.statusText}`);
-  }
-
-  return response.json();
-}
+import { auth } from './auth'
+import { loadAppDocument, AppDocumentHandle } from './automerge'
+import { FeathersAuthUser } from '@feathersdev/auth'
+import Counter from './Counter'
 
 function App() {
-  const [message, setMessage] = useState('')
+  const [handle, setHandle] = useState<AppDocumentHandle>()
+  const [user, setUser] = useState<FeathersAuthUser | null>(null)
 
   useEffect(() => {
-    loadMessage().then(({ message }) => setMessage(message))
-  }, [message])
+    // 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 (
     <>
-      <h1>Feathers Auth React Demo</h1>
+      <h1>feathers.dev React Demo</h1>
       <div className="card">
-        <p>The message from the server is:</p>
+        <p>Hello {user?.email}!</p>
+        {handle && <Counter handle={handle} />}
       </div>
-      <h2>{message}</h2>
     </>
   )
 }

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

@@ -0,0 +1,25 @@
+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>
+    Our community counter is: <strong>{counter}</strong>
+    <div>
+      <button onClick={incrementCounter}>Increment</button>
+    </div>
+  </div>
+}

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

@@ -1,4 +1,4 @@
-import { createAutomerge } from '@feathersdev/automerge'
+import { createAutomerge, DocHandle } from '@feathersdev/automerge'
 import { auth } from './auth.js'
 
 /**
@@ -7,10 +7,12 @@ import { auth } from './auth.js'
  */
 export const automerge = createAutomerge(auth)
 
-interface AppData {
+export interface AppData {
   counter: number
 }
 
-export async function getHandle() {
+export type AppDocumentHandle = DocHandle<AppData>
+
+export async function loadAppDocument(): Promise<AppDocumentHandle> {
   return automerge.find<AppData>()
 }

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

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

package/examples/frontend/svelte/package.json

@@ -1,16 +1,17 @@
 {
-  "name": "svelte-frontend",
+  "name": "feathersdev-svelte",
   "type": "module",
   "version": "0.0.0",
   "private": true,
   "scripts": {
-    "dev": "vite --port 3000",
+    "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.6.5"
+    "@feathersdev/auth": "^0.11.0",
+    "@feathersdev/automerge": "^0.11.0"
   },
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^4.0.0",

package/examples/frontend/vanilla/package.json

@@ -1,16 +1,20 @@
 {
-  "name": "vanilla-frontend",
-  "private": true,
-  "version": "0.0.0",
+  "name": "feathersdev-vanilla",
   "type": "module",
+  "version": "0.0.0",
+  "private": true,
   "scripts": {
-    "dev": "vite --port 3000",
+    "dev": "vite --port 4040",
     "build": "tsc && vite build",
     "preview": "vite preview"
   },
+  "dependencies": {
+    "@feathersdev/auth": "^0.11.0",
+    "@feathersdev/automerge": "^0.11.0"
+  },
   "devDependencies": {
     "typescript": "^5.6.3",
-    "vite-plugin-wasm": "^3.4.1",
-    "vite": "^5.4.11"
+    "vite": "^5.4.11",
+    "vite-plugin-wasm": "^3.4.1"
   }
 }

package/examples/frontend/vue/package.json

@@ -1,18 +1,18 @@
 {
-  "name": "vue-Frontend",
+  "name": "feathersdev-vue",
   "type": "module",
   "version": "0.0.0",
   "private": true,
   "scripts": {
-    "dev": "vite --port 3000",
+    "dev": "vite --port 4040",
     "build": "run-p type-check \"build-only {@}\" --",
     "preview": "vite preview",
     "build-only": "vite build",
     "type-check": "vue-tsc --build --force"
   },
   "dependencies": {
-    "@feathersdev/auth": "^0.10.0",
-    "@feathersdev/automerge": "^0.10.0",
+    "@feathersdev/auth": "^0.11.0",
+    "@feathersdev/automerge": "^0.11.0",
     "vue": "^3.5.12"
   },
   "devDependencies": {

package/examples/frontend/vue/src/App.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import { automerge } from './auth'
+import { automerge } from './automerge.js'
 
 const handle = await automerge.find<{ counter: number }>()
 const counter = ref<number>(0)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-feathersdev",
   "type": "module",
-  "version": "0.11.0",
+  "version": "0.11.1",
   "description": "The feathers.dev CLI",
   "author": {
     "name": "Feathers Cloud Inc.",
@@ -63,5 +63,5 @@
     "shx": "^0.4.0",
     "typescript": "^5.8.3"
   },
-  "gitHead": "c39ce0034f664037faf0e4be4ca209309835bfa4"
+  "gitHead": "762d75e57ce8a52a4e26d26459d74f19c53dda03"
 }