create-feathersdev 0.11.3 → 0.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +25 -0
- package/esm/actions/app.js +9 -1
- package/esm/actions/integrate.js +4 -4
- package/esm/base.js +1 -1
- package/esm/flows/check-login.js +3 -3
- package/esm/flows/with-application.js +15 -0
- package/esm/index.js +2 -1
- package/examples/frontend/react/index.html +11 -16
- package/examples/frontend/react/package.json +2 -2
- package/examples/frontend/react/src/App.css +41 -29
- package/examples/frontend/react/src/App.tsx +9 -8
- package/examples/frontend/react/src/Counter.tsx +4 -8
- package/examples/frontend/react/src/assets/react.svg +1 -0
- package/examples/frontend/react/src/automerge.ts +0 -9
- package/examples/frontend/react/src/index.css +68 -0
- package/examples/frontend/react/src/main.tsx +1 -0
- package/examples/frontend/svelte/index.html +11 -16
- package/examples/frontend/svelte/src/App.svelte +22 -22
- package/examples/frontend/svelte/src/app.css +77 -28
- package/examples/frontend/svelte/src/assets/svelte.svg +1 -0
- package/examples/frontend/svelte/src/auth.ts +5 -11
- package/examples/frontend/vanilla/index.html +11 -19
- package/examples/frontend/vanilla/public/vite.svg +1 -0
- package/examples/frontend/vanilla/src/automerge.ts +3 -14
- package/examples/frontend/vanilla/src/main.ts +13 -25
- package/examples/frontend/vanilla/src/style.css +94 -28
- package/examples/frontend/vue/index.html +11 -16
- package/examples/frontend/vue/src/App.vue +21 -25
- package/examples/frontend/vue/src/assets/base.css +84 -28
- package/examples/frontend/vue/src/assets/logo.svg +1 -0
- package/examples/frontend/vue/src/assets/main.css +34 -0
- package/examples/frontend/vue/src/auth.ts +1 -1
- package/examples/frontend/vue/src/automerge.ts +3 -14
- package/package.json +8 -10
- package/examples/frontend/react/src/assets/feathers.svg +0 -24
- package/examples/frontend/svelte/src/Counter.svelte +0 -33
- package/examples/frontend/svelte/src/assets/feathers.svg +0 -24
- package/examples/frontend/svelte/src/automerge.ts +0 -27
- package/examples/frontend/vanilla/public/feathers.svg +0 -24
- package/examples/frontend/vue/src/Counter.vue +0 -37
- package/examples/frontend/vue/src/assets/feathers.svg +0 -24
|
@@ -1,26 +1,20 @@
|
|
|
1
1
|
import { createClient } from '@feathersdev/auth'
|
|
2
|
+
import { createAutomerge } from '@feathersdev/automerge'
|
|
2
3
|
|
|
3
|
-
/**
|
|
4
|
-
* This is your public application id
|
|
5
|
-
*/
|
|
6
4
|
export const appId = '<your-app-id>'
|
|
7
5
|
|
|
8
|
-
/**
|
|
9
|
-
* The Feathers auth client instance. You can use it to get a token,
|
|
10
|
-
* retrieve the current user and to log in and out.
|
|
11
|
-
*/
|
|
12
6
|
export const auth = createClient({
|
|
13
7
|
appId,
|
|
14
8
|
onLoginRequired: async (error) => {
|
|
15
|
-
// Redirect to login page if a login is required
|
|
16
|
-
// You can also do other things here like show a modal before redirecting
|
|
17
9
|
window.location.href = await auth.getLoginUrl(error)
|
|
18
10
|
},
|
|
19
11
|
})
|
|
20
12
|
|
|
13
|
+
export const automerge = createAutomerge(auth)
|
|
14
|
+
|
|
21
15
|
/**
|
|
22
|
-
* Make an authenticated request
|
|
23
|
-
*
|
|
16
|
+
* Make an authenticated request using the fetch API or
|
|
17
|
+
* redirect to the login page if the user needs to log in.
|
|
24
18
|
*
|
|
25
19
|
* @param url The URL for the request
|
|
26
20
|
* @param options Additional request options.
|
|
@@ -1,21 +1,13 @@
|
|
|
1
1
|
<!doctype html>
|
|
2
2
|
<html lang="en">
|
|
3
|
-
|
|
4
|
-
<
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
<
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
<main class="w-96 mx-auto flex flex-col gap-4 text-center pt-10">
|
|
15
|
-
<img src="/feathers.svg" alt="feathers.dev Logo" />
|
|
16
|
-
<div id="app" class="flex flex-col gap-4"> Loading... </div>
|
|
17
|
-
</main>
|
|
18
|
-
<script type="module" src="/src/main.ts"></script>
|
|
19
|
-
</body>
|
|
20
|
-
|
|
21
|
-
</html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
|
+
<title>Vite + TS</title>
|
|
8
|
+
</head>
|
|
9
|
+
<body>
|
|
10
|
+
<div id="app"></div>
|
|
11
|
+
<script type="module" src="/src/main.ts"></script>
|
|
12
|
+
</body>
|
|
13
|
+
</html>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<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>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createAutomerge
|
|
1
|
+
import { createAutomerge } from '@feathersdev/automerge'
|
|
2
2
|
import { auth } from './auth.js'
|
|
3
3
|
|
|
4
4
|
/**
|
|
@@ -7,21 +7,10 @@ import { auth } from './auth.js'
|
|
|
7
7
|
*/
|
|
8
8
|
export const automerge = createAutomerge(auth)
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
* Add types for any data you want to store for your application
|
|
12
|
-
*/
|
|
13
|
-
export interface AppData {
|
|
10
|
+
interface AppData {
|
|
14
11
|
counter: number
|
|
15
12
|
}
|
|
16
13
|
|
|
17
|
-
|
|
18
|
-
* The document handle type for the application
|
|
19
|
-
*/
|
|
20
|
-
export type AppDocumentHandle = DocHandle<AppData>
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* Load the document for the application
|
|
24
|
-
*/
|
|
25
|
-
export async function loadAppDocument(): Promise<AppDocumentHandle> {
|
|
14
|
+
export async function getHandle() {
|
|
26
15
|
return automerge.find<AppData>()
|
|
27
16
|
}
|
|
@@ -1,35 +1,23 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { authFetch } from './auth.js'
|
|
2
|
+
import { getHandle } from './automerge.js'
|
|
3
3
|
import './style.css'
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
const handle = await loadAppDocument()
|
|
7
|
-
const user = await auth.getUser()
|
|
8
|
-
|
|
5
|
+
getHandle().then((handle) => {
|
|
9
6
|
document.querySelector<HTMLDivElement>('#app')!.innerHTML = `
|
|
10
|
-
|
|
11
|
-
<div class="
|
|
12
|
-
<
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
<strong id="counter" class="text-3xl pt-2 pb-3">0</strong>
|
|
16
|
-
<button id="increment" class="btn btn-primary">
|
|
17
|
-
Increment
|
|
18
|
-
</button>
|
|
19
|
-
</div>
|
|
7
|
+
<div>
|
|
8
|
+
<div class="wrapper">
|
|
9
|
+
<h1>Feathers Auth + TypeScript demo</h1>
|
|
10
|
+
<p>Our community counter is</p>
|
|
11
|
+
<h2 id="counter">...</h2>
|
|
20
12
|
</div>
|
|
13
|
+
</div>
|
|
21
14
|
`
|
|
22
15
|
|
|
23
16
|
handle.on('change', ({ doc }) => {
|
|
24
|
-
document.getElementById('
|
|
17
|
+
document.getElementById('message')!.innerHTML = doc.counter.toString()
|
|
25
18
|
})
|
|
26
19
|
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
handle.change((doc) => {
|
|
30
|
-
doc.counter = (doc.counter || 0) + 1
|
|
31
|
-
})
|
|
20
|
+
handle.change((doc) => {
|
|
21
|
+
doc.counter = (doc.counter || 0) + 1
|
|
32
22
|
})
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
main()
|
|
23
|
+
})
|
|
@@ -1,30 +1,96 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
2
|
+
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
3
|
+
line-height: 1.5;
|
|
4
|
+
font-weight: 400;
|
|
5
|
+
|
|
6
|
+
color-scheme: light dark;
|
|
7
|
+
color: rgba(255, 255, 255, 0.87);
|
|
8
|
+
background-color: #242424;
|
|
9
|
+
|
|
10
|
+
font-synthesis: none;
|
|
11
|
+
text-rendering: optimizeLegibility;
|
|
12
|
+
-webkit-font-smoothing: antialiased;
|
|
13
|
+
-moz-osx-font-smoothing: grayscale;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
a {
|
|
17
|
+
font-weight: 500;
|
|
18
|
+
color: #646cff;
|
|
19
|
+
text-decoration: inherit;
|
|
20
|
+
}
|
|
21
|
+
a:hover {
|
|
22
|
+
color: #535bf2;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
body {
|
|
26
|
+
margin: 0;
|
|
27
|
+
display: flex;
|
|
28
|
+
place-items: center;
|
|
29
|
+
min-width: 320px;
|
|
30
|
+
min-height: 100vh;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
h1 {
|
|
34
|
+
font-size: 3.2em;
|
|
35
|
+
line-height: 1.1;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
#app {
|
|
39
|
+
max-width: 1280px;
|
|
40
|
+
margin: 0 auto;
|
|
41
|
+
padding: 2rem;
|
|
42
|
+
text-align: center;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.logo {
|
|
46
|
+
height: 6em;
|
|
47
|
+
padding: 1.5em;
|
|
48
|
+
will-change: filter;
|
|
49
|
+
transition: filter 300ms;
|
|
50
|
+
}
|
|
51
|
+
.logo:hover {
|
|
52
|
+
filter: drop-shadow(0 0 2em #646cffaa);
|
|
53
|
+
}
|
|
54
|
+
.logo.vanilla:hover {
|
|
55
|
+
filter: drop-shadow(0 0 2em #3178c6aa);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.card {
|
|
59
|
+
padding: 2em;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.read-the-docs {
|
|
63
|
+
color: #888;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
button {
|
|
67
|
+
border-radius: 8px;
|
|
68
|
+
border: 1px solid transparent;
|
|
69
|
+
padding: 0.6em 1.2em;
|
|
70
|
+
font-size: 1em;
|
|
71
|
+
font-weight: 500;
|
|
72
|
+
font-family: inherit;
|
|
73
|
+
background-color: #1a1a1a;
|
|
74
|
+
cursor: pointer;
|
|
75
|
+
transition: border-color 0.25s;
|
|
76
|
+
}
|
|
77
|
+
button:hover {
|
|
78
|
+
border-color: #646cff;
|
|
79
|
+
}
|
|
80
|
+
button:focus,
|
|
81
|
+
button:focus-visible {
|
|
82
|
+
outline: 4px auto -webkit-focus-ring-color;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
@media (prefers-color-scheme: light) {
|
|
86
|
+
:root {
|
|
87
|
+
color: #213547;
|
|
88
|
+
background-color: #ffffff;
|
|
89
|
+
}
|
|
90
|
+
a:hover {
|
|
91
|
+
color: #747bff;
|
|
92
|
+
}
|
|
93
|
+
button {
|
|
94
|
+
background-color: #f9f9f9;
|
|
95
|
+
}
|
|
30
96
|
}
|
|
@@ -1,18 +1,13 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
2
|
<html lang="en">
|
|
3
|
-
|
|
4
|
-
<
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
<
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
<div id="app"></div>
|
|
15
|
-
<script type="module" src="/src/main.ts"></script>
|
|
16
|
-
</body>
|
|
17
|
-
|
|
18
|
-
</html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<link rel="icon" href="/favicon.ico">
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
7
|
+
<title>Vite App</title>
|
|
8
|
+
</head>
|
|
9
|
+
<body>
|
|
10
|
+
<div id="app"></div>
|
|
11
|
+
<script type="module" src="/src/main.ts"></script>
|
|
12
|
+
</body>
|
|
13
|
+
</html>
|
|
@@ -1,34 +1,30 @@
|
|
|
1
1
|
<script setup lang="ts">
|
|
2
|
-
import { ref
|
|
3
|
-
import {
|
|
4
|
-
import { loadAppDocument, type AppDocumentHandle } from './automerge.js'
|
|
5
|
-
import Counter from './Counter.vue'
|
|
6
|
-
import type { FeathersAuthUser } from '@feathersdev/auth'
|
|
7
|
-
import feathersLogo from './assets/feathers.svg'
|
|
2
|
+
import { ref } from 'vue'
|
|
3
|
+
import { automerge } from './automerge.js'
|
|
8
4
|
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
const user = ref<FeathersAuthUser | null>(null)
|
|
5
|
+
const handle = await automerge.find<{ counter: number }>()
|
|
6
|
+
const counter = ref<number>(0)
|
|
12
7
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
handle.value = await loadAppDocument()
|
|
17
|
-
// Get the current user
|
|
18
|
-
user.value = await auth.getUser()
|
|
19
|
-
}
|
|
8
|
+
handle.on('change', ({ doc }) => {
|
|
9
|
+
counter.value = doc.counter
|
|
10
|
+
})
|
|
20
11
|
|
|
21
|
-
|
|
22
|
-
|
|
12
|
+
async function incrementCounter() {
|
|
13
|
+
handle.change((doc) => {
|
|
14
|
+
doc.counter = (doc.counter || 0) + 1
|
|
15
|
+
})
|
|
16
|
+
}
|
|
23
17
|
</script>
|
|
24
18
|
|
|
25
19
|
<template>
|
|
26
|
-
<
|
|
27
|
-
<
|
|
28
|
-
|
|
29
|
-
<
|
|
30
|
-
<
|
|
20
|
+
<header>
|
|
21
|
+
<div class="wrapper">
|
|
22
|
+
<h1>feathers.dev Vue demo</h1>
|
|
23
|
+
<p>Our community counter is:</p>
|
|
24
|
+
<h2><strong>{{ counter }}</strong></h2>
|
|
25
|
+
<button @click="incrementCounter">
|
|
26
|
+
Increment
|
|
27
|
+
</button>
|
|
31
28
|
</div>
|
|
32
|
-
|
|
33
|
-
</main>
|
|
29
|
+
</header>
|
|
34
30
|
</template>
|
|
@@ -1,30 +1,86 @@
|
|
|
1
|
+
/* color palette from <https://github.com/vuejs/theme> */
|
|
1
2
|
:root {
|
|
2
|
-
--
|
|
3
|
-
--
|
|
4
|
-
--
|
|
5
|
-
|
|
6
|
-
--
|
|
7
|
-
--
|
|
8
|
-
--
|
|
9
|
-
|
|
10
|
-
--
|
|
11
|
-
|
|
12
|
-
--
|
|
13
|
-
--
|
|
14
|
-
--
|
|
15
|
-
--
|
|
16
|
-
|
|
17
|
-
--
|
|
18
|
-
--
|
|
19
|
-
--
|
|
20
|
-
--
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
--
|
|
26
|
-
--
|
|
27
|
-
--
|
|
28
|
-
|
|
29
|
-
--
|
|
3
|
+
--vt-c-white: #ffffff;
|
|
4
|
+
--vt-c-white-soft: #f8f8f8;
|
|
5
|
+
--vt-c-white-mute: #f2f2f2;
|
|
6
|
+
|
|
7
|
+
--vt-c-black: #181818;
|
|
8
|
+
--vt-c-black-soft: #222222;
|
|
9
|
+
--vt-c-black-mute: #282828;
|
|
10
|
+
|
|
11
|
+
--vt-c-indigo: #2c3e50;
|
|
12
|
+
|
|
13
|
+
--vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
|
|
14
|
+
--vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
|
|
15
|
+
--vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
|
|
16
|
+
--vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
|
|
17
|
+
|
|
18
|
+
--vt-c-text-light-1: var(--vt-c-indigo);
|
|
19
|
+
--vt-c-text-light-2: rgba(60, 60, 60, 0.66);
|
|
20
|
+
--vt-c-text-dark-1: var(--vt-c-white);
|
|
21
|
+
--vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
/* semantic color variables for this project */
|
|
25
|
+
:root {
|
|
26
|
+
--color-background: var(--vt-c-white);
|
|
27
|
+
--color-background-soft: var(--vt-c-white-soft);
|
|
28
|
+
--color-background-mute: var(--vt-c-white-mute);
|
|
29
|
+
|
|
30
|
+
--color-border: var(--vt-c-divider-light-2);
|
|
31
|
+
--color-border-hover: var(--vt-c-divider-light-1);
|
|
32
|
+
|
|
33
|
+
--color-heading: var(--vt-c-text-light-1);
|
|
34
|
+
--color-text: var(--vt-c-text-light-1);
|
|
35
|
+
|
|
36
|
+
--section-gap: 160px;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
@media (prefers-color-scheme: dark) {
|
|
40
|
+
:root {
|
|
41
|
+
--color-background: var(--vt-c-black);
|
|
42
|
+
--color-background-soft: var(--vt-c-black-soft);
|
|
43
|
+
--color-background-mute: var(--vt-c-black-mute);
|
|
44
|
+
|
|
45
|
+
--color-border: var(--vt-c-divider-dark-2);
|
|
46
|
+
--color-border-hover: var(--vt-c-divider-dark-1);
|
|
47
|
+
|
|
48
|
+
--color-heading: var(--vt-c-text-dark-1);
|
|
49
|
+
--color-text: var(--vt-c-text-dark-2);
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
*,
|
|
54
|
+
*::before,
|
|
55
|
+
*::after {
|
|
56
|
+
box-sizing: border-box;
|
|
57
|
+
margin: 0;
|
|
58
|
+
font-weight: normal;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
body {
|
|
62
|
+
min-height: 100vh;
|
|
63
|
+
color: var(--color-text);
|
|
64
|
+
background: var(--color-background);
|
|
65
|
+
transition:
|
|
66
|
+
color 0.5s,
|
|
67
|
+
background-color 0.5s;
|
|
68
|
+
line-height: 1.6;
|
|
69
|
+
font-family:
|
|
70
|
+
Inter,
|
|
71
|
+
-apple-system,
|
|
72
|
+
BlinkMacSystemFont,
|
|
73
|
+
'Segoe UI',
|
|
74
|
+
Roboto,
|
|
75
|
+
Oxygen,
|
|
76
|
+
Ubuntu,
|
|
77
|
+
Cantarell,
|
|
78
|
+
'Fira Sans',
|
|
79
|
+
'Droid Sans',
|
|
80
|
+
'Helvetica Neue',
|
|
81
|
+
sans-serif;
|
|
82
|
+
font-size: 15px;
|
|
83
|
+
text-rendering: optimizeLegibility;
|
|
84
|
+
-webkit-font-smoothing: antialiased;
|
|
85
|
+
-moz-osx-font-smoothing: grayscale;
|
|
30
86
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
|
|
@@ -1 +1,35 @@
|
|
|
1
1
|
@import './base.css';
|
|
2
|
+
|
|
3
|
+
#app {
|
|
4
|
+
max-width: 1280px;
|
|
5
|
+
margin: 0 auto;
|
|
6
|
+
padding: 2rem;
|
|
7
|
+
font-weight: normal;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
a,
|
|
11
|
+
.green {
|
|
12
|
+
text-decoration: none;
|
|
13
|
+
color: hsla(160, 100%, 37%, 1);
|
|
14
|
+
transition: 0.4s;
|
|
15
|
+
padding: 3px;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
@media (hover: hover) {
|
|
19
|
+
a:hover {
|
|
20
|
+
background-color: hsla(160, 100%, 37%, 0.2);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
@media (min-width: 1024px) {
|
|
25
|
+
body {
|
|
26
|
+
display: flex;
|
|
27
|
+
place-items: center;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
#app {
|
|
31
|
+
display: grid;
|
|
32
|
+
grid-template-columns: 1fr 1fr;
|
|
33
|
+
padding: 0 2rem;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
@@ -3,7 +3,7 @@ import { createClient } from '@feathersdev/auth'
|
|
|
3
3
|
/**
|
|
4
4
|
* This is your public application id
|
|
5
5
|
*/
|
|
6
|
-
export const appId = '
|
|
6
|
+
export const appId = '<your-app-id>'
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* The Feathers auth client instance. You can use it to get a token,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createAutomerge
|
|
1
|
+
import { createAutomerge } from '@feathersdev/automerge'
|
|
2
2
|
import { auth } from './auth.js'
|
|
3
3
|
|
|
4
4
|
/**
|
|
@@ -7,21 +7,10 @@ import { auth } from './auth.js'
|
|
|
7
7
|
*/
|
|
8
8
|
export const automerge = createAutomerge(auth)
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
* Add types for any data you want to store for your application
|
|
12
|
-
*/
|
|
13
|
-
export interface AppData {
|
|
10
|
+
interface AppData {
|
|
14
11
|
counter: number
|
|
15
12
|
}
|
|
16
13
|
|
|
17
|
-
|
|
18
|
-
* The document handle type for the application
|
|
19
|
-
*/
|
|
20
|
-
export type AppDocumentHandle = DocHandle<AppData>
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* Load the document for the application
|
|
24
|
-
*/
|
|
25
|
-
export async function loadAppDocument(): Promise<AppDocumentHandle> {
|
|
14
|
+
export async function getHandle() {
|
|
26
15
|
return automerge.find<AppData>()
|
|
27
16
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "create-feathersdev",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.12.0",
|
|
5
5
|
"description": "The feathers.dev CLI",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "Feathers Cloud Inc.",
|
|
@@ -51,17 +51,15 @@
|
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
53
|
"@featherscloud/pinion": "^0.5.5",
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
"@feathersjs/rest-client": "^5.0.33",
|
|
57
|
-
"chalk": "^5.4.1"
|
|
54
|
+
"chalk": "^5.6.2",
|
|
55
|
+
"talon-auth": "^0.12.0"
|
|
58
56
|
},
|
|
59
57
|
"devDependencies": {
|
|
60
|
-
"@cloudflare/workers-types": "^4.
|
|
61
|
-
"@types/node": "^
|
|
62
|
-
"api": "workspace
|
|
58
|
+
"@cloudflare/workers-types": "^4.20251008.0",
|
|
59
|
+
"@types/node": "^24.7.1",
|
|
60
|
+
"api": "workspace:*",
|
|
63
61
|
"shx": "^0.4.0",
|
|
64
|
-
"typescript": "^5.
|
|
62
|
+
"typescript": "^5.9.3"
|
|
65
63
|
},
|
|
66
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "40136b6e7837a28a5d894a1028c0144e987a4cb9"
|
|
67
65
|
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<svg width="607" height="99" viewBox="0 0 607 99" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<g clip-path="url(#clip0_3_192)">
|
|
3
|
-
<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"/>
|
|
4
|
-
<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"/>
|
|
5
|
-
<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"/>
|
|
6
|
-
<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"/>
|
|
7
|
-
<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"/>
|
|
8
|
-
<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"/>
|
|
9
|
-
<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"/>
|
|
10
|
-
<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"/>
|
|
11
|
-
<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"/>
|
|
12
|
-
<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"/>
|
|
13
|
-
<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"/>
|
|
14
|
-
<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"/>
|
|
15
|
-
<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"/>
|
|
16
|
-
<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"/>
|
|
17
|
-
<path d="M594.2 80.2L601.4 59.5H607L597.3 84.8H591L581.4 59.5H587L594.2 80.2Z" fill="white"/>
|
|
18
|
-
</g>
|
|
19
|
-
<defs>
|
|
20
|
-
<clipPath id="clip0_3_192">
|
|
21
|
-
<rect width="607" height="98.7" fill="white"/>
|
|
22
|
-
</clipPath>
|
|
23
|
-
</defs>
|
|
24
|
-
</svg>
|