Add Angular framework adapter to core

packages/core/package.json

@@ -26,6 +26,10 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
+    "./angular": {
+      "types": "./dist/index.angular.d.ts",
+      "default": "./dist/index.angular.js"
+    },
     "./preact": {
       "types": "./dist/index.preact.d.ts",
       "default": "./dist/index.preact.js"
@@ -68,6 +72,7 @@
     "build": "tsdown"
   },
   "devDependencies": {
+    "@angular/core": "^21.0.0",
     "@formisch/eslint-config": "workspace:*",
     "@preact/signals": "^2.2.1",
     "@qwik.dev/core": "2.0.0-beta.5",
@@ -86,6 +91,7 @@
     "vue": "^3.5.17"
   },
   "peerDependencies": {
+    "@angular/core": ">=17.0.0",
     "@qwik.dev/core": "^2.0.0",
     "solid-js": "^1.6.0",
     "svelte": "^5.29.0",
@@ -94,6 +100,9 @@
     "vue": "^3.3.0"
   },
   "peerDependenciesMeta": {
+    "@angular/core": {
+      "optional": true
+    },
     "@preact/signals": {
       "optional": true
     },

packages/core/src/framework/index.angular.ts

@@ -0,0 +1,52 @@
+import { signal } from '@angular/core';
+import type { Signal } from '../types/signal/index.ts';
+import type { Framework } from './index.ts';
+
+export { untracked as untrack } from '@angular/core';
+
+/**
+ * The current framework being used.
+ */
+export const framework: Framework = 'angular';
+
+/**
+ * Creates a unique identifier string.
+ *
+ * @returns The unique identifier.
+ */
+// @__NO_SIDE_EFFECTS__
+export function createId(): string {
+  return Math.random().toString(36).slice(2);
+}
+
+/**
+ * Creates a reactive signal with an initial value.
+ *
+ * @param initialValue The initial value.
+ *
+ * @returns The created signal.
+ */
+// @__NO_SIDE_EFFECTS__
+export function createSignal<T>(initialValue: T): Signal<T> {
+  const writableSignal = signal(initialValue);
+  return {
+    get value() {
+      return writableSignal();
+    },
+    set value(nextValue: T) {
+      writableSignal.set(nextValue);
+    },
+  };
+}
+
+/**
+ * Batches multiple signal updates into a single update cycle. This is a
+ * no-op in Angular as batching is handled automatically.
+ *
+ * @param fn The function to execute.
+ *
+ * @returns The return value of the function.
+ */
+export function batch<T>(fn: () => T): T {
+  return fn();
+}

packages/core/src/framework/index.ts

@@ -6,6 +6,7 @@ import type { Signal } from '../types/index.ts';
  * Framework type.
  */
 export type Framework =
+  | 'angular'
   | 'preact'
   | 'qwik'
   | 'react'

packages/core/tsdown.config.ts

@@ -4,7 +4,7 @@ import { join } from 'node:path';
 import type { RolldownPluginOption } from 'rolldown';
 import { defineConfig, type UserConfig, type UserConfigFn } from 'tsdown';
 
-type Framework = 'preact' | 'qwik' | 'react' | 'solid' | 'svelte' | 'vue';
+type Framework = 'angular' | 'preact' | 'qwik' | 'react' | 'solid' | 'svelte' | 'vue';
 
 /**
  * Rolldown plugin to rewrite framework-specific imports.
@@ -85,6 +85,7 @@ function defineFrameworkConfig(
   return defineConfig({
     entry: ['./src/index.ts'],
     external: [
+      '@angular/core',
       '@preact/signals',
       '@qwik.dev/core',
       'solid-js',
@@ -115,6 +116,7 @@ function defineFrameworkConfig(
 
 const config: (UserConfig | UserConfigFn)[] = [
   defineFrameworkConfig(null),
+  defineFrameworkConfig('angular'),
   defineFrameworkConfig('preact'),
   defineFrameworkConfig('qwik'),
   defineFrameworkConfig('react'),