@stonecrop/nuxt 0.13.8 → 0.13.10

package/src/cli/utils/templates.ts

@@ -0,0 +1,34 @@
+/**
+ * Template loading for CLI installers
+ *
+ * Templates live in the package's templates/ directory (shipped via the
+ * "files" field in package.json). There is deliberately no inline fallback:
+ * a missing template means a broken installation (wrong dist layout or
+ * corrupted install), and failing loudly beats scaffolding a silently
+ * broken app from stale duplicated content.
+ */
+
+import { existsSync } from 'node:fs'
+import { readFile } from 'node:fs/promises'
+import { join, dirname } from 'pathe'
+import { fileURLToPath } from 'node:url'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+
+/**
+ * Load a template file from the package's templates/ directory
+ * @throws if the template file cannot be found
+ */
+export async function loadTemplate(filename: string): Promise<string> {
+	// utils/ -> cli/ -> src/ -> package root
+	const templatePath = join(__dirname, '..', '..', '..', 'templates', filename)
+
+	if (!existsSync(templatePath)) {
+		throw new Error(
+			`Template not found: ${templatePath}. ` +
+				'The @stonecrop/nuxt package installation appears to be incomplete — try reinstalling.'
+		)
+	}
+
+	return readFile(templatePath, 'utf-8')
+}

package/templates/Project.json

@@ -0,0 +1,56 @@
+{
+	"name": "Project",
+	"slug": "project",
+	"fields": [
+		{
+			"fieldname": "id",
+			"label": "ID",
+			"component": "ATextInput",
+			"fieldtype": "Data",
+			"mode": "display"
+		},
+		{
+			"fieldname": "title",
+			"label": "Title",
+			"component": "ATextInput",
+			"fieldtype": "Data",
+			"required": true
+		},
+		{
+			"fieldname": "description",
+			"label": "Description",
+			"component": "ATextarea",
+			"fieldtype": "Text"
+		},
+		{
+			"fieldname": "status",
+			"label": "Status",
+			"component": "ADropdown",
+			"fieldtype": "Select",
+			"options": ["Active", "Archived"],
+			"default": "Active"
+		},
+		{
+			"fieldname": "createdAt",
+			"label": "Created At",
+			"component": "ATextInput",
+			"fieldtype": "Datetime",
+			"mode": "display"
+		}
+	],
+	"workflow": {
+		"states": ["Active", "Archived"],
+		"actions": {
+			"save": {
+				"label": "Save",
+				"handler": "project:save"
+			},
+			"archive": {
+				"label": "Archive Project",
+				"handler": "archive_project",
+				"allowedStates": ["Active"],
+				"confirm": true
+			}
+		}
+	}
+}

package/templates/Task.json

@@ -0,0 +1,74 @@
+{
+	"name": "Task",
+	"slug": "task",
+	"fields": [
+		{
+			"fieldname": "id",
+			"label": "ID",
+			"component": "ATextInput",
+			"fieldtype": "Data",
+			"mode": "display"
+		},
+		{
+			"fieldname": "title",
+			"label": "Title",
+			"component": "ATextInput",
+			"fieldtype": "Data",
+			"required": true
+		},
+		{
+			"fieldname": "projectId",
+			"label": "Project",
+			"component": "ACombobox",
+			"fieldtype": "Link",
+			"options": "project",
+			"required": true
+		},
+		{
+			"fieldname": "status",
+			"label": "Status",
+			"component": "ADropdown",
+			"fieldtype": "Select",
+			"options": ["Todo", "In Progress", "Done"],
+			"default": "Todo"
+		},
+		{
+			"fieldname": "description",
+			"label": "Description",
+			"component": "ATextarea",
+			"fieldtype": "Text"
+		},
+		{
+			"fieldname": "dueDate",
+			"label": "Due Date",
+			"component": "ADatepicker",
+			"fieldtype": "Date"
+		},
+		{
+			"fieldname": "createdAt",
+			"label": "Created At",
+			"component": "ATextInput",
+			"fieldtype": "Datetime",
+			"mode": "display"
+		}
+	],
+	"workflow": {
+		"states": ["Todo", "In Progress", "Done"],
+		"actions": {
+			"save": {
+				"label": "Save",
+				"handler": "task:save"
+			},
+			"start_task": {
+				"label": "Start Task",
+				"handler": "start_task",
+				"allowedStates": ["Todo"]
+			},
+			"complete_task": {
+				"label": "Complete",
+				"handler": "complete_task",
+				"allowedStates": ["In Progress"]
+			}
+		}
+	}
+}

package/templates/data.ts

@@ -0,0 +1,90 @@
+/**
+ * In-memory data store
+ *
+ * This module holds the in-memory Maps used as the data layer for this app.
+ * Both server/resolvers.ts (for reading) and server/plugins/stonecrop.ts (for
+ * writing via action handlers) import from here.
+ *
+ * To connect a real database, replace this module with your PostGraphile + pgClient setup.
+ * See: https://stonecrop.io/docs/guides/postgraphile
+ */
+
+export interface Project {
+	id: string
+	title: string
+	description: string
+	status: 'Active' | 'Archived'
+	createdAt: string
+}
+
+export interface Task {
+	id: string
+	title: string
+	projectId: string
+	status: 'Todo' | 'In Progress' | 'Done'
+	description: string
+	dueDate: string | null
+	createdAt: string
+}
+
+export const projects = new Map<string, Project>([
+	[
+		'1',
+		{
+			id: '1',
+			title: 'Website Redesign',
+			description: 'Redesign the company website with a modern look and feel',
+			status: 'Active',
+			createdAt: '2025-01-01T00:00:00Z',
+		},
+	],
+	[
+		'2',
+		{
+			id: '2',
+			title: 'Mobile App',
+			description: 'Build the iOS and Android app for field staff',
+			status: 'Active',
+			createdAt: '2025-01-02T00:00:00Z',
+		},
+	],
+])
+
+export const tasks = new Map<string, Task>([
+	[
+		'1',
+		{
+			id: '1',
+			title: 'Create wireframes',
+			projectId: '1',
+			status: 'Todo',
+			description: 'Draft initial wireframes for all main pages',
+			dueDate: '2025-02-01',
+			createdAt: '2025-01-05T00:00:00Z',
+		},
+	],
+	[
+		'2',
+		{
+			id: '2',
+			title: 'Set up design system',
+			projectId: '1',
+			status: 'In Progress',
+			description: 'Configure colors, typography, and component library',
+			dueDate: null,
+			createdAt: '2025-01-06T00:00:00Z',
+		},
+	],
+	[
+		'3',
+		{
+			id: '3',
+			title: 'Define API contract',
+			projectId: '2',
+			status: 'Todo',
+			description: 'Document all API endpoints needed for the mobile app',
+			dueDate: '2025-01-20',
+			createdAt: '2025-01-07T00:00:00Z',
+		},
+	],
+])

package/templates/index.vue

@@ -0,0 +1,98 @@
+<template>
+	<ClientOnly>
+		<Desktop
+			:available-doctypes="availableDoctypes"
+			:route-adapter="routeAdapter"
+			@action="handleAction"
+			@load-records="handleLoadRecords"
+			@load-record="handleLoadRecord" />
+		<template #fallback>
+			<div class="sc-loading">
+				<p>Loading...</p>
+			</div>
+		</template>
+	</ClientOnly>
+</template>
+
+<script setup lang="ts">
+import {
+	Desktop,
+	type ActionEventPayload,
+	type LoadRecordEventPayload,
+	type LoadRecordsEventPayload,
+} from '@stonecrop/desktop'
+import { useStonecrop } from '@stonecrop/stonecrop'
+
+import { useRouteAdapter } from '~/composables/useRouteAdapter'
+import {
+	doctypeMap,
+	useDoctypeConfig,
+	fetchDoctypeRecords,
+	fetchDoctypeRecord,
+	runDoctypeAction,
+} from '~/composables/useDoctypes'
+
+const routeAdapter = useRouteAdapter()
+const { stonecrop } = useStonecrop()
+
+const availableDoctypes = computed(() => Array.from(doctypeMap.keys()))
+
+async function handleLoadRecords(payload: LoadRecordsEventPayload) {
+	const doctypeConfig = useDoctypeConfig(payload.doctype)
+	if (!doctypeConfig || !stonecrop.value) return
+
+	try {
+		const { data } = await fetchDoctypeRecords({ name: doctypeConfig.name })
+		for (const record of data) {
+			const recordId = record.id as string
+			if (recordId) stonecrop.value.addRecord(payload.doctype, recordId, record)
+		}
+	} catch (error) {
+		console.error('Failed to load records:', error)
+	}
+}
+
+async function handleLoadRecord(payload: LoadRecordEventPayload) {
+	if (!stonecrop.value || payload.recordId.startsWith('new-')) return
+
+	const doctypeConfig = useDoctypeConfig(payload.doctype)
+	if (!doctypeConfig) return
+
+	try {
+		const record = await fetchDoctypeRecord({ name: doctypeConfig.name }, payload.recordId)
+		if (record) stonecrop.value.addRecord(payload.doctype, payload.recordId, record)
+	} catch (error) {
+		console.error('Failed to load record:', error)
+	}
+}
+
+async function handleAction(payload: ActionEventPayload) {
+	const doctypeConfig = useDoctypeConfig(payload.doctype)
+	if (!doctypeConfig) return
+
+	try {
+		const result = await runDoctypeAction(doctypeConfig, payload.name, {
+			id: payload.recordId,
+			data: payload.data,
+		})
+
+		if (result.success && result.data && stonecrop.value && payload.recordId) {
+			stonecrop.value.addRecord(payload.doctype, payload.recordId, result.data as Record<string, unknown>)
+		}
+
+		if (!result.success) console.error('Action failed:', result.error)
+	} catch (error) {
+		console.error('Action error:', error)
+	}
+}
+</script>
+
+<style>
+.sc-loading {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	min-height: 50vh;
+	color: #666;
+}
+</style>