@trineui/cli 0.1.0-beta.1 → 0.1.0

package/package.json

@@ -1,41 +1,34 @@
 {
   "name": "@trineui/cli",
-  "version": "0.1.0-beta.1",
-  "description": "Trine CLI — add, diff, sync, and eject Angular UI components",
-  "keywords": ["angular", "cli", "trine", "ui-components", "code-generation"],
-  "author": "Chatchawan Phrueksawan <pete.chatchawan@gmail.com>",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/petechatchawan/forge.git",
-    "directory": "packages/cli"
-  },
-  "homepage": "https://docs.trine-ui.dev/cli/reference",
-  "bugs": "https://github.com/petechatchawan/forge/issues",
+  "version": "0.1.0",
   "type": "module",
+  "description": "Copy-paste ownership CLI for Trine UI components.",
   "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
   "bin": {
-    "trine": "./dist/index.js"
-  },
-  "engines": {
-    "node": ">=18.0.0"
+    "trine": "./bin/trine.js"
   },
   "scripts": {
-    "build": "esbuild src/index.ts --bundle --platform=node --format=esm --outdir=dist --external:commander --external:diff --external:handlebars --external:@inquirer/* --external:node:stream --external:node:readline --external:node:events --external:node:util --external:ts-morph"
+    "build": "tsc -p tsconfig.build.json",
+    "prepack": "pnpm build"
   },
-  "dependencies": {
-    "@inquirer/prompts": "^8.3.2",
-    "commander": "^14.0.3",
-    "diff": "^8.0.3",
-    "handlebars": "^4.7.8",
-    "ts-morph": "^27.0.2"
+  "files": [
+    "bin",
+    "dist",
+    "templates",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
   },
-  "devDependencies": {
-    "@types/diff": "^8.0.0",
-    "@types/handlebars": "^4.1.0",
-    "esbuild": "^0.27.4",
-    "tsx": "^4.21.0",
-    "vitest": "^4.1.0"
+  "keywords": [
+    "trine",
+    "angular",
+    "cli",
+    "components",
+    "copy-paste",
+    "ownership"
+  ],
+  "dependencies": {
+    "typescript": "^5.9.2"
   }
 }

package/templates/button/button.html

@@ -0,0 +1,11 @@
+<button
+  [attr.aria-busy]="loading() ? 'true' : null"
+  [class]="classes()"
+  [disabled]="isDisabled()"
+  [type]="type()"
+>
+  @if (loading()) {
+    <span [class]="spinnerClasses()" aria-hidden="true"></span>
+  }
+  <ng-content></ng-content>
+</button>

package/templates/button/button.skin.ts

@@ -0,0 +1,128 @@
+import { cva } from 'class-variance-authority';
+
+export const buttonSkin = cva(
+  [
+    'inline-flex items-center justify-center gap-2',
+    'whitespace-nowrap align-middle',
+    'font-medium leading-none',
+    'select-none',
+    '[&:has(>.sr-only)]:gap-0 [&:has(>.sr-only)]:px-0',
+    'rounded-[var(--trine-radius-md)] border',
+    'transition-[background-color,border-color,color,box-shadow,transform] duration-[var(--trine-duration-base)] ease-[var(--trine-ease-default)]',
+    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--trine-color-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--trine-color-bg)]',
+    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-[var(--trine-color-text-disabled)] disabled:shadow-none',
+  ],
+  {
+    variants: {
+      variant: {
+        primary: [
+          'bg-[var(--trine-color-primary-default)]',
+          'border-[var(--trine-color-primary-default)]',
+          'text-[var(--trine-color-primary-fg)]',
+          'shadow-[var(--trine-shadow-sm)]',
+          'hover:bg-[var(--trine-color-primary-hover)] hover:border-[var(--trine-color-primary-hover)]',
+          'active:bg-[var(--trine-color-primary-active)] active:border-[var(--trine-color-primary-active)] active:translate-y-px active:shadow-none',
+          'disabled:border-[var(--trine-color-primary-subtle)] disabled:bg-[var(--trine-color-primary-subtle)]',
+        ],
+        secondary: [
+          'bg-[var(--trine-color-neutral-subtle)]',
+          'border-[var(--trine-color-border)]',
+          'text-[var(--trine-color-text)]',
+          'hover:bg-[var(--trine-color-neutral-hover)] hover:border-[var(--trine-color-border-strong)]',
+          'active:bg-[var(--trine-color-neutral-active)] active:border-[var(--trine-color-border-strong)] active:translate-y-px',
+          'disabled:border-[var(--trine-color-border)] disabled:bg-[var(--trine-color-neutral-subtle)]',
+        ],
+        ghost: [
+          'bg-transparent',
+          'border-transparent',
+          'text-[var(--trine-color-primary-default)]',
+          'hover:bg-[var(--trine-color-primary-subtle)] hover:text-[var(--trine-color-primary-hover)]',
+          'active:bg-[var(--trine-color-primary-subtle)] active:text-[var(--trine-color-primary-active)] active:translate-y-px',
+          'disabled:bg-transparent disabled:border-transparent disabled:text-[var(--trine-color-text-disabled)]',
+        ],
+        danger: [
+          'bg-[var(--trine-color-danger-default)]',
+          'border-[var(--trine-color-danger-default)]',
+          'text-[var(--trine-color-danger-fg)]',
+          'shadow-[var(--trine-shadow-sm)]',
+          'hover:bg-[var(--trine-color-danger-hover)] hover:border-[var(--trine-color-danger-hover)]',
+          'active:bg-[var(--trine-color-danger-active)] active:border-[var(--trine-color-danger-active)] active:translate-y-px active:shadow-none',
+          'disabled:border-[var(--trine-color-danger-subtle)] disabled:bg-[var(--trine-color-danger-subtle)]',
+        ],
+      },
+      size: {
+        sm: ['min-h-8 min-w-8 px-3 text-xs'],
+        md: ['min-h-9 min-w-9 px-4 text-sm'],
+        lg: ['min-h-11 min-w-11 px-6 text-base'],
+      },
+      loading: {
+        true: ['cursor-progress'],
+        false: null,
+      },
+    },
+    compoundVariants: [
+      {
+        variant: 'primary',
+        loading: true,
+        class: [
+          '[&[aria-busy=true]]:border-[var(--trine-color-primary-default)]',
+          '[&[aria-busy=true]]:bg-[var(--trine-color-primary-default)]',
+          '[&[aria-busy=true]]:text-[var(--trine-color-primary-fg)]',
+          '[&[aria-busy=true]]:shadow-[var(--trine-shadow-sm)]',
+        ],
+      },
+      {
+        variant: 'secondary',
+        loading: true,
+        class: [
+          '[&[aria-busy=true]]:border-[var(--trine-color-border)]',
+          '[&[aria-busy=true]]:bg-[var(--trine-color-neutral-subtle)]',
+          '[&[aria-busy=true]]:text-[var(--trine-color-text)]',
+        ],
+      },
+      {
+        variant: 'ghost',
+        loading: true,
+        class: [
+          '[&[aria-busy=true]]:border-transparent',
+          '[&[aria-busy=true]]:bg-[var(--trine-color-primary-subtle)]',
+          '[&[aria-busy=true]]:text-[var(--trine-color-primary-default)]',
+        ],
+      },
+      {
+        variant: 'danger',
+        loading: true,
+        class: [
+          '[&[aria-busy=true]]:border-[var(--trine-color-danger-default)]',
+          '[&[aria-busy=true]]:bg-[var(--trine-color-danger-default)]',
+          '[&[aria-busy=true]]:text-[var(--trine-color-danger-fg)]',
+          '[&[aria-busy=true]]:shadow-[var(--trine-shadow-sm)]',
+        ],
+      },
+    ],
+    defaultVariants: {
+      variant: 'primary',
+      size: 'md',
+      loading: false,
+    },
+  },
+);
+
+export const buttonSpinnerSkin = cva(
+  [
+    'inline-block shrink-0 rounded-full border-current border-solid border-r-transparent',
+    'animate-spin motion-reduce:animate-none',
+  ],
+  {
+    variants: {
+      size: {
+        sm: ['h-3 w-3 border-2'],
+        md: ['h-3.5 w-3.5 border-2'],
+        lg: ['h-4 w-4 border-2'],
+      },
+    },
+    defaultVariants: {
+      size: 'md',
+    },
+  },
+);

package/templates/button/button.ts

@@ -0,0 +1,39 @@
+import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
+import { buttonSkin, buttonSpinnerSkin } from './button.skin';
+
+export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export type ButtonType = 'button' | 'submit' | 'reset';
+
+@Component({
+  selector: 'trine-button',
+  templateUrl: './button.html',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  host: {
+    '[attr.data-variant]': 'variant()',
+    '[attr.data-size]': 'size()',
+  },
+})
+export class ButtonComponent {
+  readonly variant = input<ButtonVariant>('primary');
+  readonly size = input<ButtonSize>('md');
+  readonly disabled = input<boolean>(false);
+  readonly loading = input<boolean>(false);
+  readonly type = input<ButtonType>('button');
+
+  protected readonly isDisabled = computed(() => this.disabled() || this.loading());
+
+  protected readonly classes = computed(() =>
+    buttonSkin({
+      variant: this.variant(),
+      size: this.size(),
+      loading: this.loading(),
+    }),
+  );
+
+  protected readonly spinnerClasses = computed(() =>
+    buttonSpinnerSkin({
+      size: this.size(),
+    }),
+  );
+}

package/templates/styles/tokens.css

@@ -0,0 +1,102 @@
+:root {
+  --trine-color-primary-default: oklch(0.6204 0.195 253.83);
+  --trine-color-primary-hover: oklch(0.5804 0.195 253.83);
+  --trine-color-primary-active: oklch(0.5404 0.195 253.83);
+  --trine-color-primary-subtle: oklch(0.9524 0.02 253.83);
+  --trine-color-primary-fg: oklch(0.9911 0 0);
+
+  --trine-color-danger-default: oklch(0.6532 0.2335 25.74);
+  --trine-color-danger-hover: oklch(0.6132 0.2335 25.74);
+  --trine-color-danger-active: oklch(0.5732 0.2335 25.74);
+  --trine-color-danger-subtle: oklch(0.9524 0.025 25.74);
+  --trine-color-danger-fg: oklch(0.9911 0 0);
+
+  --trine-color-success-default: oklch(0.7329 0.1941 150.81);
+  --trine-color-success-hover: oklch(0.6929 0.1941 150.81);
+  --trine-color-success-active: oklch(0.6529 0.1941 150.81);
+  --trine-color-success-subtle: oklch(0.9524 0.02 150.81);
+  --trine-color-success-fg: oklch(0.2103 0.0059 150.81);
+
+  --trine-color-warning-default: oklch(0.7819 0.159 72.33);
+  --trine-color-warning-hover: oklch(0.7419 0.159 72.33);
+  --trine-color-warning-active: oklch(0.7019 0.159 72.33);
+  --trine-color-warning-subtle: oklch(0.9524 0.02 72.33);
+  --trine-color-warning-fg: oklch(0.2103 0.0059 72.33);
+
+  --trine-color-neutral-default: oklch(0.5517 0.003 253.83);
+  --trine-color-neutral-hover: oklch(0.9373 0.0012 253.83);
+  --trine-color-neutral-active: oklch(0.92 0.0015 253.83);
+  --trine-color-neutral-subtle: oklch(0.94 0.0015 253.83);
+  --trine-color-neutral-fg: oklch(0.2103 0.0059 253.83);
+
+  --trine-color-bg: oklch(0.9702 0.0015 253.83);
+  --trine-color-bg-elevated: oklch(1 0.0008 253.83);
+  --trine-color-bg-overlay: oklch(1 0.0004 253.83 / 0.82);
+  --trine-color-border: oklch(0.9 0.0015 253.83);
+  --trine-color-border-strong: oklch(0.871 0.0015 253.83);
+  --trine-color-ring: oklch(0.6204 0.195 253.83);
+  --trine-color-text: oklch(0.2103 0.0015 253.83);
+  --trine-color-text-subtle: oklch(0.5517 0.003 253.83);
+  --trine-color-text-disabled: oklch(0.5517 0.003 253.83);
+
+  --trine-radius-none: 0;
+  --trine-radius-sm: 0.375rem;
+  --trine-radius-md: 0.5rem;
+  --trine-radius-lg: 0.75rem;
+  --trine-radius-xl: 1rem;
+  --trine-radius-2xl: 1.25rem;
+  --trine-radius-full: 9999px;
+
+  --trine-shadow-sm: 0 1px 2px 0 oklch(0.16 0.01 258 / 0.12);
+  --trine-shadow-md: 0 10px 20px -10px oklch(0.16 0.01 258 / 0.22);
+  --trine-shadow-lg: 0 20px 40px -20px oklch(0.16 0.01 258 / 0.28);
+
+  --trine-duration-fast: 120ms;
+  --trine-duration-base: 180ms;
+  --trine-duration-slow: 280ms;
+  --trine-ease-default: cubic-bezier(0.2, 0, 0, 1);
+  --trine-ease-in: cubic-bezier(0.4, 0, 1, 1);
+  --trine-ease-out: cubic-bezier(0, 0, 0.2, 1);
+}
+
+html.dark {
+  --trine-color-primary-default: oklch(0.6204 0.195 253.83);
+  --trine-color-primary-hover: oklch(0.6704 0.195 253.83);
+  --trine-color-primary-active: oklch(0.5804 0.195 253.83);
+  --trine-color-primary-subtle: oklch(0.274 0.02 253.83);
+  --trine-color-primary-fg: oklch(0.9911 0 0);
+
+  --trine-color-danger-default: oklch(0.594 0.1973 24.63);
+  --trine-color-danger-hover: oklch(0.634 0.1973 24.63);
+  --trine-color-danger-active: oklch(0.554 0.1973 24.63);
+  --trine-color-danger-subtle: oklch(0.257 0.02 24.63);
+  --trine-color-danger-fg: oklch(0.9911 0 0);
+
+  --trine-color-success-default: oklch(0.7329 0.1941 150.81);
+  --trine-color-success-hover: oklch(0.7729 0.1941 150.81);
+  --trine-color-success-active: oklch(0.6929 0.1941 150.81);
+  --trine-color-success-subtle: oklch(0.257 0.02 150.81);
+  --trine-color-success-fg: oklch(0.2103 0.0059 150.81);
+
+  --trine-color-warning-default: oklch(0.8203 0.1392 76.34);
+  --trine-color-warning-hover: oklch(0.8603 0.1392 76.34);
+  --trine-color-warning-active: oklch(0.7803 0.1392 76.34);
+  --trine-color-warning-subtle: oklch(0.2721 0.02 76.34);
+  --trine-color-warning-fg: oklch(0.2103 0.0059 76.34);
+
+  --trine-color-neutral-default: oklch(0.705 0.003 253.83);
+  --trine-color-neutral-hover: oklch(0.3964 0.0015 253.83);
+  --trine-color-neutral-active: oklch(0.257 0.0023 253.83);
+  --trine-color-neutral-subtle: oklch(0.274 0.0015 253.83);
+  --trine-color-neutral-fg: oklch(0.9911 0.0015 253.83);
+
+  --trine-color-bg: oklch(0.12 0.0015 253.83);
+  --trine-color-bg-elevated: oklch(0.2103 0.003 253.83);
+  --trine-color-bg-overlay: oklch(0.2103 0.003 253.83 / 0.82);
+  --trine-color-border: oklch(0.28 0.0015 253.83);
+  --trine-color-border-strong: oklch(0.3964 0.0015 253.83);
+  --trine-color-ring: oklch(0.6204 0.195 253.83);
+  --trine-color-text: oklch(0.9911 0.0015 253.83);
+  --trine-color-text-subtle: oklch(0.705 0.003 253.83);
+  --trine-color-text-disabled: oklch(0.705 0.003 253.83);
+}

package/templates/styles/trine-consumer.css

@@ -0,0 +1,58 @@
+/* Consumer-safe styling/bootstrap baseline for copy-paste ownership delivery. */
+@import './tokens.css';
+@import 'tailwindcss';
+
+@source '../app';
+
+@theme {
+  --color-trine-primary: var(--trine-color-primary-default);
+  --color-trine-primary-hover: var(--trine-color-primary-hover);
+  --color-trine-primary-active: var(--trine-color-primary-active);
+  --color-trine-primary-subtle: var(--trine-color-primary-subtle);
+  --color-trine-primary-fg: var(--trine-color-primary-fg);
+
+  --color-trine-danger: var(--trine-color-danger-default);
+  --color-trine-danger-hover: var(--trine-color-danger-hover);
+  --color-trine-danger-active: var(--trine-color-danger-active);
+  --color-trine-danger-subtle: var(--trine-color-danger-subtle);
+  --color-trine-danger-fg: var(--trine-color-danger-fg);
+
+  --color-trine-success: var(--trine-color-success-default);
+  --color-trine-success-hover: var(--trine-color-success-hover);
+  --color-trine-success-active: var(--trine-color-success-active);
+  --color-trine-success-subtle: var(--trine-color-success-subtle);
+  --color-trine-success-fg: var(--trine-color-success-fg);
+
+  --color-trine-warning: var(--trine-color-warning-default);
+  --color-trine-warning-hover: var(--trine-color-warning-hover);
+  --color-trine-warning-active: var(--trine-color-warning-active);
+  --color-trine-warning-subtle: var(--trine-color-warning-subtle);
+  --color-trine-warning-fg: var(--trine-color-warning-fg);
+
+  --color-trine-neutral: var(--trine-color-neutral-default);
+  --color-trine-neutral-hover: var(--trine-color-neutral-hover);
+  --color-trine-neutral-active: var(--trine-color-neutral-active);
+  --color-trine-neutral-subtle: var(--trine-color-neutral-subtle);
+  --color-trine-neutral-fg: var(--trine-color-neutral-fg);
+
+  --color-trine-bg: var(--trine-color-bg);
+  --color-trine-bg-elevated: var(--trine-color-bg-elevated);
+  --color-trine-bg-overlay: var(--trine-color-bg-overlay);
+  --color-trine-border: var(--trine-color-border);
+  --color-trine-border-strong: var(--trine-color-border-strong);
+  --color-trine-text: var(--trine-color-text);
+  --color-trine-text-subtle: var(--trine-color-text-subtle);
+  --color-trine-text-disabled: var(--trine-color-text-disabled);
+
+  --radius-trine-none: var(--trine-radius-none);
+  --radius-trine-sm: var(--trine-radius-sm);
+  --radius-trine-md: var(--trine-radius-md);
+  --radius-trine-lg: var(--trine-radius-lg);
+  --radius-trine-xl: var(--trine-radius-xl);
+  --radius-trine-2xl: var(--trine-radius-2xl);
+  --radius-trine-full: var(--trine-radius-full);
+
+  --shadow-trine-sm: var(--trine-shadow-sm);
+  --shadow-trine-md: var(--trine-shadow-md);
+  --shadow-trine-lg: var(--trine-shadow-lg);
+}

package/CHANGELOG.md

@@ -1,30 +0,0 @@
-# @trine/cli Changelog
-
-## 0.1.0-beta.1 (2026-03-22)
-
-Initial beta release.
-
-### Commands
-
-- `trine add <component>` — Generate blueprint + skin files from templates
-- `trine diff <component>` — Show local and upstream status (read-only)
-- `trine sync <component>` — Auto-overwrite untouched blueprint with upstream changes
-- `trine sync <component> --interactive` — 3-way merge TUI for reviewing modified blueprints
-- `trine eject <component>` — Merge blueprint + skin into standalone component, one-way exit from lifecycle
-- `trine init` — Reconstruct manifest.json from existing blueprint files
-
-### Sync Model
-
-- Normalized text hash v0.1 for change detection
-- manifest.json (`.trine/manifest.json`) is source of truth for sync state
-- Gate G1 validated: Prettier reformat does not trigger false-positive dirty signal
-
-### Installation
-
-```bash
-npm install -g @trine/cli@beta
-```
-
-### Requirements
-
-- Node.js >=18.0.0

package/src/commands/add.ts

@@ -1,101 +0,0 @@
-import { Command } from 'commander';
-import {
-  writeFileSync,
-  existsSync,
-  mkdirSync,
-} from 'fs';
-import { resolve, join } from 'path';
-import { computeNormalizedHash } from '../utils/hash.js';
-import { readManifest, writeManifest } from '../utils/manifest.js';
-import { renderTemplate } from '../utils/template.js';
-import type { ComponentEntry, TrineManifest } from '../types/manifest.js';
-
-const ENGINE_VERSION = '0.1.0';
-const BLUEPRINT_SCHEMA_VERSION = '1.0.0';
-
-export const addCommand = new Command('add')
-  .argument('<component>', 'Component name (e.g. button)')
-  .option('--force', 'Overwrite existing blueprint (skin is NEVER overwritten)')
-  .option(
-    '--dir <path>',
-    'Output directory relative to project root',
-    'src/components/ui'
-  )
-  .description('Add a component blueprint + skin to your project')
-  .action(async (component: string, options: { force?: boolean; dir: string }) => {
-    const projectRoot = process.cwd();
-    const componentDir = resolve(projectRoot, options.dir, component);
-    const blueprintPath = join(componentDir, `${component}.blueprint.ts`);
-    const skinPath = join(componentDir, `${component}.skin.ts`);
-
-    if (!isSupportedComponent(component)) {
-      console.error(`✗ Unknown component: "${component}"`);
-      console.error(`  Supported: button, input, dialog, checkbox, select`);
-      process.exit(1);
-    }
-
-    if (existsSync(blueprintPath) && !options.force) {
-      console.error(`✗ ${component}.blueprint.ts already exists`);
-      console.error('');
-      console.error(`  To overwrite blueprint (skin will NOT be touched):`);
-      console.error(`    trine add ${component} --force`);
-      process.exit(1);
-    }
-
-    const ctx = {
-      engineVersion: ENGINE_VERSION,
-      blueprintSchemaVersion: BLUEPRINT_SCHEMA_VERSION,
-    };
-
-    const blueprintContent = renderTemplate(`${component}.blueprint.ts.hbs`, ctx);
-    const skinContent = renderTemplate(`${component}.skin.ts.hbs`, ctx);
-
-    mkdirSync(componentDir, { recursive: true });
-
-    writeFileSync(blueprintPath, blueprintContent, 'utf-8');
-    console.log(`  ✓ ${options.dir}/${component}/${component}.blueprint.ts`);
-
-    if (!existsSync(skinPath)) {
-      writeFileSync(skinPath, skinContent, 'utf-8');
-      console.log(`  ✓ ${options.dir}/${component}/${component}.skin.ts`);
-    } else {
-      console.log(`  ~ ${options.dir}/${component}/${component}.skin.ts (kept — user-owned)`);
-    }
-
-    const existingManifest = readManifest(projectRoot);
-    const manifest: TrineManifest = existingManifest ?? {
-      'trine-spec': '1.0',
-      components: {},
-    };
-
-    const blueprintHash = computeNormalizedHash(blueprintContent);
-
-    const entry: ComponentEntry = {
-      'engine-version': ENGINE_VERSION,
-      'blueprint-schema-version': BLUEPRINT_SCHEMA_VERSION,
-      'blueprint-hash': blueprintHash,
-      'blueprint-modified': false,
-      'synced-at': new Date().toISOString(),
-      'sync-model': 'normalized-text-v0.1',
-      'output-dir': options.dir,
-    };
-
-    manifest.components[component] = entry;
-    writeManifest(manifest, projectRoot);
-    console.log(`  ✓ .trine/manifest.json`);
-
-    console.log('');
-    console.log(`✓ trine add ${component} complete`);
-    console.log('');
-    console.log('  Next steps:');
-    console.log(`    Import ${capitalize(component)}Component in your module/component`);
-    console.log(`    Run: trine diff ${component}   — check for upstream changes`);
-  });
-
-function capitalize(s: string): string {
-  return s.charAt(0).toUpperCase() + s.slice(1);
-}
-
-function isSupportedComponent(name: string): boolean {
-  return ['button', 'input', 'dialog', 'checkbox', 'select'].includes(name);
-}

package/src/commands/diff.test.ts

@@ -1,55 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { computeNormalizedHash } from '../utils/hash.js';
-
-describe('hash normalization (Gate G1)', () => {
-  it('same content → same hash', () => {
-    const content = `import { Component } from '@angular/core';
-@Component({ selector: 'ui-button' })`;
-    expect(computeNormalizedHash(content)).toBe(computeNormalizedHash(content));
-  });
-
-  it('prettier-formatted single quotes → double quotes → same hash', () => {
-    const original = `import { Component } from '@angular/core';`;
-    const prettified = `import { Component } from "@angular/core";`;
-    expect(computeNormalizedHash(original)).toBe(computeNormalizedHash(prettified));
-  });
-
-  it('prettier multi-line → single line → same hash', () => {
-    const original = `@Component({
-  selector: 'ui-button',
-  standalone: true
-})`;
-    const prettified = `@Component({ selector: 'ui-button', standalone: true })`;
-    expect(computeNormalizedHash(original)).toBe(computeNormalizedHash(prettified));
-  });
-
-  it('prettier arrays with/without trailing comma → same hash', () => {
-    const noTrailing = `@Component({ inputs: ['a', 'b'] })`;
-    const withTrailing = `@Component({ inputs: ['a', 'b',] })`;
-    expect(computeNormalizedHash(noTrailing)).toBe(computeNormalizedHash(withTrailing));
-  });
-
-  it('prettier object spacing variations → same hash', () => {
-    const tight = `@Component({selector:'ui-button',standalone:true})`;
-    const spaced = `@Component({ selector: 'ui-button', standalone: true })`;
-    const multiline = `@Component({
-  selector: 'ui-button',
-  standalone: true
-})`;
-    const h1 = computeNormalizedHash(tight);
-    expect(computeNormalizedHash(spaced)).toBe(h1);
-    expect(computeNormalizedHash(multiline)).toBe(h1);
-  });
-
-  it('structural change → different hash', () => {
-    const v1 = `@Component({ selector: 'ui-button' })`;
-    const v2 = `@Component({ selector: 'ui-btn' })`;
-    expect(computeNormalizedHash(v1)).not.toBe(computeNormalizedHash(v2));
-  });
-
-  it('import order different → same hash (sorted)', () => {
-    const order1 = `import { A } from 'x';import { B } from 'y';`;
-    const order2 = `import { B } from 'y';import { A } from 'x';`;
-    expect(computeNormalizedHash(order1)).toBe(computeNormalizedHash(order2));
-  });
-});