@stonecrop/nuxt 0.13.8 → 0.13.10

package/templates/stonecrop.ts

@@ -0,0 +1,82 @@
+/**
+ * Stonecrop Server Plugin
+ *
+ * Runs at server startup (Nitro plugin) to:
+ * 1. Load doctype definitions from the doctypes/ directory
+ * 2. Register built-in action handlers (validation, etc.)
+ * 3. Register custom workflow action handlers
+ *
+ * Action handlers receive (args, context) where args is the array sent by the
+ * client — the app's frontend (app/composables/useDoctypes.ts) sends a single
+ * `{ id, data? }` object per action — and context.doctype is the DoctypeMeta
+ * for the doctype being acted upon. For this in-memory setup, data is imported
+ * directly from server/data.ts. In production with PostGraphile, context.pgClient
+ * provides an active database connection instead — see:
+ * https://stonecrop.io/docs/guides/postgraphile
+ */
+
+import { resolve } from 'node:path'
+import { clearRegistry, loadDoctypes, registerBuiltinHandlers, registerHandler } from '@stonecrop/graphql-middleware'
+import { projects, tasks, type Project, type Task } from '../data'
+
+/** Action argument shape sent by the frontend (see runDoctypeAction in useDoctypes.ts) */
+type ActionArgs = [{ id: string; data?: Record<string, unknown> }]
+
+export default defineNitroPlugin(async () => {
+	clearRegistry()
+
+	const doctypesDir = resolve(process.cwd(), 'doctypes')
+	loadDoctypes(doctypesDir, { continueOnError: true })
+
+	registerBuiltinHandlers()
+
+	// Persist form edits to a Project
+	registerHandler('project:save', async (args: unknown[]) => {
+		const [{ id, data }] = args as ActionArgs
+		const project = projects.get(id)
+		if (!project) throw new Error(`Project not found: ${id}`)
+		const updated = { ...project, ...data, id } as Project
+		projects.set(id, updated)
+		return updated
+	})
+
+	// Persist form edits to a Task
+	registerHandler('task:save', async (args: unknown[]) => {
+		const [{ id, data }] = args as ActionArgs
+		const task = tasks.get(id)
+		if (!task) throw new Error(`Task not found: ${id}`)
+		const updated = { ...task, ...data, id } as Task
+		tasks.set(id, updated)
+		return updated
+	})
+
+	// Transition a Task from Todo → In Progress
+	registerHandler('start_task', async (args: unknown[]) => {
+		const [{ id }] = args as ActionArgs
+		const task = tasks.get(id)
+		if (!task) throw new Error(`Task not found: ${id}`)
+		const updated = { ...task, status: 'In Progress' as const }
+		tasks.set(id, updated)
+		return updated
+	})
+
+	// Transition a Task from In Progress → Done
+	registerHandler('complete_task', async (args: unknown[]) => {
+		const [{ id }] = args as ActionArgs
+		const task = tasks.get(id)
+		if (!task) throw new Error(`Task not found: ${id}`)
+		const updated = { ...task, status: 'Done' as const }
+		tasks.set(id, updated)
+		return updated
+	})
+
+	// Transition a Project from Active → Archived
+	registerHandler('archive_project', async (args: unknown[]) => {
+		const [{ id }] = args as ActionArgs
+		const project = projects.get(id)
+		if (!project) throw new Error(`Project not found: ${id}`)
+		const updated = { ...project, status: 'Archived' as const }
+		projects.set(id, updated)
+		return updated
+	})
+})

package/templates/useDoctypes.ts

@@ -0,0 +1,53 @@
+import type { DoctypeRef } from '@stonecrop/schema'
+import type { DoctypeConfig } from '@stonecrop/stonecrop'
+import { useNuxtApp } from 'nuxt/app'
+
+const modules = import.meta.glob<DoctypeConfig>('../../doctypes/*.json', {
+	eager: true,
+	import: 'default',
+})
+
+export const doctypeMap = new Map<string, DoctypeConfig>()
+
+for (const [path, doctype] of Object.entries(modules)) {
+	const filename = path.split('/').pop()!.replace('.json', '')
+	const slug = filename
+		.replace(/([a-z])([A-Z])/g, '$1-$2')
+		.replace(/[\s_]+/g, '-')
+		.toLowerCase()
+	doctypeMap.set(slug, doctype)
+}
+
+export function useDoctypeConfig(slug: string): DoctypeConfig | undefined {
+	return doctypeMap.get(slug)
+}
+
+export async function fetchDoctypeRecords(doctype: DoctypeRef, limit = 200): Promise<{ data: any[]; count: number }> {
+	const { $stonecropClient } = useNuxtApp()
+	const data = (await $stonecropClient.getRecords({ name: doctype.name }, { limit })) as any[]
+	return { data, count: data.length }
+}
+
+export async function fetchDoctypeRecord(
+	doctype: DoctypeRef,
+	recordId: string
+): Promise<Record<string, unknown> | null> {
+	const { $stonecropClient } = useNuxtApp()
+	const result = await $stonecropClient.getRecord(doctype, recordId)
+	return result.record
+}
+
+export interface ActionResult {
+	success: boolean
+	data?: unknown
+	error?: string | null
+}
+
+export async function runDoctypeAction(
+	doctype: DoctypeConfig,
+	action: string,
+	args: { id: string; data?: Record<string, unknown> }
+): Promise<ActionResult> {
+	const { $stonecropClient } = useNuxtApp()
+	return $stonecropClient.runAction({ name: doctype.name }, action, [args])
+}

package/templates/useRouteAdapter.ts

@@ -0,0 +1,36 @@
+import type { NavigationTarget, RouteAdapter } from '@stonecrop/desktop'
+import { navigateTo, useRoute } from 'nuxt/app'
+
+export function useRouteAdapter(): RouteAdapter {
+	const route = useRoute()
+
+	const getCurrentDoctype = (): string => {
+		const pathMatch = route.params.pathMatch as string[] | undefined
+		if (pathMatch && pathMatch.length > 0) return pathMatch[0] ?? ''
+		return ''
+	}
+
+	const getCurrentRecordId = (): string => {
+		const pathMatch = route.params.pathMatch as string[] | undefined
+		if (pathMatch && pathMatch.length > 1) return pathMatch[1] ?? ''
+		return ''
+	}
+
+	const getCurrentView = (): 'doctypes' | 'records' | 'record' => {
+		if (!getCurrentDoctype()) return 'doctypes'
+		if (getCurrentRecordId()) return 'record'
+		return 'records'
+	}
+
+	const navigate = async (target: NavigationTarget): Promise<void> => {
+		if (target.view === 'doctypes') {
+			await navigateTo('/')
+		} else if (target.view === 'records' && target.doctype) {
+			await navigateTo(`/${target.doctype}`)
+		} else if (target.view === 'record' && target.doctype && target.recordId) {
+			await navigateTo(`/${target.doctype}/${target.recordId}`)
+		}
+	}
+
+	return { getCurrentDoctype, getCurrentRecordId, getCurrentView, navigate }
+}

package/templates/Example.json

@@ -1,84 +0,0 @@
-{
-	"name": "Example",
-	"slug": "example/:id",
-	"fields": [
-		{
-			"fieldname": "id",
-			"fieldtype": "Data",
-			"label": "ID",
-			"readOnly": true
-		},
-		{
-			"fieldname": "title",
-			"fieldtype": "Data",
-			"label": "Title",
-			"required": true,
-			"width": "30ch"
-		},
-		{
-			"fieldname": "description",
-			"fieldtype": "Text",
-			"label": "Description"
-		},
-		{
-			"fieldname": "status",
-			"fieldtype": "Select",
-			"label": "Status",
-			"options": ["Draft", "Active", "Archived"],
-			"default": "Draft"
-		},
-		{
-			"fieldname": "priority",
-			"fieldtype": "Select",
-			"label": "Priority",
-			"options": ["Low", "Medium", "High"],
-			"default": "Medium"
-		},
-		{
-			"fieldname": "assignee",
-			"fieldtype": "Link",
-			"label": "Assignee",
-			"options": "User"
-		},
-		{
-			"fieldname": "dueDate",
-			"fieldtype": "Date",
-			"label": "Due Date"
-		},
-		{
-			"fieldname": "createdAt",
-			"fieldtype": "Datetime",
-			"label": "Created At",
-			"readOnly": true
-		},
-		{
-			"fieldname": "updatedAt",
-			"fieldtype": "Datetime",
-			"label": "Updated At",
-			"readOnly": true
-		}
-	],
-	"workflow": {
-		"states": ["Draft", "Active", "Archived"],
-		"actions": {
-			"activate": {
-				"label": "Activate",
-				"handler": "activate_example",
-				"allowedStates": ["Draft"],
-				"confirm": true
-			},
-			"archive": {
-				"label": "Archive",
-				"handler": "archive_example",
-				"allowedStates": ["Active"],
-				"confirm": true
-			},
-			"reopen": {
-				"label": "Reopen",
-				"handler": "reopen_example",
-				"allowedStates": ["Archived"],
-				"confirm": false
-			}
-		}
-	}
-}

package/templates/example-table.json

@@ -1,58 +0,0 @@
-{
-	"name": "Example",
-	"slug": "example",
-	"schema": [
-		{
-			"component": "ATable",
-			"columns": [
-				{
-					"name": "id",
-					"label": "ID",
-					"fieldtype": "Data",
-					"width": "8ch"
-				},
-				{
-					"name": "title",
-					"label": "Title",
-					"fieldtype": "Data",
-					"width": "25ch"
-				},
-				{
-					"name": "status",
-					"label": "Status",
-					"fieldtype": "Data",
-					"width": "10ch"
-				},
-				{
-					"name": "priority",
-					"label": "Priority",
-					"fieldtype": "Data",
-					"width": "10ch"
-				},
-				{
-					"name": "assignee",
-					"label": "Assignee",
-					"fieldtype": "Data",
-					"width": "15ch"
-				},
-				{
-					"name": "dueDate",
-					"label": "Due Date",
-					"fieldtype": "Date",
-					"width": "12ch"
-				},
-				{
-					"name": "createdAt",
-					"label": "Created",
-					"fieldtype": "Datetime",
-					"width": "18ch"
-				}
-			],
-			"config": {
-				"view": "list",
-				"sortable": true,
-				"filterable": true
-			}
-		}
-	]
-}