@ekrist1/vulse 0.1.6-alpha.3 → 0.1.7-alpha.4

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.
Files changed (264) hide show
  1. package/dist/cli/migrate.d.ts.map +1 -1
  2. package/dist/cli/migrate.js +3 -4
  3. package/dist/cli/setup.d.ts.map +1 -1
  4. package/dist/cli/setup.js +11 -10
  5. package/dist/core/blueprints/compile.d.ts +1 -1
  6. package/dist/core/blueprints/compile.d.ts.map +1 -1
  7. package/dist/core/blueprints/compile.js +3 -3
  8. package/dist/core/blueprints/mutations.js +2 -2
  9. package/dist/core/forms/rate-limit.d.ts +1 -1
  10. package/dist/core/forms/rate-limit.d.ts.map +1 -1
  11. package/dist/core/forms/rate-limit.js +3 -3
  12. package/dist/core/forms/unique.d.ts +1 -1
  13. package/dist/core/forms/unique.d.ts.map +1 -1
  14. package/dist/core/forms/unique.js +4 -4
  15. package/dist/core/globals/compile.d.ts +1 -1
  16. package/dist/core/globals/compile.d.ts.map +1 -1
  17. package/dist/core/globals/compile.js +2 -2
  18. package/dist/core/globals/definition.d.ts +1 -1
  19. package/dist/core/globals/definition.d.ts.map +1 -1
  20. package/dist/core/globals/definition.js +3 -3
  21. package/dist/core/repos/globals.js +3 -3
  22. package/dist/core/sha256.d.ts +3 -0
  23. package/dist/core/sha256.d.ts.map +1 -0
  24. package/dist/core/sha256.js +9 -0
  25. package/dist/integration/index.js +1 -1
  26. package/dist/integration/install-hook.d.ts.map +1 -1
  27. package/dist/integration/install-hook.js +6 -4
  28. package/dist/integration/wrangler-config.d.ts +12 -0
  29. package/dist/integration/wrangler-config.d.ts.map +1 -0
  30. package/dist/integration/wrangler-config.js +97 -0
  31. package/dist/integration/wrangler-patch.d.ts +1 -0
  32. package/dist/integration/wrangler-patch.d.ts.map +1 -1
  33. package/dist/integration/wrangler-patch.js +2 -1
  34. package/dist/server/routes/form-submit.js +1 -1
  35. package/dist/version.d.ts +1 -1
  36. package/dist/version.js +1 -1
  37. package/package.json +11 -3
  38. package/src/admin/assets/logo-mark.svg +5 -0
  39. package/src/admin/client/active-locale.ts +17 -0
  40. package/src/admin/client/api.ts +21 -0
  41. package/src/admin/client/form-from-zod.ts +7 -0
  42. package/src/admin/client/live-preview-enabled.ts +5 -0
  43. package/src/admin/components/AdminShell.astro +45 -0
  44. package/src/admin/components/AuthSettings.vue +60 -0
  45. package/src/admin/components/BlockEditor.vue +53 -0
  46. package/src/admin/components/BlueprintEditor.vue +1783 -0
  47. package/src/admin/components/CollectionKindIcon.vue +26 -0
  48. package/src/admin/components/CollectionTree.vue +220 -0
  49. package/src/admin/components/EntryEditorWithPreview.vue +130 -0
  50. package/src/admin/components/EntryForm.vue +411 -0
  51. package/src/admin/components/EntryList.vue +121 -0
  52. package/src/admin/components/EntryStatusBadge.vue +24 -0
  53. package/src/admin/components/FormEditor.vue +233 -0
  54. package/src/admin/components/FormList.vue +54 -0
  55. package/src/admin/components/GlobalSetEditor.vue +272 -0
  56. package/src/admin/components/GlobalSetList.vue +55 -0
  57. package/src/admin/components/LivePreviewPanel.vue +171 -0
  58. package/src/admin/components/LoginForm.vue +53 -0
  59. package/src/admin/components/MediaLibrary.vue +106 -0
  60. package/src/admin/components/MediaPicker.vue +49 -0
  61. package/src/admin/components/RevisionDiff.vue +11 -0
  62. package/src/admin/components/RevisionList.vue +134 -0
  63. package/src/admin/components/SeoFields.vue +113 -0
  64. package/src/admin/components/SetEditor.vue +137 -0
  65. package/src/admin/components/SetList.vue +32 -0
  66. package/src/admin/components/SettingsForm.vue +189 -0
  67. package/src/admin/components/SideNav.vue +152 -0
  68. package/src/admin/components/SubmissionDetail.vue +45 -0
  69. package/src/admin/components/SubmissionList.vue +89 -0
  70. package/src/admin/components/ToastHost.vue +33 -0
  71. package/src/admin/components/TreeRow.vue +163 -0
  72. package/src/admin/components/UserEditor.vue +186 -0
  73. package/src/admin/components/UserList.vue +46 -0
  74. package/src/admin/components/blocks/BlockItem.vue +32 -0
  75. package/src/admin/components/blocks/BlockToolbar.vue +12 -0
  76. package/src/admin/components/blocks/edit/CodeEdit.vue +18 -0
  77. package/src/admin/components/blocks/edit/EmbedEdit.vue +14 -0
  78. package/src/admin/components/blocks/edit/HeadingEdit.vue +19 -0
  79. package/src/admin/components/blocks/edit/ImageEdit.vue +40 -0
  80. package/src/admin/components/blocks/edit/ListEdit.vue +36 -0
  81. package/src/admin/components/blocks/edit/ParagraphEdit.vue +14 -0
  82. package/src/admin/components/blocks/edit/QuoteEdit.vue +18 -0
  83. package/src/admin/components/fields/BlocksField.vue +123 -0
  84. package/src/admin/components/fields/BlocksSetsPicker.vue +59 -0
  85. package/src/admin/components/fields/BoolField.vue +10 -0
  86. package/src/admin/components/fields/DateField.vue +22 -0
  87. package/src/admin/components/fields/EntriesField.vue +153 -0
  88. package/src/admin/components/fields/EntryField.vue +138 -0
  89. package/src/admin/components/fields/EnumField.vue +81 -0
  90. package/src/admin/components/fields/FieldRenderer.vue +87 -0
  91. package/src/admin/components/fields/GridField.vue +173 -0
  92. package/src/admin/components/fields/LinkField.vue +219 -0
  93. package/src/admin/components/fields/MediaField.vue +69 -0
  94. package/src/admin/components/fields/NumberField.vue +12 -0
  95. package/src/admin/components/fields/ObjectField.vue +18 -0
  96. package/src/admin/components/fields/RefField.vue +170 -0
  97. package/src/admin/components/fields/RepeaterField.vue +27 -0
  98. package/src/admin/components/fields/ReplicatorField.vue +121 -0
  99. package/src/admin/components/fields/TextField.vue +11 -0
  100. package/src/admin/components/fields/TextareaField.vue +11 -0
  101. package/src/admin/components/fields/VulseAccordionGroupNodeView.vue +82 -0
  102. package/src/admin/components/fields/VulseAccordionNodeView.vue +128 -0
  103. package/src/admin/components/fields/VulseCalloutNodeView.vue +81 -0
  104. package/src/admin/components/fields/VulseIframeNodeView.vue +112 -0
  105. package/src/admin/components/fields/VulseSetNodeView.vue +68 -0
  106. package/src/admin/components/fields/VulseVideoNodeView.vue +104 -0
  107. package/src/admin/components/fields/blocks-editor-extensions.ts +26 -0
  108. package/src/admin/components/fields/emoji-extension.ts +54 -0
  109. package/src/admin/components/fields/link-extension.ts +48 -0
  110. package/src/admin/components/fields/set-node-utils.ts +115 -0
  111. package/src/admin/components/fields/url-utils.ts +85 -0
  112. package/src/admin/components/fields/vulse-accordion-extension.ts +64 -0
  113. package/src/admin/components/fields/vulse-accordion-group-extension.ts +49 -0
  114. package/src/admin/components/fields/vulse-callout-extension.ts +53 -0
  115. package/src/admin/components/fields/vulse-iframe-extension.ts +96 -0
  116. package/src/admin/components/fields/vulse-set-extension.ts +66 -0
  117. package/src/admin/components/fields/vulse-video-extension.ts +65 -0
  118. package/src/admin/composables/toast.ts +35 -0
  119. package/src/admin/composables/useEntrySearch.ts +112 -0
  120. package/src/admin/composables/useSets.ts +31 -0
  121. package/src/admin/pages/collections/[name]/[id]/revisions.astro +27 -0
  122. package/src/admin/pages/collections/[name]/[id].astro +90 -0
  123. package/src/admin/pages/collections/[name]/index.astro +31 -0
  124. package/src/admin/pages/collections/[name]/new.astro +38 -0
  125. package/src/admin/pages/forms/[handle]/submissions/[id].astro +9 -0
  126. package/src/admin/pages/forms/[handle]/submissions/index.astro +9 -0
  127. package/src/admin/pages/forms/[handle].astro +9 -0
  128. package/src/admin/pages/forms/index.astro +7 -0
  129. package/src/admin/pages/forms/new.astro +7 -0
  130. package/src/admin/pages/index.astro +36 -0
  131. package/src/admin/pages/login.astro +14 -0
  132. package/src/admin/pages/media.astro +8 -0
  133. package/src/admin/pages/schema/[handle].astro +10 -0
  134. package/src/admin/pages/schema/new.astro +9 -0
  135. package/src/admin/pages/settings/auth.astro +9 -0
  136. package/src/admin/pages/settings/globals/[handle].astro +9 -0
  137. package/src/admin/pages/settings/globals/index.astro +7 -0
  138. package/src/admin/pages/settings/globals/new.astro +7 -0
  139. package/src/admin/pages/settings/index.astro +8 -0
  140. package/src/admin/pages/settings/sets/[handle].astro +9 -0
  141. package/src/admin/pages/settings/sets/index.astro +7 -0
  142. package/src/admin/pages/settings/sets/new.astro +7 -0
  143. package/src/admin/pages/users/[id].astro +10 -0
  144. package/src/admin/pages/users/index.astro +8 -0
  145. package/src/admin/styles/admin.css +166 -0
  146. package/src/core/access.ts +9 -0
  147. package/src/core/blocks/schema.ts +66 -0
  148. package/src/core/blueprints/code-to-definition.ts +156 -0
  149. package/src/core/blueprints/compile.ts +176 -0
  150. package/src/core/blueprints/define.ts +12 -0
  151. package/src/core/blueprints/definition.ts +185 -0
  152. package/src/core/blueprints/load.ts +144 -0
  153. package/src/core/blueprints/mutations.ts +236 -0
  154. package/src/core/blueprints/preview-path.ts +33 -0
  155. package/src/core/blueprints/reflect-fields.ts +305 -0
  156. package/src/core/blueprints/registry.ts +14 -0
  157. package/src/core/blueprints/seed.ts +20 -0
  158. package/src/core/blueprints/select-helpers.ts +30 -0
  159. package/src/core/blueprints/seo.ts +180 -0
  160. package/src/core/blueprints/types.ts +59 -0
  161. package/src/core/blueprints/zod-helpers.ts +86 -0
  162. package/src/core/db.ts +11 -0
  163. package/src/core/errors.ts +34 -0
  164. package/src/core/forms/compile.ts +84 -0
  165. package/src/core/forms/definition.ts +102 -0
  166. package/src/core/forms/rate-limit.ts +52 -0
  167. package/src/core/forms/unique.ts +38 -0
  168. package/src/core/globals/compile.ts +35 -0
  169. package/src/core/globals/definition.ts +27 -0
  170. package/src/core/locales.ts +45 -0
  171. package/src/core/migrations.ts +48 -0
  172. package/src/core/parse-content.ts +85 -0
  173. package/src/core/plugins/definition.ts +150 -0
  174. package/src/core/preview-content.ts +21 -0
  175. package/src/core/repos/entries.ts +504 -0
  176. package/src/core/repos/forms.ts +270 -0
  177. package/src/core/repos/globals.ts +179 -0
  178. package/src/core/repos/media.ts +106 -0
  179. package/src/core/repos/preview-sessions.ts +108 -0
  180. package/src/core/repos/revisions.ts +60 -0
  181. package/src/core/repos/settings.ts +23 -0
  182. package/src/core/schema.ts +244 -0
  183. package/src/core/sets/compile.ts +12 -0
  184. package/src/core/sets/definition.ts +10 -0
  185. package/src/core/sets/service.ts +82 -0
  186. package/src/core/sets/validate-tree.ts +57 -0
  187. package/src/core/sha256.ts +10 -0
  188. package/src/core/slug.ts +30 -0
  189. package/src/scaffold/collection-write.ts +83 -0
  190. package/src/scaffold/collection.ts +277 -0
  191. package/src/server/assets/live-preview-bridge.content.ts +2 -0
  192. package/src/server/assets/live-preview-bridge.js +535 -0
  193. package/src/server/better-auth.ts +82 -0
  194. package/src/server/cf-images.ts +34 -0
  195. package/src/server/cron.ts +37 -0
  196. package/src/server/email.ts +17 -0
  197. package/src/server/endpoints/api-auth.ts +10 -0
  198. package/src/server/endpoints/api-vulse-blueprints.ts +23 -0
  199. package/src/server/endpoints/api-vulse-entries-locales.ts +12 -0
  200. package/src/server/endpoints/api-vulse-entries-move.ts +7 -0
  201. package/src/server/endpoints/api-vulse-entries-publish.ts +7 -0
  202. package/src/server/endpoints/api-vulse-entries-tree.ts +7 -0
  203. package/src/server/endpoints/api-vulse-entries.ts +23 -0
  204. package/src/server/endpoints/api-vulse-form-handle.ts +30 -0
  205. package/src/server/endpoints/api-vulse-form-public.ts +7 -0
  206. package/src/server/endpoints/api-vulse-form-submit.ts +7 -0
  207. package/src/server/endpoints/api-vulse-form-upload.ts +7 -0
  208. package/src/server/endpoints/api-vulse-forms.ts +12 -0
  209. package/src/server/endpoints/api-vulse-globals-handle.ts +20 -0
  210. package/src/server/endpoints/api-vulse-globals-public-handle.ts +7 -0
  211. package/src/server/endpoints/api-vulse-globals-public.ts +7 -0
  212. package/src/server/endpoints/api-vulse-globals-value.ts +8 -0
  213. package/src/server/endpoints/api-vulse-globals.ts +12 -0
  214. package/src/server/endpoints/api-vulse-media-file.ts +7 -0
  215. package/src/server/endpoints/api-vulse-media-id.ts +12 -0
  216. package/src/server/endpoints/api-vulse-media.ts +12 -0
  217. package/src/server/endpoints/api-vulse-preview-bridge.ts +11 -0
  218. package/src/server/endpoints/api-vulse-preview-sessions-id.ts +10 -0
  219. package/src/server/endpoints/api-vulse-preview-sessions.ts +7 -0
  220. package/src/server/endpoints/api-vulse-preview-start.ts +7 -0
  221. package/src/server/endpoints/api-vulse-preview-stop.ts +7 -0
  222. package/src/server/endpoints/api-vulse-revisions-restore.ts +7 -0
  223. package/src/server/endpoints/api-vulse-revisions.ts +7 -0
  224. package/src/server/endpoints/api-vulse-search.ts +7 -0
  225. package/src/server/endpoints/api-vulse-sets.ts +23 -0
  226. package/src/server/endpoints/api-vulse-settings.ts +12 -0
  227. package/src/server/endpoints/api-vulse-users-id.ts +12 -0
  228. package/src/server/endpoints/api-vulse-users-reset-password.ts +7 -0
  229. package/src/server/endpoints/api-vulse-users-role.ts +9 -0
  230. package/src/server/endpoints/api-vulse-users.ts +7 -0
  231. package/src/server/endpoints/with-runtime.ts +11 -0
  232. package/src/server/env.ts +23 -0
  233. package/src/server/envelope.ts +21 -0
  234. package/src/server/forms/email.ts +11 -0
  235. package/src/server/forms/process-submission.ts +95 -0
  236. package/src/server/forms/queue.ts +25 -0
  237. package/src/server/forms/templates.ts +24 -0
  238. package/src/server/forms/webhook.ts +19 -0
  239. package/src/server/handler.ts +66 -0
  240. package/src/server/image-probe.ts +35 -0
  241. package/src/server/loader.ts +54 -0
  242. package/src/server/plugins.ts +214 -0
  243. package/src/server/preview.ts +25 -0
  244. package/src/server/r2.ts +13 -0
  245. package/src/server/routes/blueprints.ts +62 -0
  246. package/src/server/routes/entries.ts +255 -0
  247. package/src/server/routes/form-submit.ts +168 -0
  248. package/src/server/routes/form-upload.ts +100 -0
  249. package/src/server/routes/forms.ts +88 -0
  250. package/src/server/routes/globals-public.ts +30 -0
  251. package/src/server/routes/globals.ts +93 -0
  252. package/src/server/routes/media.ts +145 -0
  253. package/src/server/routes/preview-sessions.ts +76 -0
  254. package/src/server/routes/preview.ts +36 -0
  255. package/src/server/routes/revisions.ts +29 -0
  256. package/src/server/routes/search.ts +31 -0
  257. package/src/server/routes/sets.ts +40 -0
  258. package/src/server/routes/settings.ts +24 -0
  259. package/src/server/routes/users.ts +127 -0
  260. package/src/server/runtime.ts +99 -0
  261. package/src/server/sdk/collections.ts +98 -0
  262. package/src/server/sdk/index.ts +25 -0
  263. package/src/server/sdk/media.ts +11 -0
  264. package/src/server/sdk/search.ts +90 -0
package/src/admin/client/active-locale.ts ADDED
@@ -0,0 +1,17 @@
1
+ function readUrlLocaleParam(): string | null {
2
+ const search = (globalThis as { location?: { search?: string } }).location?.search
3
+ if (!search) return null
4
+ return new URLSearchParams(search).get('locale')
5
+ }
6
+
7
+ /** Resolve the active locale for admin entry editing. Prefer the URL on the client (source of truth after navigation). */
8
+ export function resolveActiveLocale(
9
+ supportedLocales: string[] | undefined,
10
+ entryLocale: string | undefined,
11
+ defaultLocale: string | undefined,
12
+ ): string {
13
+ const fallback = entryLocale ?? defaultLocale ?? 'default'
14
+ const raw = readUrlLocaleParam()
15
+ if (raw && (supportedLocales ?? []).includes(raw)) return raw
16
+ return fallback
17
+ }
package/src/admin/client/api.ts ADDED
@@ -0,0 +1,21 @@
1
+ export class AdminApiError extends Error {
2
+ constructor(public code: string, message: string, public details?: unknown, public status?: number) {
3
+ super(message)
4
+ this.name = 'AdminApiError'
5
+ }
6
+ }
7
+
8
+ async function request<T>(path: string, init?: RequestInit): Promise<T> {
9
+ const res = await fetch(path, { credentials: 'same-origin', ...init } as globalThis.RequestInit)
10
+ const body = await res.json() as { ok: true; data: T } | { ok: false; error: { code: string; message: string; details?: unknown } }
11
+ if (body.ok) return body.data
12
+ throw new AdminApiError(body.error.code, body.error.message, body.error.details, res.status)
13
+ }
14
+
15
+ export const adminApi = {
16
+ get: <T>(path: string) => request<T>(path),
17
+ post: <T>(path: string, body: unknown) => request<T>(path, { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(body) }),
18
+ put: <T>(path: string, body: unknown) => request<T>(path, { method: 'PUT', headers: { 'content-type': 'application/json' }, body: JSON.stringify(body) }),
19
+ patch: <T>(path: string, body: unknown) => request<T>(path, { method: 'PATCH', headers: { 'content-type': 'application/json' }, body: JSON.stringify(body) }),
20
+ delete: <T>(path: string) => request<T>(path, { method: 'DELETE' }),
21
+ }
package/src/admin/client/form-from-zod.ts ADDED
@@ -0,0 +1,7 @@
1
+ export {
2
+ reflectFields,
3
+ fieldDescriptorsFromBlueprint,
4
+ fieldDescriptorsFromDefinitions,
5
+ type FieldDescriptor,
6
+ type Widget,
7
+ } from '../../core/blueprints/reflect-fields.js'
package/src/admin/client/live-preview-enabled.ts ADDED
@@ -0,0 +1,5 @@
1
+ /** Normalize Astro/Vue boolean props (`false`, `"false"`, `0`, etc.). */
2
+ export function isLivePreviewEnabled(value: unknown): boolean {
3
+ if (value === false || value === 'false' || value === 0 || value === '0') return false
4
+ return true
5
+ }
package/src/admin/components/AdminShell.astro ADDED
@@ -0,0 +1,45 @@
1
+ ---
2
+ import '../styles/admin.css'
3
+ import SideNav from './SideNav.vue'
4
+ import ToastHost from './ToastHost.vue'
5
+ import { createDb } from '../../core/db.js'
6
+ import { getRuntimeEnv } from '../../server/env.js'
7
+ import { registryForRequest } from '../../core/blueprints/load.js'
8
+
9
+ interface Props { title: string; activePath?: string }
10
+ const { title, activePath } = Astro.props
11
+
12
+ const env = getRuntimeEnv()
13
+ const db = createDb(env.DB)
14
+ const registry = await registryForRequest(db)
15
+ const collections = registry.list().map((b) => ({
16
+ name: b.name,
17
+ label: b.label,
18
+ singleton: b.singleton,
19
+ }))
20
+
21
+ const vulseUser = (Astro.locals as { vulseUser?: { email?: string; role?: string } }).vulseUser
22
+ const userEmail = vulseUser?.email
23
+ const isAdmin = vulseUser?.role === 'admin'
24
+ ---
25
+ <!doctype html>
26
+ <html lang="en" class="vulse-admin">
27
+ <head>
28
+ <meta charset="utf-8" />
29
+ <meta name="viewport" content="width=device-width" />
30
+ <title>{title} — Vulse</title>
31
+ </head>
32
+ <body class="min-h-screen">
33
+ <div class="flex min-h-screen">
34
+ <SideNav
35
+ client:load
36
+ collections={collections}
37
+ activePath={activePath}
38
+ userEmail={userEmail}
39
+ isAdmin={isAdmin}
40
+ />
41
+ <main class="flex-1 overflow-auto p-8 max-w-6xl"><slot /></main>
42
+ </div>
43
+ <ToastHost client:load />
44
+ </body>
45
+ </html>
package/src/admin/components/AuthSettings.vue ADDED
@@ -0,0 +1,60 @@
1
+ <script setup lang="ts">
2
+ import { ref, onMounted } from 'vue'
3
+ import { adminApi } from '../client/api.js'
4
+
5
+ const allowMemberSignUp = ref(false)
6
+ const allowedDomains = ref<string[]>([])
7
+ const saving = ref(false)
8
+ const saved = ref(false)
9
+
10
+ async function load() {
11
+ const all = await adminApi.get<Record<string, unknown>>('/api/vulse/settings')
12
+ allowMemberSignUp.value = !!all.allowMemberSignUp
13
+ allowedDomains.value = (all.allowedSignUpDomains as string[]) ?? []
14
+ }
15
+
16
+ async function save() {
17
+ saving.value = true
18
+ saved.value = false
19
+ try {
20
+ await adminApi.put('/api/vulse/settings/allowMemberSignUp', { value: allowMemberSignUp.value })
21
+ await adminApi.put('/api/vulse/settings/allowedSignUpDomains', { value: allowedDomains.value })
22
+ saved.value = true
23
+ } finally {
24
+ saving.value = false
25
+ }
26
+ }
27
+
28
+ function onDomainsInput(e: Event) {
29
+ allowedDomains.value = (e.target as HTMLInputElement).value
30
+ .split(',')
31
+ .map((s) => s.trim())
32
+ .filter(Boolean)
33
+ }
34
+
35
+ onMounted(load)
36
+ </script>
37
+
38
+ <template>
39
+ <div class="vulse-panel max-w-md space-y-4">
40
+ <label class="flex items-center gap-2">
41
+ <input v-model="allowMemberSignUp" type="checkbox" class="rounded border-zinc-300" />
42
+ <span class="text-sm">Allow public member sign-up</span>
43
+ </label>
44
+ <label class="block">
45
+ <span class="vulse-label">Allowed email domains (comma-separated; blank = any)</span>
46
+ <input
47
+ :value="allowedDomains.join(', ')"
48
+ class="vulse-input mt-1"
49
+ placeholder="example.com, company.org"
50
+ @change="onDomainsInput"
51
+ />
52
+ </label>
53
+ <div class="flex items-center gap-3">
54
+ <button type="button" class="vulse-button-primary px-4 py-2 text-sm" :disabled="saving" @click="save">
55
+ {{ saving ? 'Saving…' : 'Save' }}
56
+ </button>
57
+ <span v-if="saved" class="text-sm text-zinc-500">Saved.</span>
58
+ </div>
59
+ </div>
60
+ </template>
package/src/admin/components/BlockEditor.vue ADDED
@@ -0,0 +1,53 @@
1
+ <script setup lang="ts">
2
+ import { ref, watch } from 'vue'
3
+ import type { Block } from '../../core/blocks/schema'
4
+ import BlockToolbar from './blocks/BlockToolbar.vue'
5
+ import BlockItem from './blocks/BlockItem.vue'
6
+ import { nanoid } from 'nanoid'
7
+
8
+ const props = defineProps<{ modelValue: Block[] }>()
9
+ const emit = defineEmits<{ (e: 'update:modelValue', v: Block[]): void }>()
10
+ const blocks = ref<Block[]>(props.modelValue ?? [])
11
+ watch(() => props.modelValue, (v) => { blocks.value = v ?? [] })
12
+ watch(blocks, (v) => emit('update:modelValue', v), { deep: true })
13
+
14
+ function add(type: Block['type']) {
15
+ const id = nanoid(8)
16
+ const empty: Block =
17
+ type === 'heading' ? { type, level: 2, text: '', id } :
18
+ type === 'paragraph' ? { type, text: '', id } :
19
+ type === 'image' ? { type, mediaId: '', alt: '', id } :
20
+ type === 'code' ? { type, language: 'ts', code: '', id } :
21
+ type === 'embed' ? { type, url: 'https://', id } :
22
+ type === 'quote' ? { type, text: '', id } :
23
+ { type: 'list', ordered: false, items: [''], id }
24
+ blocks.value = [...blocks.value, empty]
25
+ }
26
+
27
+ function update(i: number, b: Block) {
28
+ blocks.value = blocks.value.map((x, j) => (j === i ? b : x))
29
+ }
30
+
31
+ function remove(i: number) {
32
+ blocks.value = blocks.value.filter((_, j) => j !== i)
33
+ }
34
+
35
+ function move(i: number, dir: -1 | 1) {
36
+ const j = i + dir
37
+ if (j < 0 || j >= blocks.value.length) return
38
+ const next = [...blocks.value]
39
+ ;[next[i], next[j]] = [next[j], next[i]]
40
+ blocks.value = next
41
+ }
42
+ </script>
43
+
44
+ <template>
45
+ <div class="border rounded bg-white">
46
+ <div class="divide-y">
47
+ <BlockItem v-for="(b, i) in blocks" :key="b.id ?? i"
48
+ :block="b" :index="i" :total="blocks.length"
49
+ @update="update(i, $event)" @remove="remove(i)" @move="move(i, $event)" />
50
+ </div>
51
+ <BlockToolbar @add="add" />
52
+ </div>
53
+ </template>