@stonecrop/nuxt 0.13.8 → 0.13.10

package/dist/module.d.mts

@@ -48,7 +48,7 @@ type RouteStrategyFn = (doctypes: ParsedDoctype[]) => NuxtPage[];
 interface ModuleOptions {
     /** Enable the DocBuilder feature with /docbuilder routes */
     docbuilder?: boolean;
-    /** Path to doctypes folder relative to srcDir (defaults to 'doctypes', resolving to app/doctypes) */
+    /** Path to doctypes folder relative to the project root (defaults to 'doctypes') */
     doctypesDir?: string;
     /**
      * Path to the page component used for default slug-based routing.

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@stonecrop/nuxt",
   "configKey": "stonecrop",
-  "version": "0.13.8",
+  "version": "0.13.10",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -99,7 +99,7 @@ const module$1 = defineNuxtModule({
     const homepage = resolve("runtime/app/layouts/StonecropHome.vue");
     addLayout(homepage, "home");
     const appDir = nuxt.options.srcDir;
-    const doctypesDir = resolve(appDir, options.doctypesDir ?? "doctypes");
+    const doctypesDir = resolve(nuxt.options.rootDir, options.doctypesDir ?? "doctypes");
     nuxt.options.runtimeConfig.stonecrop = {
       ...nuxt.options.runtimeConfig.stonecrop ?? {},
       doctypesDir

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stonecrop/nuxt",
-  "version": "0.13.8",
+  "version": "0.13.10",
   "description": "Nuxt module for Stonecrop",
   "license": "MIT",
   "type": "module",
@@ -44,14 +44,14 @@
     "jiti": "^2.4.2",
     "pathe": "^2.0.3",
     "prompts": "^2.4.2",
-    "@stonecrop/atable": "0.13.8",
-    "@stonecrop/casl-middleware": "0.13.8",
-    "@stonecrop/node-editor": "0.13.8",
-    "@stonecrop/aform": "0.13.8",
-    "@stonecrop/graphql-middleware": "0.13.8",
-    "@stonecrop/nuxt-grafserv": "0.13.8",
-    "@stonecrop/stonecrop": "0.13.8",
-    "@stonecrop/schema": "0.13.8"
+    "@stonecrop/aform": "0.13.10",
+    "@stonecrop/casl-middleware": "0.13.10",
+    "@stonecrop/atable": "0.13.10",
+    "@stonecrop/node-editor": "0.13.10",
+    "@stonecrop/graphql-middleware": "0.13.10",
+    "@stonecrop/nuxt-grafserv": "0.13.10",
+    "@stonecrop/stonecrop": "0.13.10",
+    "@stonecrop/schema": "0.13.10"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",

package/src/cli/index.ts

@@ -144,7 +144,8 @@ export async function runInstaller(options: InstallerOptions): Promise<void> {
 	let stepNum = 2
 
 	if (selectedFeatures.graphql) {
-		consola.info(`${stepNum}. Update your GraphQL schema and resolvers:`)
+		consola.info(`${stepNum}. Your GraphQL server works out of the box with in-memory sample data.`)
+		consola.info(`   To connect a real database later, see:`)
 		consola.info(`   - server/schema.graphql`)
 		consola.info(`   - server/resolvers.ts`)
 		console.log()
@@ -161,8 +162,8 @@ export async function runInstaller(options: InstallerOptions): Promise<void> {
 
 	if (selectedFeatures.doctypes) {
 		consola.info(`${stepNum}. Customize your doctypes:`)
-		consola.info(`   - doctypes/Example.json`)
-		consola.info(`   - doctypes/example-table.json`)
+		consola.info(`   - doctypes/Project.json`)
+		consola.info(`   - doctypes/Task.json`)
 		console.log()
 	}
 

package/src/cli/installers/doctypes.ts

@@ -4,12 +4,10 @@
  */
 
 import { existsSync } from 'node:fs'
-import { mkdir, writeFile, readFile } from 'node:fs/promises'
-import { join, dirname } from 'pathe'
-import { fileURLToPath } from 'node:url'
+import { mkdir, writeFile } from 'node:fs/promises'
+import { join } from 'pathe'
 import consola from 'consola'
-
-const __dirname = dirname(fileURLToPath(import.meta.url))
+import { loadTemplate } from '../utils/templates'
 
 export interface DoctypesInstallerOptions {
 	cwd: string
@@ -32,24 +30,24 @@ export async function installDoctypes(options: DoctypesInstallerOptions): Promis
 			consola.info('Created doctypes/ directory')
 		}
 
-		// Scaffold Example.json (form doctype)
-		const examplePath = join(doctypesDir, 'Example.json')
-		if (!existsSync(examplePath)) {
-			const exampleTemplate = await loadTemplate('Example.json')
-			await writeFile(examplePath, exampleTemplate, 'utf-8')
-			consola.info('Created doctypes/Example.json')
+		// Scaffold Project.json
+		const projectPath = join(doctypesDir, 'Project.json')
+		if (!existsSync(projectPath)) {
+			const projectTemplate = await loadTemplate('Project.json')
+			await writeFile(projectPath, projectTemplate, 'utf-8')
+			consola.info('Created doctypes/Project.json')
 		} else {
-			consola.info('doctypes/Example.json already exists, skipping')
+			consola.info('doctypes/Project.json already exists, skipping')
 		}
 
-		// Scaffold example-table.json (table doctype)
-		const tableExamplePath = join(doctypesDir, 'example-table.json')
-		if (!existsSync(tableExamplePath)) {
-			const tableTemplate = await loadTemplate('example-table.json')
-			await writeFile(tableExamplePath, tableTemplate, 'utf-8')
-			consola.info('Created doctypes/example-table.json')
+		// Scaffold Task.json
+		const taskPath = join(doctypesDir, 'Task.json')
+		if (!existsSync(taskPath)) {
+			const taskTemplate = await loadTemplate('Task.json')
+			await writeFile(taskPath, taskTemplate, 'utf-8')
+			consola.info('Created doctypes/Task.json')
 		} else {
-			consola.info('doctypes/example-table.json already exists, skipping')
+			consola.info('doctypes/Task.json already exists, skipping')
 		}
 
 		consola.success('Sample doctypes created successfully')
@@ -59,146 +57,3 @@ export async function installDoctypes(options: DoctypesInstallerOptions): Promis
 		return false
 	}
 }
-
-/**
- * Load a template file
- */
-async function loadTemplate(filename: string): Promise<string> {
-	// Try to load from templates directory
-	const templatePath = join(__dirname, '..', '..', '..', 'templates', filename)
-
-	if (existsSync(templatePath)) {
-		return readFile(templatePath, 'utf-8')
-	}
-
-	// Fallback to inline templates
-	return getInlineTemplate(filename)
-}
-
-/**
- * Get inline template content as fallback
- */
-function getInlineTemplate(filename: string): string {
-	const templates: Record<string, string> = {
-		'Example.json': JSON.stringify(
-			{
-				name: 'Example',
-				slug: 'example/:id',
-				fields: [
-					{
-						fieldname: 'id',
-						fieldtype: 'Data',
-						label: 'ID',
-						readOnly: true,
-					},
-					{
-						fieldname: 'title',
-						fieldtype: 'Data',
-						label: 'Title',
-						required: true,
-					},
-					{
-						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: '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,
-						},
-					},
-				},
-			},
-			null,
-			'\t'
-		),
-		'example-table.json': JSON.stringify(
-			{
-				name: 'Example',
-				slug: 'example',
-				schema: [
-					{
-						component: 'ATable',
-						columns: [
-							{
-								name: 'id',
-								label: 'ID',
-								fieldtype: 'Data',
-								width: '8ch',
-							},
-							{
-								name: 'title',
-								label: 'Title',
-								fieldtype: 'Data',
-								width: '20ch',
-							},
-							{
-								name: 'status',
-								label: 'Status',
-								fieldtype: 'Data',
-								width: '10ch',
-							},
-							{
-								name: 'priority',
-								label: 'Priority',
-								fieldtype: 'Data',
-								width: '10ch',
-							},
-							{
-								name: 'createdAt',
-								label: 'Created',
-								fieldtype: 'Datetime',
-								width: '18ch',
-							},
-						],
-						config: {
-							view: 'list',
-						},
-					},
-				],
-			},
-			null,
-			'\t'
-		),
-	}
-
-	return templates[filename] || '{}'
-}

package/src/cli/installers/frontend.ts

@@ -3,9 +3,13 @@
  * Installs @stonecrop/nuxt and configures nuxt.config.ts
  */
 
+import { existsSync } from 'node:fs'
+import { mkdir, writeFile, readFile } from 'node:fs/promises'
+import { join } from 'pathe'
 import consola from 'consola'
 import { addDependencies } from '../utils/package'
 import { updateNuxtConfig } from '../utils/config'
+import { loadTemplate } from '../utils/templates'
 
 export interface FrontendInstallerOptions {
 	cwd: string
@@ -30,6 +34,7 @@ export async function installFrontend(options: FrontendInstallerOptions): Promis
 			'@stonecrop/node-editor': 'latest',
 			'@stonecrop/schema': 'latest',
 			'@stonecrop/utilities': 'latest',
+			'@stonecrop/desktop': 'latest',
 			pinia: '^3.0.4',
 		})
 
@@ -38,9 +43,17 @@ export async function installFrontend(options: FrontendInstallerOptions): Promis
 			module: "'@stonecrop/nuxt'",
 			moduleOptions: {
 				key: 'stonecrop',
+				// routeStrategy registers a single catch-all route that handles both list and
+				// detail views; import.meta.url refers to nuxt.config.ts at the project root.
 				value: `{
-		// Enable DocBuilder for visual schema editing
 		docbuilder: false,
+		routeStrategy: () => [
+			{
+				name: 'stonecrop-catch-all',
+				path: '/:pathMatch(.*)*',
+				file: new URL('./app/pages/index.vue', import.meta.url).pathname,
+			},
+		],
 	}`,
 			},
 			// Add Nitro configuration to handle CSS imports in Stonecrop packages
@@ -54,10 +67,16 @@ export async function installFrontend(options: FrontendInstallerOptions): Promis
 					'@stonecrop/stonecrop',
 					'@stonecrop/node-editor',
 					'@stonecrop/utilities',
+					'@stonecrop/desktop',
 				],
 			},
+			css: ['@stonecrop/desktop/styles'],
 		})
 
+		// Scaffold app/composables/useDoctypes.ts, app/composables/useRouteAdapter.ts,
+		// app/plugins/stonecrop.client.ts, app/pages/index.vue, and fix app/app.vue
+		await scaffoldAppFiles(cwd)
+
 		consola.success('@stonecrop/nuxt installed successfully')
 		consola.info('Added Nitro configuration for CSS handling')
 		return true
@@ -66,3 +85,62 @@ export async function installFrontend(options: FrontendInstallerOptions): Promis
 		return false
 	}
 }
+
+/**
+ * Scaffold the app directory with Stonecrop client wiring and page component
+ */
+async function scaffoldAppFiles(cwd: string): Promise<void> {
+	const appDir = join(cwd, 'app')
+	const composablesDir = join(appDir, 'composables')
+	const pluginsDir = join(appDir, 'plugins')
+	const pagesDir = join(appDir, 'pages')
+
+	for (const dir of [appDir, composablesDir, pluginsDir, pagesDir]) {
+		if (!existsSync(dir)) {
+			await mkdir(dir, { recursive: true })
+		}
+	}
+
+	// Replace nuxi's default app.vue (which renders <NuxtWelcome /> and disables routing)
+	// with one that renders <NuxtPage /> so Stonecrop's registered routes are reachable.
+	const appVuePath = join(appDir, 'app.vue')
+	if (existsSync(appVuePath)) {
+		const existing = await readFile(appVuePath, 'utf-8')
+		if (existing.includes('NuxtWelcome')) {
+			await writeFile(appVuePath, '<template>\n  <NuxtPage />\n</template>\n', 'utf-8')
+			consola.info('Updated app/app.vue to use <NuxtPage />')
+		}
+	}
+
+	const useDoctypesPath = join(composablesDir, 'useDoctypes.ts')
+	if (!existsSync(useDoctypesPath)) {
+		await writeFile(useDoctypesPath, await loadTemplate('useDoctypes.ts'), 'utf-8')
+		consola.info('Created app/composables/useDoctypes.ts')
+	} else {
+		consola.info('app/composables/useDoctypes.ts already exists, skipping')
+	}
+
+	const useRouteAdapterPath = join(composablesDir, 'useRouteAdapter.ts')
+	if (!existsSync(useRouteAdapterPath)) {
+		await writeFile(useRouteAdapterPath, await loadTemplate('useRouteAdapter.ts'), 'utf-8')
+		consola.info('Created app/composables/useRouteAdapter.ts')
+	} else {
+		consola.info('app/composables/useRouteAdapter.ts already exists, skipping')
+	}
+
+	const clientPluginPath = join(pluginsDir, 'stonecrop.client.ts')
+	if (!existsSync(clientPluginPath)) {
+		await writeFile(clientPluginPath, await loadTemplate('stonecrop.client.ts'), 'utf-8')
+		consola.info('Created app/plugins/stonecrop.client.ts')
+	} else {
+		consola.info('app/plugins/stonecrop.client.ts already exists, skipping')
+	}
+
+	const indexPagePath = join(pagesDir, 'index.vue')
+	if (!existsSync(indexPagePath)) {
+		await writeFile(indexPagePath, await loadTemplate('index.vue'), 'utf-8')
+		consola.info('Created app/pages/index.vue')
+	} else {
+		consola.info('app/pages/index.vue already exists, skipping')
+	}
+}

package/src/cli/installers/grafserv.ts

@@ -4,14 +4,12 @@
  */
 
 import { existsSync } from 'node:fs'
-import { mkdir, writeFile, readFile } from 'node:fs/promises'
-import { join, dirname } from 'pathe'
-import { fileURLToPath } from 'node:url'
+import { mkdir, writeFile } from 'node:fs/promises'
+import { join } from 'pathe'
 import consola from 'consola'
 import { addDependencies } from '../utils/package'
 import { updateNuxtConfig } from '../utils/config'
-
-const __dirname = dirname(fileURLToPath(import.meta.url))
+import { loadTemplate } from '../utils/templates'
 
 export interface GrafservInstallerOptions {
 	cwd: string
@@ -52,6 +50,10 @@ export async function installGrafserv(options: GrafservInstallerOptions): Promis
 			moduleOptions: {
 				key: 'grafserv',
 				value: `{
+		// Use in-memory Grafast resolvers (no database required)
+		// Switch to 'postgraphile' when connecting a real database
+		type: 'schema',
+
 		// GraphQL schema and resolvers
 		schema: '${schemaPath}',
 		resolvers: '${resolversPath}',
@@ -126,183 +128,29 @@ async function scaffoldServerFiles(cwd: string): Promise<void> {
 	} else {
 		consola.info('server/plugins.ts already exists, skipping')
 	}
-}
 
-/**
- * Load a template file
- */
-async function loadTemplate(filename: string): Promise<string> {
-	// Try to load from templates directory
-	const templatePath = join(__dirname, '..', '..', '..', 'templates', filename)
-
-	if (existsSync(templatePath)) {
-		return readFile(templatePath, 'utf-8')
+	// Scaffold server/data.ts (in-memory data store)
+	const dataPath = join(serverDir, 'data.ts')
+	if (!existsSync(dataPath)) {
+		const dataTemplate = await loadTemplate('data.ts')
+		await writeFile(dataPath, dataTemplate, 'utf-8')
+		consola.info('Created server/data.ts')
+	} else {
+		consola.info('server/data.ts already exists, skipping')
 	}
 
-	// Fallback to inline templates
-	return getInlineTemplate(filename)
-}
-
-/**
- * Get inline template content as fallback
- */
-function getInlineTemplate(filename: string): string {
-	const templates: Record<string, string> = {
-		'schema.graphql': `# Stonecrop GraphQL Schema
-# Add your type definitions here
-
-scalar JSON
-
-type Query {
-	"""
-	Health check endpoint
-	"""
-	healthCheck: HealthStatus!
-
-	"""
-	Get metadata for a doctype
-	"""
-	getMeta(doctype: String!): JSON
-}
-
-type Mutation {
-	"""
-	Execute a doctype action
-	"""
-	stonecropAction(doctype: String!, action: String!, args: JSON): ActionResult!
-}
-
-type HealthStatus {
-	status: String!
-	timestamp: String!
-}
-
-type ActionResult {
-	success: Boolean!
-	data: JSON
-	error: String
-}
-`,
-		'resolvers.ts': `/**
- * GraphQL Resolvers
- * Add your resolver implementations here
- */
-
-export const resolvers = {
-	Query: {
-		healthCheck: () => ({
-			status: 'healthy',
-			timestamp: new Date().toISOString(),
-		}),
-
-		getMeta: (_: unknown, { doctype }: { doctype: string }) => {
-			// TODO: Implement doctype metadata lookup
-			console.log('getMeta called for:', doctype)
-			return null
-		},
-	},
-
-	Mutation: {
-		stonecropAction: async (
-			_: unknown,
-			{ doctype, action, args }: { doctype: string; action: string; args?: unknown }
-		) => {
-			// TODO: Implement action execution
-			console.log('stonecropAction called:', { doctype, action, args })
-			return {
-				success: true,
-				data: null,
-				error: null,
-			}
-		},
-	},
-}
-
-export default resolvers
-`,
-		'plugins.ts': `/**
- * Grafserv Plugins
- * Add custom middleware and hooks via Grafserv plugins
- *
- * @see https://grafast.org/grafserv/plugins
- */
-
-import type { GraphileConfig } from 'graphile-config'
-
-/**
- * Example: Request logging plugin
- */
-const loggingPlugin: GraphileConfig.Plugin = {
-	name: 'request-logging',
-	version: '1.0.0',
-	grafserv: {
-		middleware: {
-			processGraphQLRequestBody: async (next, event) => {
-				const start = Date.now()
-				console.log('[GraphQL] Request started:', {
-					path: event.request.url,
-					method: event.request.method,
-				})
-
-				const result = await next()
-
-				const duration = Date.now() - start
-				console.log(\`[GraphQL] Request completed in \${duration}ms\`)
-
-				return result
-			},
-		},
-	},
-}
-
-/**
- * Example: Authentication plugin
- */
-const authPlugin: GraphileConfig.Plugin = {
-	name: 'authentication',
-	version: '1.0.0',
-	grafserv: {
-		middleware: {
-			processGraphQLRequestBody: async (next, event) => {
-				// Extract authentication from headers
-				const authHeader = event.request.headers.get('authorization')
-
-				if (authHeader?.startsWith('Bearer ')) {
-					const token = authHeader.slice(7)
-					// TODO: Validate token and set user context
-					console.log('[Auth] Token received:', token)
-				} else {
-					console.log('[Auth] Anonymous request')
-				}
-
-				return next()
-			},
-		},
-	},
-}
-
-/**
- * Export all plugins
- * Import these in your nuxt.config.ts:
- *
- * import plugins from './server/plugins'
- *
- * export default defineNuxtConfig({
- *   grafserv: {
- *     preset: {
- *       plugins
- *     }
- *   }
- * })
- */
-export const plugins: GraphileConfig.Plugin[] = [
-	loggingPlugin,
-	// authPlugin, // Uncomment to enable authentication
-]
-
-export default plugins
-`,
+	// Scaffold server/plugins/stonecrop.ts (Nitro server plugin for handler registration)
+	const nitroPluginsDir = join(serverDir, 'plugins')
+	if (!existsSync(nitroPluginsDir)) {
+		await mkdir(nitroPluginsDir, { recursive: true })
+		consola.info('Created server/plugins/ directory')
+	}
+	const stonecropPluginPath = join(nitroPluginsDir, 'stonecrop.ts')
+	if (!existsSync(stonecropPluginPath)) {
+		const stonecropTemplate = await loadTemplate('stonecrop.ts')
+		await writeFile(stonecropPluginPath, stonecropTemplate, 'utf-8')
+		consola.info('Created server/plugins/stonecrop.ts')
+	} else {
+		consola.info('server/plugins/stonecrop.ts already exists, skipping')
 	}
-
-	return templates[filename] || ''
 }

package/src/cli/utils/config.ts

@@ -21,6 +21,8 @@ export interface NuxtConfigUpdate {
 	nitroConfig?: {
 		externalsInline?: string[]
 	}
+	/** CSS files/packages to add to the css array */
+	css?: string[]
 }
 
 /**
@@ -224,6 +226,43 @@ export async function updateNuxtConfig(cwd: string, updates: NuxtConfigUpdate):
 		}
 	}
 
+	// Add CSS configuration
+	if (updates.css && updates.css.length > 0) {
+		const cssMatch = content.match(/css\s*:\s*\[/)
+		const newEntries = updates.css.map(pkg => `'${pkg}'`)
+
+		if (cssMatch && cssMatch.index !== undefined) {
+			// css array exists — add entries that aren't present (match regardless of quote style)
+			const startIndex = cssMatch.index + cssMatch[0].length
+			const closingIndex = findMatchingBracket(content, startIndex - 1)
+			if (closingIndex !== -1) {
+				const arrayContent = content.slice(startIndex, closingIndex)
+				const toAdd = updates.css.filter(
+					pkg => !arrayContent.includes(`'${pkg}'`) && !arrayContent.includes(`"${pkg}"`)
+				)
+				if (toAdd.length > 0) {
+					const separator = arrayContent.trim().length > 0 ? ', ' : ''
+					const insertion = toAdd.map(pkg => `'${pkg}'`).join(', ')
+					content = content.slice(0, closingIndex) + separator + insertion + content.slice(closingIndex)
+					modified = true
+				}
+			}
+		} else {
+			// No css array — add it after the modules array or at the start of config
+			const modulesEndMatch = content.match(/modules\s*:\s*\[[^\]]*\]\s*,?/)
+			const defineNuxtConfigMatch = content.match(/defineNuxtConfig\s*\(\s*\{/)
+			if (modulesEndMatch && modulesEndMatch.index !== undefined) {
+				const insertIndex = modulesEndMatch.index + modulesEndMatch[0].length
+				content = content.slice(0, insertIndex) + `\n\n\tcss: [${newEntries.join(', ')}],` + content.slice(insertIndex)
+				modified = true
+			} else if (defineNuxtConfigMatch && defineNuxtConfigMatch.index !== undefined) {
+				const insertIndex = defineNuxtConfigMatch.index + defineNuxtConfigMatch[0].length
+				content = content.slice(0, insertIndex) + `\n\tcss: [${newEntries.join(', ')}],` + content.slice(insertIndex)
+				modified = true
+			}
+		}
+	}
+
 	if (modified) {
 		await writeFile(configPath, content, 'utf-8')
 		consola.success(`Updated ${configPath}`)