@origostudio/origo-design 0.0.39 → 0.0.41

package/packages/angular-renderer/src/components/primitives/textarea/textarea.component.ts

@@ -11,7 +11,7 @@ import {
   SecurityContext,
 } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
-import { InteractionContract } from '@origo/core';
+import { InteractionContract } from '@origostudio/core';
 import { OrigoAdapter } from '../../../adapters/web/adapter';
 import { WebExperienceAdapterService } from '../../../adapters/web/experience-adapter.service';
 

package/packages/angular-renderer/src/components/primitives/vbox/vbox.component.pw.ts

@@ -1,6 +1,6 @@
 import { test, expect } from '@jscutlery/playwright-ct-angular';
 import { VBoxComponent, VBoxProps } from './vbox.component';
-import { InteractionContract } from '@origo/core';
+import { InteractionContract } from '@origostudio/core';
 import AxeBuilder from '@axe-core/playwright';
 
 test.describe('VBoxComponent Accessibility', () => {

package/packages/angular-renderer/src/components/primitives/vbox/vbox.component.ts

@@ -7,7 +7,7 @@ import {
   computed,
   ViewEncapsulation,
 } from '@angular/core';
-import { InteractionContract } from '@origo/core';
+import { InteractionContract } from '@origostudio/core';
 import { OrigoAdapter, ContainerComponent } from '../../../adapters/web/adapter';
 
 export interface VBoxProps {

package/packages/angular-renderer/src/lib/renderer.component.ts

@@ -7,7 +7,7 @@ import {
   viewChild,
   DestroyRef,
 } from '@angular/core';
-import { ASTNode } from '@origo/core';
+import { ASTNode } from '@origostudio/core';
 import { RENDERER_REGISTRY } from './renderer.tokens';
 import { AdapterPipelineService, ContainerComponent } from '../adapters/web/adapter';
 

package/packages/angular-renderer/src/lib/theme.provider.ts

@@ -1,7 +1,7 @@
 import { APP_INITIALIZER, Provider, PLATFORM_ID, Optional } from '@angular/core';
 import { isPlatformBrowser, DOCUMENT } from '@angular/common';
 
-import { loadAndInjectTheme, injectTheme } from '@origo/design-tokens/runtime';
+import { loadAndInjectTheme, injectTheme } from '@origostudio/design-tokens/runtime';
 
 export interface OrigoThemeOptions {
   url?: string;

package/packages/cli/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 0.0.41 (2026-09-30)
+
+### 🚀 Features
+
+- initialize workspace packages and implement CLI generator commands with templates ([b227117](https://github.com/OrigoStudio/origo-design/commit/b227117))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.40 (2026-09-29)
+
+### 🚀 Features
+
+- initialize packages, documentation site, and release workflow ([e0f7371](https://github.com/OrigoStudio/origo-design/commit/e0f7371))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
 ## 0.0.39 (2026-09-29)
 
 This was a version bump only for cli to align it with other projects, there were no code changes.

package/packages/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@origostudio/cli",
-  "version": "0.0.39",
+  "version": "0.0.41",
   "private": false,
   "type": "commonjs",
   "main": "./src/index.js",
@@ -9,7 +9,7 @@
     "origo": "./src/main.js"
   },
   "dependencies": {
-    "@origo/core": "0.0.39",
+    "@origostudio/core": "0.0.41",
     "commander": "^15.0.0",
     "tslib": "^2.3.0"
   },

package/packages/cli/src/commands/generate/index.ts

@@ -1,5 +1,6 @@
 import { Command } from 'commander';
 import { entityCommand } from './entity';
+import { pageCommand } from './page';
 import { ejectTemplates } from '../../lib/generator';
 import { handleError } from '../../utils/errors';
 
@@ -7,6 +8,7 @@ export function generateCommand(): Command {
   const cmd = new Command('generate').description('Generate Origo artifacts');
 
   cmd.addCommand(entityCommand());
+  cmd.addCommand(pageCommand());
 
   cmd
     .option('--eject', 'Copy internal templates to .origo/templates/ for customization')

package/packages/cli/src/commands/generate/page.ts

@@ -0,0 +1,27 @@
+import { Command, Option } from 'commander';
+import { generatePage } from '../../lib/generator';
+import { handleError } from '../../utils/errors';
+
+export function pageCommand(): Command {
+  const cmd = new Command('page');
+  cmd
+    .description('Generate a BADL page boilerplate from a named template')
+    .addOption(
+      new Option('--template <name>', 'Template name')
+        .choices(['list-detail', 'login'])
+        .makeOptionMandatory(true)
+    )
+    .argument('<name>', 'Output schema name (PascalCase, e.g. UserListDetail)')
+    .option('--force', 'Overwrite existing file if it exists')
+    .option('--json', 'Output machine-readable JSON format')
+    .action(
+      async (name: string, options: { template: string; force?: boolean; json?: boolean }) => {
+        try {
+          await generatePage(options.template, name, { force: options.force, json: options.json });
+        } catch (error: unknown) {
+          handleError(error, { json: options.json });
+        }
+      }
+    );
+  return cmd;
+}

package/packages/cli/src/lib/generator.ts

@@ -1,7 +1,11 @@
 import * as fs from 'fs/promises';
 import * as path from 'path';
 import { CliError } from '../utils/errors';
-import { generateEntityTemplate } from '../templates';
+import {
+  generateEntityTemplate,
+  generateListDetailTemplate,
+  generateLoginTemplate,
+} from '../templates';
 
 // FR-AI-005 Extensibility: Plugin registry for future AI integration
 export interface GeneratorPlugin {
@@ -20,10 +24,10 @@ export async function generateEntity(
   if (!name || !name.trim()) {
     throw new CliError({ code: 'ERR_INVALID_NAME', message: 'Entity name must not be empty.' });
   }
-  if (/[/\\]/.test(name)) {
+  if (!/^[a-zA-Z0-9_-]+$/.test(name)) {
     throw new CliError({
       code: 'ERR_INVALID_NAME',
-      message: 'Entity name must not contain path separators.',
+      message: 'Entity name must only contain alphanumeric characters, dashes, or underscores.',
     });
   }
 
@@ -50,19 +54,18 @@ export async function generateEntity(
   for (const plugin of plugins) {
     if (plugin.resolveTemplate) {
       const resolved = await plugin.resolveTemplate(name);
-      if (resolved) {
+      if (resolved !== null && resolved !== undefined) {
         content = resolved;
         break;
       }
     }
   }
 
-  if (!content) {
+  if (content === null) {
     try {
       const rawTemplate = await fs.readFile(userTemplatePath, 'utf-8');
       content =
-        rawTemplate.replace(/\{\{name\}\}/g, name).replace(/\{\{id\}\}/g, name.toLowerCase()) +
-        '\n';
+        rawTemplate.split('{{name}}').join(name).split('{{id}}').join(name.toLowerCase()) + '\n';
       // Validate user template output
       try {
         JSON.parse(content);
@@ -80,17 +83,125 @@ export async function generateEntity(
     }
   }
 
+  await fs.mkdir(targetDir, { recursive: true });
+
+  if (!content) {
+    throw new CliError({
+      code: 'ERR_UNEXPECTED',
+      message: 'Failed to generate entity content.',
+    });
+  }
+
+  await fs.writeFile(targetPath, content as string, 'utf-8');
+
+  // FR-AI-005 Extensibility: Post-generate hooks
+  for (const plugin of plugins) {
+    if (plugin.postGenerate) {
+      await plugin.postGenerate({ name, targetPath });
+    }
+  }
+
+  if (options.json) {
+    console.log(
+      JSON.stringify(
+        {
+          status: 'success',
+          data: {
+            file: `./schemas/${name.toLowerCase()}.json`,
+            entityName: name,
+          },
+        },
+        null,
+        2
+      )
+    );
+  } else {
+    console.log(`Successfully generated entity ${name} at ./schemas/${name.toLowerCase()}.json`);
+  }
+}
+
+export async function generatePage(
+  templateName: string,
+  name: string,
+  options: { force?: boolean; json?: boolean }
+): Promise<void> {
+  if (!name || !name.trim()) {
+    throw new CliError({ code: 'ERR_INVALID_NAME', message: 'Page name must not be empty.' });
+  }
+  if (!/^[a-zA-Z0-9_-]+$/.test(name)) {
+    throw new CliError({
+      code: 'ERR_INVALID_NAME',
+      message: 'Page name must only contain alphanumeric characters, dashes, or underscores.',
+    });
+  }
+
+  if (templateName !== 'list-detail' && templateName !== 'login') {
+    throw new CliError({
+      code: 'ERR_UNKNOWN_TEMPLATE',
+      message: `Unknown template: ${templateName}. Must be 'list-detail' or 'login'.`,
+    });
+  }
+
+  const targetDir = path.join(process.cwd(), 'schemas');
+  const targetPath = path.join(targetDir, name.toLowerCase() + '.json');
+  const userTemplatePath = path.join(process.cwd(), '.origo', 'templates', templateName + '.json');
+  let content: string | null = null;
+
   try {
-    await fs.mkdir(targetDir, { recursive: true });
-  } catch (err: unknown) {
-    if ((err as NodeJS.ErrnoException).code !== 'EEXIST') throw err;
+    await fs.access(targetPath);
+    if (!options.force) {
+      throw new CliError({
+        code: 'ERR_FILE_EXISTS',
+        message: `File already exists: ${targetPath}. Use --force to overwrite.`,
+        context: { path: targetPath },
+      });
+    }
+  } catch (error: unknown) {
+    if (error instanceof CliError) throw error;
+    if ((error as NodeJS.ErrnoException).code !== 'ENOENT') throw error;
+  }
+
+  // FR-AI-005 Extensibility: Check plugins first
+  for (const plugin of plugins) {
+    if (plugin.resolveTemplate) {
+      const resolved = await plugin.resolveTemplate(name);
+      if (resolved !== null && resolved !== undefined) {
+        content = resolved;
+        break;
+      }
+    }
   }
 
   if (content === null) {
-    throw new CliError({ code: 'ERR_UNEXPECTED', message: 'Content is unexpectedly null.' });
+    try {
+      const rawTemplate = await fs.readFile(userTemplatePath, 'utf-8');
+      content =
+        rawTemplate.split('{{name}}').join(name).split('{{id}}').join(name.toLowerCase()) + '\n';
+      // Validate user template output
+      try {
+        JSON.parse(content);
+      } catch {
+        throw new CliError({
+          code: 'ERR_INVALID_TEMPLATE',
+          message: `The user template at ${userTemplatePath} produced invalid JSON when substituted.`,
+        });
+      }
+    } catch (err: unknown) {
+      if (err instanceof CliError) throw err;
+      const code = (err as NodeJS.ErrnoException).code;
+      if (code && code !== 'ENOENT') throw err;
+
+      if (templateName === 'list-detail') {
+        content = generateListDetailTemplate({ id: name.toLowerCase(), name });
+      } else {
+        content = generateLoginTemplate({ id: name.toLowerCase(), name });
+      }
+    }
   }
 
-  await fs.writeFile(targetPath, content, 'utf-8');
+  await fs.mkdir(targetDir, { recursive: true });
+
+  await fs.writeFile(targetPath, content as string, 'utf-8');
 
   // FR-AI-005 Extensibility: Post-generate hooks
   for (const plugin of plugins) {
@@ -106,7 +217,7 @@ export async function generateEntity(
           status: 'success',
           data: {
             file: `./schemas/${name.toLowerCase()}.json`,
-            entityName: name,
+            templateName: templateName,
           },
         },
         null,
@@ -114,7 +225,9 @@ export async function generateEntity(
       )
     );
   } else {
-    console.log(`Successfully generated entity ${name} at ./schemas/${name.toLowerCase()}.json`);
+    console.log(
+      `Successfully generated page ${name} using ${templateName} template at ./schemas/${name.toLowerCase()}.json`
+    );
   }
 }
 
@@ -151,11 +264,7 @@ export async function ejectTemplates(options: { force?: boolean; json?: boolean
     }
   }
 
-  try {
-    await fs.mkdir(destDir, { recursive: true });
-  } catch (err: unknown) {
-    if ((err as NodeJS.ErrnoException).code !== 'EEXIST') throw err;
-  }
+  await fs.mkdir(destDir, { recursive: true });
 
   await Promise.all(
     jsonFiles.map(file => fs.copyFile(path.join(srcDir, file), path.join(destDir, file)))

package/packages/cli/src/lib/validation.ts

@@ -1,6 +1,6 @@
 import * as fs from 'fs';
 import * as path from 'path';
-import { BADLValidator, validateAST } from '@origo/core';
+import { BADLValidator, validateAST } from '@origostudio/core';
 import { CliError } from '../utils/errors';
 
 export interface ValidationOptions {

package/packages/cli/src/templates/index.ts

@@ -1,6 +1,8 @@
 import origoTemplate from './origo.json';
 import entityTemplate from './entity.json';
 import extensionTemplate from './extension.json';
+import listDetailTemplate from './list-detail.json';
+import loginTemplate from './login.json';
 
 export interface EntityOptions {
   id?: string;
@@ -92,3 +94,17 @@ export function generateOrigoConfig(options: OrigoConfigOptions = {}): string {
     );
   }
 }
+
+export function generateListDetailTemplate(options: EntityOptions = {}): string {
+  const id = options.id || 'default-list-detail';
+  const name = options.name || 'DefaultListDetail';
+  validateIdentifier(id);
+  return JSON.stringify({ ...listDetailTemplate, id, name }, null, 2) + '\n';
+}
+
+export function generateLoginTemplate(options: EntityOptions = {}): string {
+  const id = options.id || 'default-login';
+  const name = options.name || 'DefaultLogin';
+  validateIdentifier(id);
+  return JSON.stringify({ ...loginTemplate, id, name }, null, 2) + '\n';
+}

package/packages/cli/src/templates/list-detail.json

@@ -0,0 +1,14 @@
+{
+  "id": "default-list-detail",
+  "name": "DefaultListDetail",
+  "views": [
+    {
+      "name": "List",
+      "type": "list"
+    },
+    {
+      "name": "Detail",
+      "type": "detail"
+    }
+  ]
+}

package/packages/cli/src/templates/login.json

@@ -0,0 +1,15 @@
+{
+  "_secure_by_default": true,
+  "id": "default-login",
+  "name": "DefaultLogin",
+  "fields": [
+    {
+      "name": "username",
+      "type": "String"
+    },
+    {
+      "name": "password",
+      "type": "String"
+    }
+  ]
+}

package/packages/core/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 0.0.41 (2026-09-30)
+
+This was a version bump only for core to align it with other projects, there were no code changes.
+
+## 0.0.40 (2026-09-29)
+
+### 🚀 Features
+
+- initialize packages, documentation site, and release workflow ([e0f7371](https://github.com/OrigoStudio/origo-design/commit/e0f7371))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
 ## 0.0.39 (2026-09-29)
 
 ### 🚀 Features

package/packages/core/package-lock.json

@@ -1,11 +1,11 @@
 {
-  "name": "@origo/core",
+  "name": "@origostudio/core",
   "version": "0.0.17",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "@origo/core",
+      "name": "@origostudio/core",
       "version": "0.0.17",
       "dependencies": {
         "ajv": "^8.17.1",

package/packages/core/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "@origo/core",
-  "version": "0.0.39",
+  "name": "@origostudio/core",
+  "version": "0.0.41",
   "private": false,
   "type": "commonjs",
   "main": "./src/index.js",

package/packages/design-tokens/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 0.0.41 (2026-09-30)
+
+This was a version bump only for design-tokens to align it with other projects, there were no code changes.
+
+## 0.0.40 (2026-09-29)
+
+### 🚀 Features
+
+- initialize packages, documentation site, and release workflow ([e0f7371](https://github.com/OrigoStudio/origo-design/commit/e0f7371))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
 ## 0.0.39 (2026-09-29)
 
 This was a version bump only for design-tokens to align it with other projects, there were no code changes.

package/packages/design-tokens/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "@origo/design-tokens",
-  "version": "0.0.39",
+  "name": "@origostudio/design-tokens",
+  "version": "0.0.41",
   "private": false,
   "type": "commonjs",
   "main": "./src/index.js",

package/packages/devtools/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 0.0.41 (2026-09-30)
+
+This was a version bump only for devtools to align it with other projects, there were no code changes.
+
+## 0.0.40 (2026-09-29)
+
+### 🚀 Features
+
+- initialize packages, documentation site, and release workflow ([e0f7371](https://github.com/OrigoStudio/origo-design/commit/e0f7371))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
 ## 0.0.39 (2026-09-29)
 
 This was a version bump only for devtools to align it with other projects, there were no code changes.

package/packages/devtools/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json

@@ -1 +1 @@
-{"version":"4.1.11","results":[[":src/devtools-panel/app.component.spec.ts",{"duration":180.89486299999953,"failed":false}]]}
+{"version":"4.1.11","results":[[":src/devtools-panel/app.component.spec.ts",{"duration":178.70303200000126,"failed":false}]]}

package/packages/devtools/package.json

@@ -1,10 +1,10 @@
 {
-  "name": "@origo/devtools",
-  "version": "0.0.39",
+  "name": "@origostudio/devtools",
+  "version": "0.0.41",
   "type": "module",
   "dependencies": {
-    "@origo/core": "0.0.30",
-    "@origostudio/cli": "0.0.30",
+    "@origostudio/core": "0.0.41",
+    "@origostudio/cli": "0.0.41",
     "@angular/core": "18.1.0",
     "@angular/common": "18.1.0"
   },

package/packages/devtools/src/content-script/injected.ts

@@ -1,5 +1,5 @@
 import type { DevToolsMessage } from '../types/messages';
-import type { OrigoDevToolsAPI } from '@origo/angular-renderer';
+import type { OrigoDevToolsAPI } from '@origostudio/angular-renderer';
 
 // Declare the window variable based on the API type
 declare global {

package/packages/devtools/src/devtools-panel/app.component.ts

@@ -8,7 +8,7 @@ import type {
   MetadataSource,
   ResolutionChain,
   ErrorContext,
-} from '@origo/angular-renderer';
+} from '@origostudio/angular-renderer';
 
 export type ConnectionState = 'INITIALIZING' | 'CONNECTED' | 'NOT_AVAILABLE' | 'CONNECTION_LOST';
 

package/packages/devtools/src/devtools-panel/component-tree/component-tree.component.ts

@@ -1,6 +1,6 @@
 import { Component, Input, Output, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import type { RenderingPath } from '@origo/angular-renderer';
+import type { RenderingPath } from '@origostudio/angular-renderer';
 
 interface FlatNode {
   name: string;

package/packages/devtools/src/devtools-panel/metadata-detail/metadata-detail.component.ts

@@ -1,6 +1,6 @@
 import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import type { MetadataSource, ResolutionChain } from '@origo/angular-renderer';
+import type { MetadataSource, ResolutionChain } from '@origostudio/angular-renderer';
 
 @Component({
   selector: 'origo-devtools-metadata-detail',

package/packages/devtools/src/types/messages.ts

@@ -3,7 +3,7 @@ import type {
   ResolutionChain,
   RenderingPath,
   ErrorContext,
-} from '@origo/angular-renderer';
+} from '@origostudio/angular-renderer';
 
 export type DevToolsMessageType =
   | 'GET_METADATA_SOURCE'

package/packages/playground/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 0.0.41 (2026-09-30)
+
+This was a version bump only for playground to align it with other projects, there were no code changes.
+
+## 0.0.40 (2026-09-29)
+
+### 🚀 Features
+
+- initialize packages, documentation site, and release workflow ([e0f7371](https://github.com/OrigoStudio/origo-design/commit/e0f7371))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
 ## 0.0.39 (2026-09-29)
 
 This was a version bump only for playground to align it with other projects, there were no code changes.

package/packages/playground/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json

@@ -1 +1 @@
-{"version":"4.1.11","results":[[":src/workers/compiler.worker.spec.ts",{"duration":4081.863498999999,"failed":false}],[":src/editor/badl-editor.component.spec.ts",{"duration":512.2351859999981,"failed":false}],[":src/editor/schema-registry.spec.ts",{"duration":50.38799400000062,"failed":false}],[":src/preview/preview.service.spec.ts",{"duration":123.91644499999893,"failed":false}],[":src/preview/preview-pane.component.spec.ts",{"duration":240.91410800000085,"failed":false}],[":src/preview/preview-root.component.spec.ts",{"duration":178.30596200000218,"failed":false}],[":src/app/app.component.spec.ts",{"duration":193.94169600000168,"failed":false}]]}
+{"version":"4.1.11","results":[[":src/workers/compiler.worker.spec.ts",{"duration":3567.365329,"failed":false}],[":src/editor/badl-editor.component.spec.ts",{"duration":294.97996299999795,"failed":false}],[":src/editor/schema-registry.spec.ts",{"duration":31.46659699999873,"failed":false}],[":src/preview/preview.service.spec.ts",{"duration":90.75973000000158,"failed":false}],[":src/preview/preview-pane.component.spec.ts",{"duration":198.3648260000009,"failed":false}],[":src/preview/preview-root.component.spec.ts",{"duration":167.41953799999828,"failed":false}],[":src/app/app.component.spec.ts",{"duration":181.25265200000285,"failed":false}]]}

package/packages/playground/package.json

@@ -1,10 +1,10 @@
 {
-  "name": "@origo/playground",
-  "version": "0.0.39",
+  "name": "@origostudio/playground",
+  "version": "0.0.41",
   "private": true,
   "dependencies": {
-    "@origo/core": "0.0.39",
-    "@origostudio/cli": "0.0.39"
+    "@origostudio/core": "0.0.41",
+    "@origostudio/cli": "0.0.41"
   },
   "peerDependencies": {
     "@angular/common": "^18.0.0",

package/packages/playground/src/app/app.config.ts

@@ -3,7 +3,7 @@ import {
   provideBrowserGlobalErrorListeners,
   provideZonelessChangeDetection,
 } from '@angular/core';
-import { provideOrigo9Primitives } from '@origo/angular-renderer';
+import { provideOrigo9Primitives } from '@origostudio/angular-renderer';
 
 export const appConfig: ApplicationConfig = {
   providers: [

package/packages/playground/src/main.ts

@@ -2,7 +2,7 @@ import { bootstrapApplication } from '@angular/platform-browser';
 import { appConfig } from './app/app.config';
 import { AppComponent } from './app/app.component';
 import { PreviewRootComponent } from './preview/preview-root.component';
-import { initDevToolsBridge, _injectTestState } from '@origo/angular-renderer';
+import { initDevToolsBridge, _injectTestState } from '@origostudio/angular-renderer';
 
 const mockDomainJson = {
   id: 'dom-identity',

package/packages/playground/src/preview/preview-root.component.ts

@@ -1,7 +1,7 @@
 import { Component, HostListener, signal, computed, inject } from '@angular/core';
-import { CanonicalAST, ASTNode } from '@origo/core';
+import { CanonicalAST, ASTNode } from '@origostudio/core';
 import { CommonModule } from '@angular/common';
-import { OrigoRendererComponent, WebExperienceAdapterService } from '@origo/angular-renderer';
+import { OrigoRendererComponent, WebExperienceAdapterService } from '@origostudio/angular-renderer';
 
 @Component({
   selector: 'origo-root',