@uni-design-system/uni-angular 0.1.0

package/.storybook/main.ts

@@ -0,0 +1,24 @@
+import type { StorybookConfig } from '@analogjs/storybook-angular';
+import { dirname } from "path"
+import { fileURLToPath } from "url"
+
+function getAbsolutePath(value: string) {
+  return dirname(fileURLToPath(import.meta.resolve(`${value}/package.json`)))
+}
+
+const config: StorybookConfig = {
+  "stories": [
+    "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"
+  ],
+  "addons": [
+    getAbsolutePath('@storybook/addon-a11y'),
+    getAbsolutePath('@storybook/addon-docs')
+  ],
+  "framework": {
+    // Switch this to the Analog framework to fix the 'undefined' error
+    name: getAbsolutePath('@analogjs/storybook-angular'),
+    options: {}
+  }
+};
+
+export default config;

package/.storybook/preview.ts

@@ -0,0 +1,14 @@
+import type { Preview } from '@storybook/angular'
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+       color: /(background|color)$/i,
+       date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

package/.storybook/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "moduleResolution": "bundler",
+    "module": "ESNext",
+    "esModuleInterop": true,
+    "types": ["node"],
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true
+  },
+  "exclude": ["../src/test.ts", "../src/**/*.spec.ts"],
+  "include": [
+    "../src/**/*.ts",            // Added: includes your actual components
+    "../src/**/*.stories.ts",    // Updated: specifically target TS stories
+    "./preview.ts",
+    "./main.ts"                  // Added: includes the config itself
+  ],
+  "files": ["./typings.d.ts"]
+}

package/.storybook/typings.d.ts

@@ -0,0 +1,4 @@
+declare module '*.md' {
+  const content: string;
+  export default content;
+}

package/.storybook/vite.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite';
+import tsconfigPaths from 'vite-tsconfig-paths';
+import angular from '@analogjs/vite-plugin-angular';
+
+export default defineConfig({
+  plugins: [angular(), tsconfigPaths()],
+});

package/.turbo/turbo-build.log

@@ -0,0 +1,23 @@
+
+$ pnpm ng-packagr -p ng-package.json
+Building Angular Package
+
+------------------------------------------------------------------------------
+Building entry point '@uni-design-system/uni-angular'
+------------------------------------------------------------------------------
+[?2026h⠋ Compiling with Angular sources in partial compilation mode.[?2026l[?2026h⠙ Compiling with Angular sources in partial compilation mode.[?2026l[?2026h⠹ Compiling with Angular sources in partial compilation mode.[?2026l✔ Compiling with Angular sources in partial compilation mode.
+[?2026h⠋ Writing FESM and DTS bundles[?2026l✔ Writing FESM and DTS bundles
+[?2026h⠋ Copying assets[?2026l✔ Copying assets
+[?2026h⠋ Writing package manifest[?2026lℹ Removing scripts section in package.json as it's considered a potential security vulnerability.
+ℹ Removing devDependencies section in package.json.
+✔ Writing package manifest
+✔ Built @uni-design-system/uni-angular
+
+------------------------------------------------------------------------------
+Built Angular Package
+- from: /Users/george/git/gaenglish/uni/packages/angular
+- to:   /Users/george/git/gaenglish/uni/packages/angular/dist
+------------------------------------------------------------------------------
+
+Build at: 2026-05-11T20:45:52.333Z - Time: 723ms
+

package/angular.json

@@ -0,0 +1,47 @@
+{
+  "$schema": "../../node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "@uni-design-system/uni-angular": {
+      "projectType": "library",
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "uni",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "options": {
+            "project": "ng-package.json"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "src/test.ts",
+            "tsConfig": "tsconfig.spec.json",
+            "karmaConfig": "karma.conf.js"
+          }
+        },
+        "storybook": {
+          "builder": "@storybook/angular:start-storybook",
+          "options": {
+            "configDir": ".storybook",
+            "browserTarget": "@uni-design-system/uni-angular:build",
+            "compodoc": false,
+            "port": 6007
+          }
+        },
+        "build-storybook": {
+          "builder": "@storybook/angular:build-storybook",
+          "options": {
+            "configDir": ".storybook",
+            "browserTarget": "@uni-design-system/uni-angular:build",
+            "compodoc": false,
+            "outputDir": "storybook-static"
+          }
+        }
+      }
+    }
+  }
+}

package/debug-storybook.log

@@ -0,0 +1,28 @@
+[14:23:36.870] [INFO] storybook v10.3.6
+[14:23:37.740] [DEBUG] Getting package.json info for /Users/george/git/gaenglish/uni/packages/angular/package.json...
+[14:23:38.002] [INFO] Starting...
+[14:23:38.138] [DEBUG] Starting preview..
+[14:23:38.145] [INFO] Addon-docs: using MDX3
+[14:23:38.157] [INFO] Using implicit CSS loaders
+[14:23:38.465] [ERROR] Failed to build the preview
+[14:23:38.466] [ERROR] SB_FRAMEWORK_ANGULAR_0001 (AngularLegacyBuildOptionsError): Your Storybook startup script uses a solution that is not supported anymore.
+You must use Angular builder to have an explicit configuration on the project used in angular.json.
+
+Please run 'npx storybook automigrate' to automatically fix your config.
+
+More info: 
+	- https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#angular-drop-support-for-calling-storybook-directly
+	- https://github.com/storybookjs/storybook/tree/next/code/frameworks/angular#how-do-i-migrate-to-an-angular-storybook-builder
+
+    at checkForLegacyBuildOptions (file:///Users/george/git/gaenglish/uni/node_modules/.pnpm/@storybook+angular@10.3.6_51f2ba54bcdf51a50f118aadc673eb3e/node_modules/@storybook/angular/dist/server/framework-preset-angular-cli.js:159:11)
+    at Object.webpackFinal (file:///Users/george/git/gaenglish/uni/node_modules/.pnpm/@storybook+angular@10.3.6_51f2ba54bcdf51a50f118aadc673eb3e/node_modules/@storybook/angular/dist/server/framework-preset-angular-cli.js:93:3)
+    at async Object.webpack (file:///Users/george/git/gaenglish/uni/node_modules/.pnpm/@storybook+builder-webpack5@10.3.6_esbuild@0.27.7_storybook@10.3.6_@testing-library+dom_db6b670199b912be7a72b23934922527/node_modules/@storybook/builder-webpack5/dist/presets/custom-webpack-preset.js:282:28)
+    at async starter (file:///Users/george/git/gaenglish/uni/node_modules/.pnpm/@storybook+builder-webpack5@10.3.6_esbuild@0.27.7_storybook@10.3.6_@testing-library+dom_db6b670199b912be7a72b23934922527/node_modules/@storybook/builder-webpack5/dist/index.js:753:16)
+    at async Module.start (file:///Users/george/git/gaenglish/uni/node_modules/.pnpm/@storybook+builder-webpack5@10.3.6_esbuild@0.27.7_storybook@10.3.6_@testing-library+dom_db6b670199b912be7a72b23934922527/node_modules/@storybook/builder-webpack5/dist/index.js:857:14)
+    at async storybookDevServer (file:///Users/george/git/gaenglish/uni/node_modules/.pnpm/storybook@10.3.6_@testing-library+dom@10.4.1_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/storybook/dist/core-server/index.js:7503:83)
+    at async buildOrThrow (file:///Users/george/git/gaenglish/uni/node_modules/.pnpm/storybook@10.3.6_@testing-library+dom@10.4.1_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/storybook/dist/core-server/index.js:4508:12)
+    at async buildDevStandalone (file:///Users/george/git/gaenglish/uni/node_modules/.pnpm/storybook@10.3.6_@testing-library+dom@10.4.1_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/storybook/dist/core-server/index.js:8033:41)
+    at async withTelemetry (file:///Users/george/git/gaenglish/uni/node_modules/.pnpm/storybook@10.3.6_@testing-library+dom@10.4.1_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/storybook/dist/_node-chunks/chunk-UYONHJJP.js:225:12)
+    at async dev (file:///Users/george/git/gaenglish/uni/node_modules/.pnpm/storybook@10.3.6_@testing-library+dom@10.4.1_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/storybook/dist/bin/core.js:2736:3)
+[14:23:38.472] [WARN] Broken build, fix the error above.
+You may need to refresh the browser.

package/dist/fesm2022/uni-design-system-uni-angular.mjs

@@ -0,0 +1,32 @@
+import * as i0 from '@angular/core';
+import { Input, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class UniButtonComponent {
+    label = 'Button';
+    bgColor = "#000000";
+    textColor = "#fff";
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.12", type: UniButtonComponent, isStandalone: true, selector: "uni-button", inputs: { label: "label" }, ngImport: i0, template: `
+    <button [style.background-color]="bgColor" [style.color]="textColor">
+      {{ label }}
+    </button>
+  `, isInline: true, styles: ["button{padding:12px 24px;border-radius:4px;border:none;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'uni-button', standalone: true, imports: [CommonModule], template: `
+    <button [style.background-color]="bgColor" [style.color]="textColor">
+      {{ label }}
+    </button>
+  `, styles: ["button{padding:12px 24px;border-radius:4px;border:none;cursor:pointer}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UniButtonComponent };
+//# sourceMappingURL=uni-design-system-uni-angular.mjs.map

package/dist/fesm2022/uni-design-system-uni-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"uni-design-system-uni-angular.mjs","sources":["../../src/lib/button.component.ts","../../src/uni-design-system-uni-angular.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common'; // Still useful for pipes/directives\n\n@Component({\n  selector: 'uni-button',\n  standalone: true, // Optional but explicit\n  imports: [CommonModule],\n  template: `\n    <button [style.background-color]=\"bgColor\" [style.color]=\"textColor\">\n      {{ label }}\n    </button>\n  `,\n  styles: [`\n    button { padding: 12px 24px; border-radius: 4px; border: none; cursor: pointer; }\n  `]\n})\nexport class UniButtonComponent {\n  @Input() label: string = 'Button';\n  bgColor = \"#000000\";\n  textColor = \"#fff\";\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAgBa,kBAAkB,CAAA;IACpB,KAAK,GAAW,QAAQ;IACjC,OAAO,GAAG,SAAS;IACnB,SAAS,GAAG,MAAM;wGAHP,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EATnB;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,0EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EALS,YAAY,EAAA,CAAA,EAAA,CAAA;;4FAUX,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAb9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,cACV,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,QAAA,EACb;;;;AAIT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,0EAAA,CAAA,EAAA;;sBAMA;;;ACjBH;;AAEG;;;;"}

package/dist/types/uni-design-system-uni-angular.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from '@angular/core';
+
+declare class UniButtonComponent {
+    label: string;
+    bgColor: string;
+    textColor: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UniButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UniButtonComponent, "uni-button", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+export { UniButtonComponent };

package/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../node_modules/.pnpm/ng-packagr@21.2.3_@angular+compiler-cli@21.2.11_@angular+compiler@21.2.11_typescript@6.0.3__tslib@2.8.1_typescript@6.0.3/node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  },
+  "dest": "dist"
+}

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@uni-design-system/uni-angular",
+  "version": "0.1.0",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "pnpm ng-packagr -p ng-package.json",
+    "storybook": "ng run @uni-design-system/uni-angular:storybook",
+    "build-storybook": "ng run @uni-design-system/uni-angular:build-storybook",
+    "release": "pnpm build && pnpm changeset publish"
+  },
+  "peerDependencies": {
+    "@angular/common": "21.2.12",
+    "@angular/core": "21.2.12",
+    "@uni-design-system/uni-core": "workspace:*"
+  },
+  "devDependencies": {
+    "@analogjs/storybook-angular": "^2.5.0",
+    "@analogjs/vite-plugin-angular": "^2.5.0",
+    "@angular-devkit/architect": "^0.2102.10",
+    "@angular-devkit/build-angular": "^21.2.10",
+    "@angular-devkit/core": "21.2.10",
+    "@angular/compiler": "21.2.12",
+    "@angular/compiler-cli": "21.2.12",
+    "@angular/platform-browser-dynamic": "21.2.12",
+    "@storybook/addon-a11y": "^10.3.6",
+    "@storybook/addon-docs": "^10.3.6",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/angular": "^10.3.6",
+    "@uni-design-system/tsconfig": "workspace:*",
+    "ng-packagr": "^21.0.0",
+    "storybook": "^10.3.6",
+    "tslib": "^2.8.1",
+    "typescript": "5.9.3",
+    "vite": "^8.0.10",
+    "vite-tsconfig-paths": "^6.1.1"
+  }
+}

package/src/lib/button.component.ts

@@ -0,0 +1,21 @@
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common'; // Still useful for pipes/directives
+
+@Component({
+  selector: 'uni-button',
+  standalone: true, // Optional but explicit
+  imports: [CommonModule],
+  template: `
+    <button [style.background-color]="bgColor" [style.color]="textColor">
+      {{ label }}
+    </button>
+  `,
+  styles: [`
+    button { padding: 12px 24px; border-radius: 4px; border: none; cursor: pointer; }
+  `]
+})
+export class UniButtonComponent {
+  @Input() label: string = 'Button';
+  bgColor = "#000000";
+  textColor = "#fff";
+}

package/src/lib/button.stories.ts

@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/angular';
+import { UniButtonComponent } from './button.component';
+
+const meta: Meta<UniButtonComponent> = {
+  title: 'Components/UniButton',
+  component: UniButtonComponent, // Storybook 11+ handles standalone components automatically here
+  render: (args) => ({
+    props: args,
+    // We don't need 'template' if we just want to render the component as is
+  }),
+};
+
+export default meta;
+type Story = StoryObj<UniButtonComponent>;
+
+export const Primary: Story = {
+  args: {
+    label: 'My Angular Component',
+  },
+};

package/src/public-api.ts

@@ -0,0 +1 @@
+export * from './lib/button.component';

package/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "extends": "@uni-design-system/tsconfig/base.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "module": "ESNext",
+    "target": "ES2022",
+    "esModuleInterop": true,
+    "types": ["node", "vite/client"],
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "useDefineForClassFields": false,
+    "ignoreDeprecations": "6.0",
+  },
+  "include": ["src/**/*", "vite.config.ts"],
+  "exclude": ["node_modules", "dist", "**/*.spec.ts", "**/*.stories.ts"]
+}