@moltendb-web/angular 1.0.0-rc.5

package/README.md

@@ -0,0 +1,189 @@
+# @moltendb-web/angular
+
+The official Angular integration for MoltenDb, providing a seamless, highly reactive developer experience using modern Angular Signals.
+
+This package bridges the gap between MoltenDb's powerful Web Worker/WASM engine and your Angular UI, offering auto-updating data resources, built-in loading states, and elegant functional dependency injection.
+
+---
+
+## Installation
+
+```bash
+npm install @moltendb-web/core @moltendb-web/query @moltendb-web/angular
+```
+
+---
+
+## Step 1: Configure Assets (Crucial)
+
+MoltenDb runs its database engine inside a background Web Worker and relies on WebAssembly (WASM). You must tell Angular to serve these compiled files as public assets so the browser can load them.
+
+Update the `assets` array in your `angular.json` to include the MoltenDb distribution files:
+
+```json
+"assets": [
+  {
+    "glob": "moltendb-worker.js",
+    "input": "node_modules/@moltendb-web/core/dist",
+    "output": "/"
+  },
+  {
+    "glob": "moltendb.js",
+    "input": "node_modules/@moltendb-web/core/dist/wasm",
+    "output": "/wasm/"
+  },
+  {
+    "glob": "*.wasm",
+    "input": "node_modules/@moltendb-web/core/dist/wasm",
+    "output": "/wasm/"
+  }
+]
+```
+
+> **Note:** Restart your Angular dev server after modifying `angular.json`.
+
+---
+
+## Step 2: Provide MoltenDb
+
+Initialize MoltenDb in your app's root configuration (`app.config.ts`). This boots the engine, handles leader election across tabs, and makes the database available to your entire application.
+
+```typescript
+import { ApplicationConfig } from '@angular/core';
+import { provideMoltenDb } from '@moltendb-web/angular';
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideMoltenDb({
+      name: 'local_test_db',
+      workerUrl: '/moltendb-worker.js' // Points to the asset we exposed in Step 1
+    })
+  ]
+};
+```
+
+---
+
+## Step 3: Fetching and Mutating Data
+
+This library provides two distinct ways to interact with your database, depending on whether you are binding data to the UI or performing background mutations.
+
+### 1. The Reactive Way: `moltenDbResource`
+
+Use `moltenDbResource` when you want to display data in your template. It automatically handles loading states, catches errors, and listens for live database changes to keep your UI instantly synced across tabs.
+
+It pre-binds the collection for you, keeping your queries incredibly clean. The query function receives the pre-bound `collection` and the full `client` as arguments:
+
+```typescript
+import { Component } from '@angular/core';
+import { moltenDbResource } from '@moltendb-web/angular';
+
+interface UserDoc {
+  _key: string;
+  name: string;
+  role: string;
+}
+
+@Component({
+  selector: 'app-users',
+  template: `
+    @if (users.isLoading() && !users.value()) {
+      <p>Loading...</p>
+    }
+
+    @if (users.value(); as userList) {
+      <ul>
+        @for (user of userList; track user._key) {
+          <li>{{ user.name }} ({{ user.role }})</li>
+        }
+      </ul>
+    }
+
+    @if (users.error()) {
+      <div class="alert">{{ users.error().message }}</div>
+    }
+  `
+})
+export class UsersComponent {
+  // ⚡ The resource automatically fetches and updates when 'users' changes!
+  users = moltenDbResource<UserDoc[]>('users', async (collection) => {
+    console.log('Fetching users...');
+    const result = await collection.get().exec();
+    return result as unknown as UserDoc[];
+  });
+}
+```
+
+The returned `MoltenDbResource<T>` object exposes three readonly signals:
+
+| Signal | Type | Description |
+|---|---|---|
+| `value` | `Signal<T \| undefined>` | The latest query result |
+| `isLoading` | `Signal<boolean>` | `true` while a fetch is in progress |
+| `error` | `Signal<any \| null>` | The last error, or `null` if none |
+
+### 2. The Imperative Way: `moltendbClient()`
+
+Use the `moltendbClient()` injection hook when you need to write data, perform one-off queries in response to user actions (like button clicks), or run complex logic outside of the reactive UI flow.
+
+```typescript
+import { Component } from '@angular/core';
+import { moltendbClient } from '@moltendb-web/angular';
+
+@Component({
+  // ...
+})
+export class AdminComponent {
+  // ⚡ Grab direct, imperative access to the Query Client
+  private client = moltendbClient();
+
+  async addUser() {
+    const randomId = Math.random().toString(36).substring(2, 9);
+
+    // Direct, imperative database mutation
+    await this.client.collection('users').set({
+      [randomId]: {
+        name: 'Angular Dev ' + randomId,
+        role: 'Admin'
+      }
+    }).exec();
+
+    // Note: Any moltenDbResource listening to the 'users' collection
+    // will automatically refresh instantly after this set()!
+  }
+
+  async getUsers() {
+    // One-off imperative commands
+    const allUsers = await this.client.collection('users').get().exec();
+  }
+}
+```
+
+---
+
+## API Reference
+
+### `provideMoltenDb(config)`
+
+Registers MoltenDb as an Angular environment provider. Call this once in your root `app.config.ts`.
+
+| Option | Type | Description |
+|---|---|---|
+| `name` | `string` | The name of the database |
+| `workerUrl` | `string` | URL to the `moltendb-worker.js` asset |
+
+### `moltenDbResource<T>(collection, queryFn)`
+
+Creates a reactive resource bound to a collection. Must be called in an injection context (e.g. inside a component class field initializer).
+
+| Parameter | Type | Description |
+|---|---|---|
+| `collection` | `string` | The collection name to bind to |
+| `queryFn` | `(collection, client) => Promise<T>` | Async function receiving the pre-bound collection and the full `MoltenDbClient` |
+
+Returns a `MoltenDbResource<T>` with `value`, `isLoading`, and `error` signals.
+
+### `moltendbClient()`
+
+An injection hook that returns the underlying `MoltenDbClient` instance for imperative database access. Must be called in an injection context.
+

package/dist/angular/README.md

@@ -0,0 +1,189 @@
+# @moltendb-web/angular
+
+The official Angular integration for MoltenDb, providing a seamless, highly reactive developer experience using modern Angular Signals.
+
+This package bridges the gap between MoltenDb's powerful Web Worker/WASM engine and your Angular UI, offering auto-updating data resources, built-in loading states, and elegant functional dependency injection.
+
+---
+
+## Installation
+
+```bash
+npm install @moltendb-web/core @moltendb-web/query @moltendb-web/angular
+```
+
+---
+
+## Step 1: Configure Assets (Crucial)
+
+MoltenDb runs its database engine inside a background Web Worker and relies on WebAssembly (WASM). You must tell Angular to serve these compiled files as public assets so the browser can load them.
+
+Update the `assets` array in your `angular.json` to include the MoltenDb distribution files:
+
+```json
+"assets": [
+  {
+    "glob": "moltendb-worker.js",
+    "input": "node_modules/@moltendb-web/core/dist",
+    "output": "/"
+  },
+  {
+    "glob": "moltendb.js",
+    "input": "node_modules/@moltendb-web/core/dist/wasm",
+    "output": "/wasm/"
+  },
+  {
+    "glob": "*.wasm",
+    "input": "node_modules/@moltendb-web/core/dist/wasm",
+    "output": "/wasm/"
+  }
+]
+```
+
+> **Note:** Restart your Angular dev server after modifying `angular.json`.
+
+---
+
+## Step 2: Provide MoltenDb
+
+Initialize MoltenDb in your app's root configuration (`app.config.ts`). This boots the engine, handles leader election across tabs, and makes the database available to your entire application.
+
+```typescript
+import { ApplicationConfig } from '@angular/core';
+import { provideMoltenDb } from '@moltendb-web/angular';
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideMoltenDb({
+      name: 'local_test_db',
+      workerUrl: '/moltendb-worker.js' // Points to the asset we exposed in Step 1
+    })
+  ]
+};
+```
+
+---
+
+## Step 3: Fetching and Mutating Data
+
+This library provides two distinct ways to interact with your database, depending on whether you are binding data to the UI or performing background mutations.
+
+### 1. The Reactive Way: `moltenDbResource`
+
+Use `moltenDbResource` when you want to display data in your template. It automatically handles loading states, catches errors, and listens for live database changes to keep your UI instantly synced across tabs.
+
+It pre-binds the collection for you, keeping your queries incredibly clean. The query function receives the pre-bound `collection` and the full `client` as arguments:
+
+```typescript
+import { Component } from '@angular/core';
+import { moltenDbResource } from '@moltendb-web/angular';
+
+interface UserDoc {
+  _key: string;
+  name: string;
+  role: string;
+}
+
+@Component({
+  selector: 'app-users',
+  template: `
+    @if (users.isLoading() && !users.value()) {
+      <p>Loading...</p>
+    }
+
+    @if (users.value(); as userList) {
+      <ul>
+        @for (user of userList; track user._key) {
+          <li>{{ user.name }} ({{ user.role }})</li>
+        }
+      </ul>
+    }
+
+    @if (users.error()) {
+      <div class="alert">{{ users.error().message }}</div>
+    }
+  `
+})
+export class UsersComponent {
+  // ⚡ The resource automatically fetches and updates when 'users' changes!
+  users = moltenDbResource<UserDoc[]>('users', async (collection) => {
+    console.log('Fetching users...');
+    const result = await collection.get().exec();
+    return result as unknown as UserDoc[];
+  });
+}
+```
+
+The returned `MoltenDbResource<T>` object exposes three readonly signals:
+
+| Signal | Type | Description |
+|---|---|---|
+| `value` | `Signal<T \| undefined>` | The latest query result |
+| `isLoading` | `Signal<boolean>` | `true` while a fetch is in progress |
+| `error` | `Signal<any \| null>` | The last error, or `null` if none |
+
+### 2. The Imperative Way: `moltendbClient()`
+
+Use the `moltendbClient()` injection hook when you need to write data, perform one-off queries in response to user actions (like button clicks), or run complex logic outside of the reactive UI flow.
+
+```typescript
+import { Component } from '@angular/core';
+import { moltendbClient } from '@moltendb-web/angular';
+
+@Component({
+  // ...
+})
+export class AdminComponent {
+  // ⚡ Grab direct, imperative access to the Query Client
+  private client = moltendbClient();
+
+  async addUser() {
+    const randomId = Math.random().toString(36).substring(2, 9);
+
+    // Direct, imperative database mutation
+    await this.client.collection('users').set({
+      [randomId]: {
+        name: 'Angular Dev ' + randomId,
+        role: 'Admin'
+      }
+    }).exec();
+
+    // Note: Any moltenDbResource listening to the 'users' collection
+    // will automatically refresh instantly after this set()!
+  }
+
+  async getUsers() {
+    // One-off imperative commands
+    const allUsers = await this.client.collection('users').get().exec();
+  }
+}
+```
+
+---
+
+## API Reference
+
+### `provideMoltenDb(config)`
+
+Registers MoltenDb as an Angular environment provider. Call this once in your root `app.config.ts`.
+
+| Option | Type | Description |
+|---|---|---|
+| `name` | `string` | The name of the database |
+| `workerUrl` | `string` | URL to the `moltendb-worker.js` asset |
+
+### `moltenDbResource<T>(collection, queryFn)`
+
+Creates a reactive resource bound to a collection. Must be called in an injection context (e.g. inside a component class field initializer).
+
+| Parameter | Type | Description |
+|---|---|---|
+| `collection` | `string` | The collection name to bind to |
+| `queryFn` | `(collection, client) => Promise<T>` | Async function receiving the pre-bound collection and the full `MoltenDbClient` |
+
+Returns a `MoltenDbResource<T>` with `value`, `isLoading`, and `error` signals.
+
+### `moltendbClient()`
+
+An injection hook that returns the underlying `MoltenDbClient` instance for imperative database access. Must be called in an injection context.
+

package/dist/angular/esm2022/lib/moltendb.client.mjs

@@ -0,0 +1,10 @@
+import { inject } from '@angular/core';
+import { MoltenDbService } from './moltendb.service';
+/**
+ * Functional injection hook to access the MoltenDb Query Client.
+ * Removes the need to manually inject MoltenDbService in components.
+ */
+export function moltendbClient() {
+    return inject(MoltenDbService).client;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9sdGVuZGIuY2xpZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2x0ZW5kYi5jbGllbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV2QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFckQ7OztHQUdHO0FBQ0gsTUFBTSxVQUFVLGNBQWM7SUFDNUIsT0FBTyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUMsTUFBTSxDQUFDO0FBQ3hDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1vbHRlbkRiQ2xpZW50IH0gZnJvbSAnQG1vbHRlbmRiLXdlYi9xdWVyeSc7XG5pbXBvcnQgeyBNb2x0ZW5EYlNlcnZpY2UgfSBmcm9tICcuL21vbHRlbmRiLnNlcnZpY2UnO1xuXG4vKipcbiAqIEZ1bmN0aW9uYWwgaW5qZWN0aW9uIGhvb2sgdG8gYWNjZXNzIHRoZSBNb2x0ZW5EYiBRdWVyeSBDbGllbnQuXG4gKiBSZW1vdmVzIHRoZSBuZWVkIHRvIG1hbnVhbGx5IGluamVjdCBNb2x0ZW5EYlNlcnZpY2UgaW4gY29tcG9uZW50cy5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIG1vbHRlbmRiQ2xpZW50KCk6IE1vbHRlbkRiQ2xpZW50IHtcbiAgcmV0dXJuIGluamVjdChNb2x0ZW5EYlNlcnZpY2UpLmNsaWVudDtcbn0iXX0=

package/dist/angular/esm2022/lib/moltendb.provider.mjs

@@ -0,0 +1,8 @@
+import { InjectionToken, makeEnvironmentProviders } from '@angular/core';
+export const MOLTEN_CONFIG = new InjectionToken('MOLTEN_CONFIG');
+export function provideMoltenDb(config) {
+    return makeEnvironmentProviders([
+        { provide: MOLTEN_CONFIG, useValue: config }
+    ]);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9sdGVuZGIucHJvdmlkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL21vbHRlbmRiLnByb3ZpZGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBd0IsY0FBYyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBTy9GLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxJQUFJLGNBQWMsQ0FBeUIsZUFBZSxDQUFDLENBQUM7QUFFekYsTUFBTSxVQUFVLGVBQWUsQ0FBQyxNQUE4QjtJQUM1RCxPQUFPLHdCQUF3QixDQUFDO1FBQzlCLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFO0tBQzdDLENBQUMsQ0FBQztBQUNMLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFbnZpcm9ubWVudFByb3ZpZGVycywgSW5qZWN0aW9uVG9rZW4sIG1ha2VFbnZpcm9ubWVudFByb3ZpZGVycyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTW9sdGVuRGJPcHRpb25zIH0gZnJvbSAnQG1vbHRlbmRiLXdlYi9jb3JlJztcblxuZXhwb3J0IGludGVyZmFjZSBBbmd1bGFyTW9sdGVuRGJPcHRpb25zIGV4dGVuZHMgTW9sdGVuRGJPcHRpb25zIHtcbiAgbmFtZTogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgTU9MVEVOX0NPTkZJRyA9IG5ldyBJbmplY3Rpb25Ub2tlbjxBbmd1bGFyTW9sdGVuRGJPcHRpb25zPignTU9MVEVOX0NPTkZJRycpO1xuXG5leHBvcnQgZnVuY3Rpb24gcHJvdmlkZU1vbHRlbkRiKGNvbmZpZzogQW5ndWxhck1vbHRlbkRiT3B0aW9ucyk6IEVudmlyb25tZW50UHJvdmlkZXJzIHtcbiAgcmV0dXJuIG1ha2VFbnZpcm9ubWVudFByb3ZpZGVycyhbXG4gICAgeyBwcm92aWRlOiBNT0xURU5fQ09ORklHLCB1c2VWYWx1ZTogY29uZmlnIH1cbiAgXSk7XG59Il19

package/dist/angular/esm2022/lib/moltendb.resource.mjs

@@ -0,0 +1,47 @@
+import { inject, signal, effect, untracked } from '@angular/core';
+import { MoltenDbService } from './moltendb.service';
+export function moltenDbResource(collection, 
+//  Automatically infer the return type of .collection()
+queryFn) {
+    const molten = inject(MoltenDbService);
+    const value = signal(undefined);
+    const isLoading = signal(false);
+    const error = signal(null);
+    const fetchData = async () => {
+        untracked(() => isLoading.set(true));
+        try {
+            // ⚡ Pre-bind the collection and pass it in!
+            const result = await queryFn(molten.client.collection(collection), molten.client);
+            value.set(result);
+            error.set(null);
+        }
+        catch (err) {
+            if (err.message?.includes('404')) {
+                value.set([]);
+                error.set(null);
+            }
+            else {
+                error.set(err);
+            }
+        }
+        finally {
+            isLoading.set(false);
+        }
+    };
+    effect((onCleanup) => {
+        if (!molten.isReady())
+            return;
+        fetchData();
+        const unsubscribe = molten.db.subscribe((evt) => {
+            if (evt.collection === collection)
+                fetchData();
+        });
+        onCleanup(() => unsubscribe());
+    });
+    return {
+        value: value.asReadonly(),
+        isLoading: isLoading.asReadonly(),
+        error: error.asReadonly()
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9sdGVuZGIucmVzb3VyY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL21vbHRlbmRiLnJlc291cmNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBVSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBUXJELE1BQU0sVUFBVSxnQkFBZ0IsQ0FDNUIsVUFBa0I7QUFDbEIsd0RBQXdEO0FBQ3hELE9BQXFHO0lBRXZHLE1BQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUV2QyxNQUFNLEtBQUssR0FBRyxNQUFNLENBQWdCLFNBQVMsQ0FBQyxDQUFDO0lBQy9DLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUN6QyxNQUFNLEtBQUssR0FBRyxNQUFNLENBQWEsSUFBSSxDQUFDLENBQUM7SUFFdkMsTUFBTSxTQUFTLEdBQUcsS0FBSyxJQUFJLEVBQUU7UUFDM0IsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztRQUVyQyxJQUFJLENBQUM7WUFDSCw0Q0FBNEM7WUFDNUMsTUFBTSxNQUFNLEdBQUcsTUFBTSxPQUFPLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsVUFBVSxDQUFDLEVBQUUsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQ2xGLEtBQUssQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDbEIsS0FBSyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNsQixDQUFDO1FBQUMsT0FBTyxHQUFRLEVBQUUsQ0FBQztZQUNsQixJQUFJLEdBQUcsQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUM7Z0JBQ2pDLEtBQUssQ0FBQyxHQUFHLENBQUMsRUFBUyxDQUFDLENBQUM7Z0JBQ3JCLEtBQUssQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDbEIsQ0FBQztpQkFBTSxDQUFDO2dCQUNOLEtBQUssQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDakIsQ0FBQztRQUNILENBQUM7Z0JBQVMsQ0FBQztZQUNULFNBQVMsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdkIsQ0FBQztJQUNILENBQUMsQ0FBQztJQUVGLE1BQU0sQ0FBQyxDQUFDLFNBQVMsRUFBRSxFQUFFO1FBQ25CLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFO1lBQUUsT0FBTztRQUU5QixTQUFTLEVBQUUsQ0FBQztRQUVaLE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUU7WUFDOUMsSUFBSSxHQUFHLENBQUMsVUFBVSxLQUFLLFVBQVU7Z0JBQUUsU0FBUyxFQUFFLENBQUM7UUFDakQsQ0FBQyxDQUFDLENBQUM7UUFFSCxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQztJQUNqQyxDQUFDLENBQUMsQ0FBQztJQUVILE9BQU87UUFDTCxLQUFLLEVBQUUsS0FBSyxDQUFDLFVBQVUsRUFBRTtRQUN6QixTQUFTLEVBQUUsU0FBUyxDQUFDLFVBQVUsRUFBRTtRQUNqQyxLQUFLLEVBQUUsS0FBSyxDQUFDLFVBQVUsRUFBRTtLQUMxQixDQUFDO0FBQ0osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGluamVjdCwgc2lnbmFsLCBlZmZlY3QsIFNpZ25hbCwgdW50cmFja2VkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNb2x0ZW5EYkNsaWVudCB9IGZyb20gJ0Btb2x0ZW5kYi13ZWIvcXVlcnknO1xuaW1wb3J0IHsgTW9sdGVuRGJTZXJ2aWNlIH0gZnJvbSAnLi9tb2x0ZW5kYi5zZXJ2aWNlJztcblxuZXhwb3J0IGludGVyZmFjZSBNb2x0ZW5EYlJlc291cmNlPFQ+IHtcbiAgdmFsdWU6IFNpZ25hbDxUIHwgdW5kZWZpbmVkPjtcbiAgaXNMb2FkaW5nOiBTaWduYWw8Ym9vbGVhbj47XG4gIGVycm9yOiBTaWduYWw8YW55IHwgbnVsbD47XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBtb2x0ZW5EYlJlc291cmNlPFQ+KFxuICAgIGNvbGxlY3Rpb246IHN0cmluZyxcbiAgICAvLyAgQXV0b21hdGljYWxseSBpbmZlciB0aGUgcmV0dXJuIHR5cGUgb2YgLmNvbGxlY3Rpb24oKVxuICAgIHF1ZXJ5Rm46IChjb2xsZWN0aW9uOiBSZXR1cm5UeXBlPE1vbHRlbkRiQ2xpZW50Wydjb2xsZWN0aW9uJ10+LCBjbGllbnQ6IE1vbHRlbkRiQ2xpZW50KSA9PiBQcm9taXNlPFQ+XG4pOiBNb2x0ZW5EYlJlc291cmNlPFQ+IHtcbiAgY29uc3QgbW9sdGVuID0gaW5qZWN0KE1vbHRlbkRiU2VydmljZSk7XG5cbiAgY29uc3QgdmFsdWUgPSBzaWduYWw8VCB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcbiAgY29uc3QgaXNMb2FkaW5nID0gc2lnbmFsPGJvb2xlYW4+KGZhbHNlKTtcbiAgY29uc3QgZXJyb3IgPSBzaWduYWw8YW55IHwgbnVsbD4obnVsbCk7XG5cbiAgY29uc3QgZmV0Y2hEYXRhID0gYXN5bmMgKCkgPT4ge1xuICAgIHVudHJhY2tlZCgoKSA9PiBpc0xvYWRpbmcuc2V0KHRydWUpKTtcblxuICAgIHRyeSB7XG4gICAgICAvLyDimqEgUHJlLWJpbmQgdGhlIGNvbGxlY3Rpb24gYW5kIHBhc3MgaXQgaW4hXG4gICAgICBjb25zdCByZXN1bHQgPSBhd2FpdCBxdWVyeUZuKG1vbHRlbi5jbGllbnQuY29sbGVjdGlvbihjb2xsZWN0aW9uKSwgbW9sdGVuLmNsaWVudCk7XG4gICAgICB2YWx1ZS5zZXQocmVzdWx0KTtcbiAgICAgIGVycm9yLnNldChudWxsKTtcbiAgICB9IGNhdGNoIChlcnI6IGFueSkge1xuICAgICAgaWYgKGVyci5tZXNzYWdlPy5pbmNsdWRlcygnNDA0JykpIHtcbiAgICAgICAgdmFsdWUuc2V0KFtdIGFzIGFueSk7XG4gICAgICAgIGVycm9yLnNldChudWxsKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGVycm9yLnNldChlcnIpO1xuICAgICAgfVxuICAgIH0gZmluYWxseSB7XG4gICAgICBpc0xvYWRpbmcuc2V0KGZhbHNlKTtcbiAgICB9XG4gIH07XG5cbiAgZWZmZWN0KChvbkNsZWFudXApID0+IHtcbiAgICBpZiAoIW1vbHRlbi5pc1JlYWR5KCkpIHJldHVybjtcblxuICAgIGZldGNoRGF0YSgpO1xuXG4gICAgY29uc3QgdW5zdWJzY3JpYmUgPSBtb2x0ZW4uZGIuc3Vic2NyaWJlKChldnQpID0+IHtcbiAgICAgIGlmIChldnQuY29sbGVjdGlvbiA9PT0gY29sbGVjdGlvbikgZmV0Y2hEYXRhKCk7XG4gICAgfSk7XG5cbiAgICBvbkNsZWFudXAoKCkgPT4gdW5zdWJzY3JpYmUoKSk7XG4gIH0pO1xuXG4gIHJldHVybiB7XG4gICAgdmFsdWU6IHZhbHVlLmFzUmVhZG9ubHkoKSxcbiAgICBpc0xvYWRpbmc6IGlzTG9hZGluZy5hc1JlYWRvbmx5KCksXG4gICAgZXJyb3I6IGVycm9yLmFzUmVhZG9ubHkoKVxuICB9O1xufSJdfQ==

package/dist/angular/esm2022/lib/moltendb.service.mjs

@@ -0,0 +1,30 @@
+import { Injectable, inject, signal } from '@angular/core';
+import { MoltenDb } from '@moltendb-web/core';
+import { MoltenDbClient } from '@moltendb-web/query';
+import { MOLTEN_CONFIG } from './moltendb.provider';
+import * as i0 from "@angular/core";
+export class MoltenDbService {
+    db;
+    client;
+    // A Signal components can watch to know when WASM is booted and Leader Election is done
+    isReady = signal(false);
+    constructor() {
+        // 🚀 Modern Angular Injection (No constructor decorators needed!)
+        const config = inject(MOLTEN_CONFIG);
+        this.db = new MoltenDb(config.name, config);
+        this.client = new MoltenDbClient(this.db);
+        // Boot the engine and update the signal when done
+        this.db.init().then(() => {
+            this.isReady.set(true);
+        }).catch(err => {
+            console.error('[MoltenDb] Failed to initialize', err);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MoltenDbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MoltenDbService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MoltenDbService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9sdGVuZGIuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvbW9sdGVuZGIuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0QsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBR3BELE1BQU0sT0FBTyxlQUFlO0lBQ25CLEVBQUUsQ0FBVztJQUNiLE1BQU0sQ0FBaUI7SUFFOUIsd0ZBQXdGO0lBQ2pGLE9BQU8sR0FBRyxNQUFNLENBQVUsS0FBSyxDQUFDLENBQUM7SUFFeEM7UUFDRSxrRUFBa0U7UUFDbEUsTUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBRXJDLElBQUksQ0FBQyxFQUFFLEdBQUcsSUFBSSxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQztRQUM1QyxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksY0FBYyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUUxQyxrREFBa0Q7UUFDbEQsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3pCLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUNiLE9BQU8sQ0FBQyxLQUFLLENBQUMsaUNBQWlDLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFDeEQsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO3dHQXBCVSxlQUFlOzRHQUFmLGVBQWUsY0FERixNQUFNOzs0RkFDbkIsZUFBZTtrQkFEM0IsVUFBVTttQkFBQyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlLCBpbmplY3QsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTW9sdGVuRGIgfSBmcm9tICdAbW9sdGVuZGItd2ViL2NvcmUnO1xuaW1wb3J0IHsgTW9sdGVuRGJDbGllbnQgfSBmcm9tICdAbW9sdGVuZGItd2ViL3F1ZXJ5JztcbmltcG9ydCB7IE1PTFRFTl9DT05GSUcgfSBmcm9tICcuL21vbHRlbmRiLnByb3ZpZGVyJztcblxuQEluamVjdGFibGUoeyBwcm92aWRlZEluOiAncm9vdCcgfSlcbmV4cG9ydCBjbGFzcyBNb2x0ZW5EYlNlcnZpY2Uge1xuICBwdWJsaWMgZGI6IE1vbHRlbkRiO1xuICBwdWJsaWMgY2xpZW50OiBNb2x0ZW5EYkNsaWVudDtcblxuICAvLyBBIFNpZ25hbCBjb21wb25lbnRzIGNhbiB3YXRjaCB0byBrbm93IHdoZW4gV0FTTSBpcyBib290ZWQgYW5kIExlYWRlciBFbGVjdGlvbiBpcyBkb25lXG4gIHB1YmxpYyBpc1JlYWR5ID0gc2lnbmFsPGJvb2xlYW4+KGZhbHNlKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICAvLyDwn5qAIE1vZGVybiBBbmd1bGFyIEluamVjdGlvbiAoTm8gY29uc3RydWN0b3IgZGVjb3JhdG9ycyBuZWVkZWQhKVxuICAgIGNvbnN0IGNvbmZpZyA9IGluamVjdChNT0xURU5fQ09ORklHKTtcblxuICAgIHRoaXMuZGIgPSBuZXcgTW9sdGVuRGIoY29uZmlnLm5hbWUsIGNvbmZpZyk7XG4gICAgdGhpcy5jbGllbnQgPSBuZXcgTW9sdGVuRGJDbGllbnQodGhpcy5kYik7XG5cbiAgICAvLyBCb290IHRoZSBlbmdpbmUgYW5kIHVwZGF0ZSB0aGUgc2lnbmFsIHdoZW4gZG9uZVxuICAgIHRoaXMuZGIuaW5pdCgpLnRoZW4oKCkgPT4ge1xuICAgICAgdGhpcy5pc1JlYWR5LnNldCh0cnVlKTtcbiAgICB9KS5jYXRjaChlcnIgPT4ge1xuICAgICAgY29uc29sZS5lcnJvcignW01vbHRlbkRiXSBGYWlsZWQgdG8gaW5pdGlhbGl6ZScsIGVycik7XG4gICAgfSk7XG4gIH1cbn0iXX0=

package/dist/angular/esm2022/moltendb-web-angular.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9sdGVuZGItd2ViLWFuZ3VsYXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbW9sdGVuZGItd2ViLWFuZ3VsYXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/dist/angular/esm2022/public-api.mjs

@@ -0,0 +1,7 @@
+/*
+ * Public API Surface of @moltendb-web/angular
+ */
+export * from './lib/moltendb.provider';
+export * from './lib/moltendb.resource';
+export * from './lib/moltendb.client';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsdUJBQXVCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIEBtb2x0ZW5kYi13ZWIvYW5ndWxhclxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL21vbHRlbmRiLnByb3ZpZGVyJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vbHRlbmRiLnJlc291cmNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vbHRlbmRiLmNsaWVudCc7Il19

package/dist/angular/fesm2022/moltendb-web-angular.mjs

@@ -0,0 +1,100 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, makeEnvironmentProviders, signal, inject, Injectable, untracked, effect } from '@angular/core';
+import { MoltenDb } from '@moltendb-web/core';
+import { MoltenDbClient } from '@moltendb-web/query';
+
+const MOLTEN_CONFIG = new InjectionToken('MOLTEN_CONFIG');
+function provideMoltenDb(config) {
+    return makeEnvironmentProviders([
+        { provide: MOLTEN_CONFIG, useValue: config }
+    ]);
+}
+
+class MoltenDbService {
+    db;
+    client;
+    // A Signal components can watch to know when WASM is booted and Leader Election is done
+    isReady = signal(false);
+    constructor() {
+        // 🚀 Modern Angular Injection (No constructor decorators needed!)
+        const config = inject(MOLTEN_CONFIG);
+        this.db = new MoltenDb(config.name, config);
+        this.client = new MoltenDbClient(this.db);
+        // Boot the engine and update the signal when done
+        this.db.init().then(() => {
+            this.isReady.set(true);
+        }).catch(err => {
+            console.error('[MoltenDb] Failed to initialize', err);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MoltenDbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MoltenDbService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MoltenDbService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+function moltenDbResource(collection, 
+//  Automatically infer the return type of .collection()
+queryFn) {
+    const molten = inject(MoltenDbService);
+    const value = signal(undefined);
+    const isLoading = signal(false);
+    const error = signal(null);
+    const fetchData = async () => {
+        untracked(() => isLoading.set(true));
+        try {
+            // ⚡ Pre-bind the collection and pass it in!
+            const result = await queryFn(molten.client.collection(collection), molten.client);
+            value.set(result);
+            error.set(null);
+        }
+        catch (err) {
+            if (err.message?.includes('404')) {
+                value.set([]);
+                error.set(null);
+            }
+            else {
+                error.set(err);
+            }
+        }
+        finally {
+            isLoading.set(false);
+        }
+    };
+    effect((onCleanup) => {
+        if (!molten.isReady())
+            return;
+        fetchData();
+        const unsubscribe = molten.db.subscribe((evt) => {
+            if (evt.collection === collection)
+                fetchData();
+        });
+        onCleanup(() => unsubscribe());
+    });
+    return {
+        value: value.asReadonly(),
+        isLoading: isLoading.asReadonly(),
+        error: error.asReadonly()
+    };
+}
+
+/**
+ * Functional injection hook to access the MoltenDb Query Client.
+ * Removes the need to manually inject MoltenDbService in components.
+ */
+function moltendbClient() {
+    return inject(MoltenDbService).client;
+}
+
+/*
+ * Public API Surface of @moltendb-web/angular
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MOLTEN_CONFIG, moltenDbResource, moltendbClient, provideMoltenDb };
+//# sourceMappingURL=moltendb-web-angular.mjs.map

package/dist/angular/fesm2022/moltendb-web-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"moltendb-web-angular.mjs","sources":["../../../src/lib/moltendb.provider.ts","../../../src/lib/moltendb.service.ts","../../../src/lib/moltendb.resource.ts","../../../src/lib/moltendb.client.ts","../../../src/public-api.ts","../../../src/moltendb-web-angular.ts"],"sourcesContent":["import { EnvironmentProviders, InjectionToken, makeEnvironmentProviders } from '@angular/core';\nimport { MoltenDbOptions } from '@moltendb-web/core';\n\nexport interface AngularMoltenDbOptions extends MoltenDbOptions {\n  name: string;\n}\n\nexport const MOLTEN_CONFIG = new InjectionToken<AngularMoltenDbOptions>('MOLTEN_CONFIG');\n\nexport function provideMoltenDb(config: AngularMoltenDbOptions): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    { provide: MOLTEN_CONFIG, useValue: config }\n  ]);\n}","import { Injectable, inject, signal } from '@angular/core';\nimport { MoltenDb } from '@moltendb-web/core';\nimport { MoltenDbClient } from '@moltendb-web/query';\nimport { MOLTEN_CONFIG } from './moltendb.provider';\n\n@Injectable({ providedIn: 'root' })\nexport class MoltenDbService {\n  public db: MoltenDb;\n  public client: MoltenDbClient;\n\n  // A Signal components can watch to know when WASM is booted and Leader Election is done\n  public isReady = signal<boolean>(false);\n\n  constructor() {\n    // 🚀 Modern Angular Injection (No constructor decorators needed!)\n    const config = inject(MOLTEN_CONFIG);\n\n    this.db = new MoltenDb(config.name, config);\n    this.client = new MoltenDbClient(this.db);\n\n    // Boot the engine and update the signal when done\n    this.db.init().then(() => {\n      this.isReady.set(true);\n    }).catch(err => {\n      console.error('[MoltenDb] Failed to initialize', err);\n    });\n  }\n}","import { inject, signal, effect, Signal, untracked } from '@angular/core';\nimport { MoltenDbClient } from '@moltendb-web/query';\nimport { MoltenDbService } from './moltendb.service';\n\nexport interface MoltenDbResource<T> {\n  value: Signal<T | undefined>;\n  isLoading: Signal<boolean>;\n  error: Signal<any | null>;\n}\n\nexport function moltenDbResource<T>(\n    collection: string,\n    //  Automatically infer the return type of .collection()\n    queryFn: (collection: ReturnType<MoltenDbClient['collection']>, client: MoltenDbClient) => Promise<T>\n): MoltenDbResource<T> {\n  const molten = inject(MoltenDbService);\n\n  const value = signal<T | undefined>(undefined);\n  const isLoading = signal<boolean>(false);\n  const error = signal<any | null>(null);\n\n  const fetchData = async () => {\n    untracked(() => isLoading.set(true));\n\n    try {\n      // ⚡ Pre-bind the collection and pass it in!\n      const result = await queryFn(molten.client.collection(collection), molten.client);\n      value.set(result);\n      error.set(null);\n    } catch (err: any) {\n      if (err.message?.includes('404')) {\n        value.set([] as any);\n        error.set(null);\n      } else {\n        error.set(err);\n      }\n    } finally {\n      isLoading.set(false);\n    }\n  };\n\n  effect((onCleanup) => {\n    if (!molten.isReady()) return;\n\n    fetchData();\n\n    const unsubscribe = molten.db.subscribe((evt) => {\n      if (evt.collection === collection) fetchData();\n    });\n\n    onCleanup(() => unsubscribe());\n  });\n\n  return {\n    value: value.asReadonly(),\n    isLoading: isLoading.asReadonly(),\n    error: error.asReadonly()\n  };\n}","import { inject } from '@angular/core';\nimport { MoltenDbClient } from '@moltendb-web/query';\nimport { MoltenDbService } from './moltendb.service';\n\n/**\n * Functional injection hook to access the MoltenDb Query Client.\n * Removes the need to manually inject MoltenDbService in components.\n */\nexport function moltendbClient(): MoltenDbClient {\n  return inject(MoltenDbService).client;\n}","/*\n * Public API Surface of @moltendb-web/angular\n */\n\nexport * from './lib/moltendb.provider';\nexport * from './lib/moltendb.resource';\nexport * from './lib/moltendb.client';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/dist/angular/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@moltendb-web/angular" />
+export * from './public-api';

package/dist/angular/lib/moltendb.client.d.ts

@@ -0,0 +1,6 @@
+import { MoltenDbClient } from '@moltendb-web/query';
+/**
+ * Functional injection hook to access the MoltenDb Query Client.
+ * Removes the need to manually inject MoltenDbService in components.
+ */
+export declare function moltendbClient(): MoltenDbClient;

package/dist/angular/lib/moltendb.provider.d.ts

@@ -0,0 +1,7 @@
+import { EnvironmentProviders, InjectionToken } from '@angular/core';
+import { MoltenDbOptions } from '@moltendb-web/core';
+export interface AngularMoltenDbOptions extends MoltenDbOptions {
+    name: string;
+}
+export declare const MOLTEN_CONFIG: InjectionToken<AngularMoltenDbOptions>;
+export declare function provideMoltenDb(config: AngularMoltenDbOptions): EnvironmentProviders;

package/dist/angular/lib/moltendb.resource.d.ts

@@ -0,0 +1,8 @@
+import { Signal } from '@angular/core';
+import { MoltenDbClient } from '@moltendb-web/query';
+export interface MoltenDbResource<T> {
+    value: Signal<T | undefined>;
+    isLoading: Signal<boolean>;
+    error: Signal<any | null>;
+}
+export declare function moltenDbResource<T>(collection: string, queryFn: (collection: ReturnType<MoltenDbClient['collection']>, client: MoltenDbClient) => Promise<T>): MoltenDbResource<T>;

package/dist/angular/lib/moltendb.service.d.ts

@@ -0,0 +1,11 @@
+import { MoltenDb } from '@moltendb-web/core';
+import { MoltenDbClient } from '@moltendb-web/query';
+import * as i0 from "@angular/core";
+export declare class MoltenDbService {
+    db: MoltenDb;
+    client: MoltenDbClient;
+    isReady: import("@angular/core").WritableSignal<boolean>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MoltenDbService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MoltenDbService>;
+}

package/dist/angular/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/moltendb.provider';
+export * from './lib/moltendb.resource';
+export * from './lib/moltendb.client';

package/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "./dist/angular",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  }
+}

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@moltendb-web/angular",
+  "version": "1.0.0-rc.5",
+  "description": "Official Angular Signals wrapper for MoltenDb",
+  "type": "module",
+  "author": "Maximilian Both <maximilian.both27@outlook.com>",
+  "license": "MIT",
+  "scripts": {
+    "build": "ng-packagr -p ng-package.json",
+    "dev": "ng-packagr -p ng-package.json --watch",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "@angular/core": ">=16.0.0",
+    "@moltendb-web/core": "^1.0.0-rc.5",
+    "@moltendb-web/query": "^1.0.0-rc.4"
+  },
+  "devDependencies": {
+    "@angular/compiler": "^17.0.0",
+    "@angular/compiler-cli": "^17.0.0",
+    "@angular/core": "^17.0.0",
+    "@moltendb-web/core": "^1.0.0-rc.5",
+    "@moltendb-web/query": "^1.0.0-rc.4",
+    "ng-packagr": "^17.0.0",
+    "typescript": "^5.2.2",
+    "tslib": "^2.3.0"
+  }
+}

package/src/lib/moltendb.client.ts

@@ -0,0 +1,11 @@
+import { inject } from '@angular/core';
+import { MoltenDbClient } from '@moltendb-web/query';
+import { MoltenDbService } from './moltendb.service';
+
+/**
+ * Functional injection hook to access the MoltenDb Query Client.
+ * Removes the need to manually inject MoltenDbService in components.
+ */
+export function moltendbClient(): MoltenDbClient {
+  return inject(MoltenDbService).client;
+}

package/src/lib/moltendb.provider.ts

@@ -0,0 +1,14 @@
+import { EnvironmentProviders, InjectionToken, makeEnvironmentProviders } from '@angular/core';
+import { MoltenDbOptions } from '@moltendb-web/core';
+
+export interface AngularMoltenDbOptions extends MoltenDbOptions {
+  name: string;
+}
+
+export const MOLTEN_CONFIG = new InjectionToken<AngularMoltenDbOptions>('MOLTEN_CONFIG');
+
+export function provideMoltenDb(config: AngularMoltenDbOptions): EnvironmentProviders {
+  return makeEnvironmentProviders([
+    { provide: MOLTEN_CONFIG, useValue: config }
+  ]);
+}

package/src/lib/moltendb.resource.ts

@@ -0,0 +1,59 @@
+import { inject, signal, effect, Signal, untracked } from '@angular/core';
+import { MoltenDbClient } from '@moltendb-web/query';
+import { MoltenDbService } from './moltendb.service';
+
+export interface MoltenDbResource<T> {
+  value: Signal<T | undefined>;
+  isLoading: Signal<boolean>;
+  error: Signal<any | null>;
+}
+
+export function moltenDbResource<T>(
+    collection: string,
+    //  Automatically infer the return type of .collection()
+    queryFn: (collection: ReturnType<MoltenDbClient['collection']>, client: MoltenDbClient) => Promise<T>
+): MoltenDbResource<T> {
+  const molten = inject(MoltenDbService);
+
+  const value = signal<T | undefined>(undefined);
+  const isLoading = signal<boolean>(false);
+  const error = signal<any | null>(null);
+
+  const fetchData = async () => {
+    untracked(() => isLoading.set(true));
+
+    try {
+      // ⚡ Pre-bind the collection and pass it in!
+      const result = await queryFn(molten.client.collection(collection), molten.client);
+      value.set(result);
+      error.set(null);
+    } catch (err: any) {
+      if (err.message?.includes('404')) {
+        value.set([] as any);
+        error.set(null);
+      } else {
+        error.set(err);
+      }
+    } finally {
+      isLoading.set(false);
+    }
+  };
+
+  effect((onCleanup) => {
+    if (!molten.isReady()) return;
+
+    fetchData();
+
+    const unsubscribe = molten.db.subscribe((evt) => {
+      if (evt.collection === collection) fetchData();
+    });
+
+    onCleanup(() => unsubscribe());
+  });
+
+  return {
+    value: value.asReadonly(),
+    isLoading: isLoading.asReadonly(),
+    error: error.asReadonly()
+  };
+}

package/src/lib/moltendb.service.ts

@@ -0,0 +1,28 @@
+import { Injectable, inject, signal } from '@angular/core';
+import { MoltenDb } from '@moltendb-web/core';
+import { MoltenDbClient } from '@moltendb-web/query';
+import { MOLTEN_CONFIG } from './moltendb.provider';
+
+@Injectable({ providedIn: 'root' })
+export class MoltenDbService {
+  public db: MoltenDb;
+  public client: MoltenDbClient;
+
+  // A Signal components can watch to know when WASM is booted and Leader Election is done
+  public isReady = signal<boolean>(false);
+
+  constructor() {
+    // 🚀 Modern Angular Injection (No constructor decorators needed!)
+    const config = inject(MOLTEN_CONFIG);
+
+    this.db = new MoltenDb(config.name, config);
+    this.client = new MoltenDbClient(this.db);
+
+    // Boot the engine and update the signal when done
+    this.db.init().then(() => {
+      this.isReady.set(true);
+    }).catch(err => {
+      console.error('[MoltenDb] Failed to initialize', err);
+    });
+  }
+}

package/src/public-api.ts

@@ -0,0 +1,7 @@
+/*
+ * Public API Surface of @moltendb-web/angular
+ */
+
+export * from './lib/moltendb.provider';
+export * from './lib/moltendb.resource';
+export * from './lib/moltendb.client';

package/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ES2022",
+    "moduleResolution": "node",
+    "lib": ["ES2022", "DOM"],
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "experimentalDecorators": true,
+    "declaration": true,
+    "baseUrl": ".",
+    "paths": {
+      "@moltendb-web/core": ["../core/src/index.ts"],
+      "@moltendb-web/query": ["../query/src/index.ts"]
+    }
+  },
+  "include": ["src/**/*.ts"],
+  "exclude": ["node_modules", "dist"]
+}

package/tsconfig.lib.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc",
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": ["src/**/*.spec.ts"]
+}