create-flowdular 0.2.1 → 0.2.3

package/README.md

@@ -26,6 +26,8 @@ pnpm dev
 
 Open [localhost:4310](http://localhost:4310). `setup` opens an interactive wizard for a local demo, PostgreSQL settings or a configuration check. It asks before resetting the local demo database.
 
+The starter enables all nine platform modules: system, authentication, users, profile, agents, automations, workflows, their integration, and sandbox access. Local demo setup grants their declared permissions to demo owners. The example module stays available as a starting point; business modules from Official Modules are optional downloads.
+
 `npm create` launches the generator. The generated application uses **pnpm workspaces**. If pnpm is unavailable during installation, the generator invokes its pinned version through `npm exec`.
 
 You can also launch the generator directly:

package/dist/bin.js

@@ -244,6 +244,7 @@ function installDependencies(packageManager, directory) {
 }
 
 // src/report.ts
+import { styleText } from "node:util";
 var DEV_URL = "http://localhost:4310";
 function runScript(packageManager, script, ...arguments_) {
   if (arguments_.length === 0) {
@@ -260,14 +261,26 @@ function nextSteps(input) {
     runScript(input.packageManager, "dev")
   ];
 }
-function renderNextSteps(input) {
+function renderNextSteps(input, color = false) {
+  const paint = (text, format) => color ? styleText(format, text, { validateStream: false }) : text;
+  const labels = [
+    "Open your project",
+    ...input.installed ? [] : ["Install dependencies"],
+    "Choose local demo or PostgreSQL",
+    "Start your app"
+  ];
   return [
     "",
-    "Next:",
-    "",
-    ...nextSteps(input).map((step) => `  ${step}`),
+    `  ${paint("FLOWDULAR", "bold")}  ${paint("Project created", "green")}`,
     "",
-    `Then open ${DEV_URL} and follow the setup choice. Local demo uses admin@example.com.`,
+    ...nextSteps(input).flatMap((step, index) => [
+      `  ${paint(`${index + 1}.`, "cyan")} ${labels[index]}`,
+      `     ${paint(step, "bold")}`,
+      ""
+    ]),
+    `  ${paint("Local URL", "dim")}   ${paint(DEV_URL, "cyan")}`,
+    `  ${paint("Demo login", "dim")}  admin@example.com`,
+    `  ${paint("Demo account is created only with local demo setup.", "dim")}`,
     ""
   ].join("\n");
 }
@@ -436,6 +449,9 @@ async function scaffold(request) {
 
 // src/index.ts
 var processIo = {
+  color: Boolean(
+    process.stdout.isTTY && process.stdout.hasColors?.() && !("NO_COLOR" in process.env) && !process.env.CI
+  ),
   cwd: process.cwd(),
   out: (text) => process.stdout.write(text),
   err: (text) => process.stderr.write(text)
@@ -508,11 +524,14 @@ async function run(argv, io = processIo) {
   }
   const here = relative2(io.cwd, result.directory);
   io.out(
-    renderNextSteps({
-      directory: here.length > 0 ? here : ".",
-      packageManager,
-      installed
-    })
+    renderNextSteps(
+      {
+        directory: here.length > 0 ? here : ".",
+        packageManager,
+        installed
+      },
+      io.color
+    )
   );
   return 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "create-flowdular",
-	"version": "0.2.1",
+	"version": "0.2.3",
 	"type": "module",
 	"description": "Scaffold a Flowdular application: the platform, one example module and the secrets a fresh install needs.",
 	"license": "MIT",

package/template/default/flowdular.json

@@ -8,7 +8,18 @@
 	},
 	"modules": {
 		"roots": ["modules"],
-		"enabled": ["system.core", "auth.core", "example.core"]
+		"enabled": [
+			"system.core",
+			"auth.core",
+			"agents.core",
+			"automations.core",
+			"workflows.core",
+			"automations-workflows.integration",
+			"example.core",
+			"profile.core",
+			"sandbox.core",
+			"users.core"
+		]
 	},
 	"locales": ["en", "pl"],
 	"agent": {

package/template/default/modules/example/package.json

@@ -16,7 +16,7 @@
 	"dependencies": {
 		"octane": "0.1.51",
 		"segment-state": "0.2.0",
-		"@flowdular/sdk": "0.2.1"
+		"@flowdular/sdk": "0.2.2"
 	},
 	"devDependencies": {
 		"@tsrx/typescript-plugin": "0.3.120",

package/template/default/modules/example/src/client/NotesView.tsrx

@@ -195,30 +195,34 @@ export function NotesView(props: NotesViewProps) @{
 				onSubmit={submit}
 			>
 				<div class="ui-drawer__body">
-					@if (error) {
-						<Alert>{error}</Alert>
-					}
-					<FormField label={t('example.field.title')}>
-						<input
-							class="ui-input"
-							id="title"
-							name="title"
+					<div class="ui-form">
+						@if (error) {
+							<Alert>{error}</Alert>
+						}
+						<FormField label={t('example.field.title')} required>
+							<input
+								class="ui-input"
+								id="title"
+								name="title"
+								required
+								maxLength={120}
+							/>
+						</FormField>
+						<FormField
+							label={t('example.field.body')}
 							required
-							maxLength={120}
-						/>
-					</FormField>
-					<FormField
-						label={t('example.field.body')}
-						help={t('example.field.body.help')}
-					>
-						<textarea
-							class="ui-textarea"
-							id="body"
-							required
-							rows={6}
-							maxLength={4000}
-						></textarea>
-					</FormField>
+							help={t('example.field.body.help')}
+						>
+							<textarea
+								class="ui-textarea"
+								id="body"
+								name="body"
+								required
+								rows={6}
+								maxLength={4000}
+							></textarea>
+						</FormField>
+					</div>
 				</div>
 				<div class="ui-drawer__foot">
 					<Button type="button" onClick={closeForm}>{t(

package/template/default/package.json

@@ -21,6 +21,6 @@
 	"devDependencies": {
 		"@tsrx/prettier-plugin": "0.3.120",
 		"prettier": "3.6.2",
-		"flowdular": "0.2.1"
+		"flowdular": "0.2.2"
 	}
 }

package/template/default/platform/index.html

@@ -1,13 +1,168 @@
 <!doctype html>
-<html lang="en">
+<html lang="en" class="flowdular-booting">
 	<head>
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<meta name="theme-color" content="#141B2E" />
 		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+		<style id="flowdular-critical-splash">
+			html,
+			body,
+			#root {
+				min-height: 100%;
+				margin: 0;
+				background: #0c1222;
+			}
+			.flowdular-splash {
+				position: fixed;
+				inset: 0;
+				z-index: 2147483647;
+				display: grid;
+				place-items: center;
+				background: #0c1222;
+				color: #f4f6fa;
+				transition: opacity 180ms ease;
+			}
+			.flowdular-splash__content {
+				display: grid;
+				justify-items: center;
+				gap: 16px;
+				font:
+					600 13px/1.2 ui-sans-serif,
+					system-ui,
+					sans-serif;
+				letter-spacing: 0.14em;
+				text-transform: uppercase;
+			}
+			.flowdular-splash__stage {
+				min-width: 190px;
+				font-size: 10px;
+				font-weight: 500;
+				color: #8794ab;
+				letter-spacing: 0.08em;
+				text-align: center;
+				text-transform: none;
+			}
+			.flowdular-splash__mark {
+				display: block;
+				width: 44px;
+				height: 44px;
+				animation: flowdular-pulse 1.4s ease-in-out infinite alternate;
+			}
+			.flowdular-splash--leaving {
+				opacity: 0;
+				pointer-events: none;
+			}
+			@keyframes flowdular-pulse {
+				to {
+					opacity: 0.45;
+				}
+			}
+			@media (prefers-reduced-motion: reduce) {
+				.flowdular-splash__mark {
+					animation: none;
+				}
+			}
+		</style>
 		<!--ssr-head-->
 	</head>
-	<body>
+	<body aria-busy="true">
+		<div
+			id="flowdular-splash"
+			class="flowdular-splash"
+			role="status"
+			aria-live="polite"
+		>
+			<div class="flowdular-splash__content">
+				<svg
+					class="flowdular-splash__mark"
+					viewBox="0 0 24 24"
+					aria-hidden="true"
+				>
+					<g fill="#ffffff">
+						<circle cx="7.9" cy="3.4" r="1.7" />
+						<rect x="6.2" y="3.4" width="3.4" height="1.6" />
+						<rect x="6.2" y="10.8" width="3.4" height="9.8" />
+						<circle cx="7.9" cy="20.6" r="1.7" />
+						<circle cx="16.1" cy="3.4" r="1.7" />
+						<rect x="14.4" y="3.4" width="3.4" height="9.8" />
+						<rect x="14.4" y="19" width="3.4" height="1.6" />
+						<circle cx="16.1" cy="20.6" r="1.7" />
+					</g>
+					<g fill="#e08a45">
+						<circle cx="3.4" cy="7.9" r="1.7" />
+						<rect x="3.4" y="6.2" width="9.8" height="3.4" />
+						<rect x="19" y="6.2" width="1.6" height="3.4" />
+						<circle cx="20.6" cy="7.9" r="1.7" />
+						<circle cx="3.4" cy="16.1" r="1.7" />
+						<rect x="3.4" y="14.4" width="1.6" height="3.4" />
+						<rect x="10.8" y="14.4" width="9.8" height="3.4" />
+						<circle cx="20.6" cy="16.1" r="1.7" />
+					</g>
+				</svg>
+				<span>Flowdular</span>
+				<small id="flowdular-splash-stage" class="flowdular-splash__stage"
+					>Starting workspace</small
+				>
+			</div>
+		</div>
 		<div id="root"><!--ssr-body--></div>
+		<script nonce="__FLOWDULAR_CSP_NONCE__">
+			(() => {
+				if (document.getElementById('flowdular-web-data')) {
+					document.getElementById('flowdular-splash')?.remove();
+					document.documentElement.classList.remove('flowdular-booting');
+					document.body.removeAttribute('aria-busy');
+					return;
+				}
+				const startedAt = performance.now();
+				const stages = [
+					'Securing session',
+					'Selecting workspace',
+					'Loading modules',
+					'Preparing workspace',
+				];
+				let stageIndex = 0;
+				let ready = false;
+				let stageTimer;
+				const stage = document.getElementById('flowdular-splash-stage');
+				const advance = () => {
+					if (!stage || ready) return;
+					stage.textContent = stages[Math.min(stageIndex, stages.length - 1)];
+					stageIndex += 1;
+				};
+				const finish = () => {
+					if (ready) return;
+					ready = true;
+					clearInterval(stageTimer);
+					const splash = document.getElementById('flowdular-splash');
+					if (!splash) return;
+					const leave = () => {
+						splash.classList.add('flowdular-splash--leaving');
+						document.documentElement.classList.remove('flowdular-booting');
+						document.body.setAttribute('aria-busy', 'false');
+						setTimeout(() => splash.remove(), 200);
+					};
+					const remaining = Math.max(0, 850 - (performance.now() - startedAt));
+					setTimeout(leave, remaining);
+				};
+				window.addEventListener('DOMContentLoaded', () => {
+					advance();
+					stageTimer = setInterval(advance, 320);
+					/* The server-rendered page is already visible underneath; hydration
+					   in development can take seconds, so the splash never blocks longer
+					   than this. */
+					setTimeout(finish, 2500);
+				});
+				window.addEventListener('flowdular:ready', finish, { once: true });
+			})();
+		</script>
+		<noscript
+			><style>
+				.flowdular-splash {
+					display: none;
+				}
+			</style></noscript
+		>
 	</body>
 </html>

package/template/default/platform/package.json

@@ -14,7 +14,7 @@
 		"@octanejs/vite-plugin": "0.1.51",
 		"octane": "0.1.51",
 		"pg": "8.23.0",
-		"@flowdular/sdk": "0.2.1"
+		"@flowdular/sdk": "0.2.2"
 	},
 	"devDependencies": {
 		"@octanejs/app-core": "0.0.47",

package/template/default/platform/src/generated/modules.client.ts

@@ -7,10 +7,26 @@ import type {
 } from '@flowdular/sdk/client';
 import { createClientContribution as system_core } from '@flowdular/sdk/modules/system/client';
 import { createClientContribution as auth_core } from '@flowdular/sdk/modules/auth/client';
+import { createClientContribution as agents_core } from '@flowdular/sdk/modules/agents/client';
+import { createClientContribution as automations_core } from '@flowdular/sdk/modules/automations/client';
+import { createClientContribution as workflows_core } from '@flowdular/sdk/modules/workflows/client';
 import { createClientContribution as example_core } from '@app/module-example/client';
+import { createClientContribution as profile_core } from '@flowdular/sdk/modules/profile/client';
+import { createClientContribution as sandbox_core } from '@flowdular/sdk/modules/sandbox/client';
+import { createClientContribution as users_core } from '@flowdular/sdk/modules/users/client';
 
 export function createModuleClientContributions(
 	context: ModuleClientContext,
 ): readonly ModuleClientContribution[] {
-	return [system_core(context), auth_core(context), example_core(context)];
+	return [
+		system_core(context),
+		auth_core(context),
+		agents_core(context),
+		automations_core(context),
+		workflows_core(context),
+		example_core(context),
+		profile_core(context),
+		sandbox_core(context),
+		users_core(context),
+	];
 }

package/template/default/platform/src/generated/modules.server.ts

@@ -6,7 +6,14 @@ import type {
 } from '@flowdular/sdk/modules/auth/server';
 import type { WebMount } from '@flowdular/sdk/server';
 import { createServerComposition as system_core } from '@flowdular/sdk/modules/system/platform';
+import { createServerComposition as agents_core } from '@flowdular/sdk/modules/agents/platform';
+import { createServerComposition as automations_core } from '@flowdular/sdk/modules/automations/platform';
+import { createServerComposition as workflows_core } from '@flowdular/sdk/modules/workflows/platform';
+import { createServerComposition as automations_workflows_integration } from '@flowdular/sdk/modules/automations-workflows-integration/platform';
 import { createServerComposition as example_core } from '@app/module-example/platform';
+import { createServerComposition as profile_core } from '@flowdular/sdk/modules/profile/platform';
+import { createServerComposition as sandbox_core } from '@flowdular/sdk/modules/sandbox/platform';
+import { createServerComposition as users_core } from '@flowdular/sdk/modules/users/platform';
 
 export function composeModuleServer(
 	context: PlatformServerContext,
@@ -19,6 +26,37 @@ export function composeModuleServer(
 			}),
 			moduleId: 'system.core',
 		},
+		{
+			...agents_core({
+				...context,
+				agentDefinitions: context.agentDefinitions.forModule('agents.core'),
+			}),
+			moduleId: 'agents.core',
+		},
+		{
+			...automations_core({
+				...context,
+				agentDefinitions:
+					context.agentDefinitions.forModule('automations.core'),
+			}),
+			moduleId: 'automations.core',
+		},
+		{
+			...workflows_core({
+				...context,
+				agentDefinitions: context.agentDefinitions.forModule('workflows.core'),
+			}),
+			moduleId: 'workflows.core',
+		},
+		{
+			...automations_workflows_integration({
+				...context,
+				agentDefinitions: context.agentDefinitions.forModule(
+					'automations-workflows.integration',
+				),
+			}),
+			moduleId: 'automations-workflows.integration',
+		},
 		{
 			...example_core({
 				...context,
@@ -26,6 +64,27 @@ export function composeModuleServer(
 			}),
 			moduleId: 'example.core',
 		},
+		{
+			...profile_core({
+				...context,
+				agentDefinitions: context.agentDefinitions.forModule('profile.core'),
+			}),
+			moduleId: 'profile.core',
+		},
+		{
+			...sandbox_core({
+				...context,
+				agentDefinitions: context.agentDefinitions.forModule('sandbox.core'),
+			}),
+			moduleId: 'sandbox.core',
+		},
+		{
+			...users_core({
+				...context,
+				agentDefinitions: context.agentDefinitions.forModule('users.core'),
+			}),
+			moduleId: 'users.core',
+		},
 	];
 }