apollo-angular-signal 0.0.1

package/README.md

@@ -0,0 +1,63 @@
+# ApolloAngularSignal
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 21.0.0.
+
+## Code scaffolding
+
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+
+```bash
+ng generate component component-name
+```
+
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+
+```bash
+ng generate --help
+```
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build apollo-angular-signal
+```
+
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+
+### Publishing the Library
+
+Once the project is built, you can publish your library by following these steps:
+
+1. Navigate to the `dist` directory:
+   ```bash
+   cd dist/apollo-angular-signal
+   ```
+
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
+
+## Running unit tests
+
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+
+```bash
+ng test
+```
+
+## Running end-to-end tests
+
+For end-to-end (e2e) testing, run:
+
+```bash
+ng e2e
+```
+
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+
+## Additional Resources
+
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/fesm2022/apollo-angular-signal.mjs

@@ -0,0 +1,77 @@
+import { signal, computed, effect } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+
+function gqlQuery(query) {
+    if (typeof query === 'function') {
+        return gqlAsync(query);
+    }
+    else {
+        const state = signal({
+            loading: true,
+            hasError: false,
+        }, ...(ngDevMode ? [{ debugName: "state" }] : []));
+        query.pipe(takeUntilDestroyed()).subscribe({
+            next: (res) => {
+                state.set({
+                    data: res.data,
+                    hasError: !!res.error,
+                    error: res.error,
+                    loading: 'loading' in res ? res.loading : false,
+                });
+            },
+            error: (error) => {
+                state.set({
+                    loading: false,
+                    hasError: true,
+                    error,
+                });
+            },
+        });
+        return state;
+    }
+}
+function gqlAsync(fn) {
+    const state = signal({
+        loading: true,
+        hasError: false,
+    }, ...(ngDevMode ? [{ debugName: "state" }] : []));
+    const source$ = computed(fn, ...(ngDevMode ? [{ debugName: "source$" }] : []));
+    effect((onCleanup) => {
+        const observable = source$();
+        let sub;
+        if (observable) {
+            sub = observable.pipe(takeUntilDestroyed()).subscribe({
+                next: (res) => {
+                    state.set({
+                        data: res.data,
+                        loading: 'loading' in res ? res.loading : false,
+                        hasError: !!res.error,
+                        error: res.error,
+                    });
+                },
+                error: (error) => {
+                    state.set({
+                        loading: false,
+                        hasError: true,
+                        error,
+                    });
+                },
+            });
+        }
+        onCleanup(() => {
+            sub?.unsubscribe();
+        });
+    });
+    return state;
+}
+
+/*
+ * Public API Surface of apollo-angular-signal
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { gqlQuery };
+//# sourceMappingURL=apollo-angular-signal.mjs.map

package/fesm2022/apollo-angular-signal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"apollo-angular-signal.mjs","sources":["../../../projects/apollo-angular-signal/src/lib/apollo-angular-signal.ts","../../../projects/apollo-angular-signal/src/public-api.ts","../../../projects/apollo-angular-signal/src/apollo-angular-signal.ts"],"sourcesContent":["import { computed, effect, signal, type Signal } from '@angular/core';\nimport { ObservableQuery } from '@apollo/client';\nimport type { Apollo } from 'apollo-angular';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport type { Subscription, Observable } from 'rxjs';\n\nexport type GqlQueryResult<T> =\n  | Apollo.QueryResult<T>\n  | Apollo.SubscribeResult<T>\n  | ObservableQuery.Result<T>;\n\nexport type ObservableResult<T> = Observable<GqlQueryResult<T>>;\n\ntype Maybe<T> = T | null | undefined;\n\ninterface LibResult<T> {\n  data?: T;\n  loading: boolean;\n  hasError: boolean;\n  error?: unknown;\n}\n\nexport function gqlQuery<T>(\n  query: ObservableResult<T> | (() => Maybe<ObservableResult<T>>),\n): Signal<LibResult<T>> {\n  if (typeof query === 'function') {\n    return gqlAsync(query);\n  } else {\n    const state = signal<LibResult<T>>({\n      loading: true,\n      hasError: false,\n    });\n\n    query.pipe(takeUntilDestroyed()).subscribe({\n      next: (res) => {\n        state.set({\n          data: res.data as T,\n          hasError: !!res.error,\n          error: res.error,\n          loading: 'loading' in res ? res.loading : false,\n        });\n      },\n      error: (error: unknown) => {\n        state.set({\n          loading: false,\n          hasError: true,\n          error,\n        });\n      },\n    });\n\n    return state;\n  }\n}\n\nfunction gqlAsync<T>(\n  fn: () => Maybe<ObservableResult<T>>,\n): Signal<LibResult<T>> {\n  const state = signal<LibResult<T>>({\n    loading: true,\n    hasError: false,\n  });\n\n  const source$ = computed(fn);\n\n  effect((onCleanup) => {\n    const observable = source$();\n    let sub: Maybe<Subscription>;\n    if (observable) {\n      sub = observable.pipe(takeUntilDestroyed()).subscribe({\n        next: (res) => {\n          state.set({\n            data: res.data as T,\n            loading: 'loading' in res ? res.loading : false,\n            hasError: !!res.error,\n            error: res.error,\n          });\n        },\n        error: (error: unknown) => {\n          state.set({\n            loading: false,\n            hasError: true,\n            error,\n          });\n        },\n      });\n    }\n\n    onCleanup(() => {\n      sub?.unsubscribe();\n    });\n  });\n\n  return state;\n}\n","/*\n * Public API Surface of apollo-angular-signal\n */\n\nexport * from './lib/apollo-angular-signal';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAsBM,SAAU,QAAQ,CACtB,KAA+D,EAAA;AAE/D,IAAA,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE;AAC/B,QAAA,OAAO,QAAQ,CAAC,KAAK,CAAC;IACxB;SAAO;QACL,MAAM,KAAK,GAAG,MAAM,CAAe;AACjC,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,KAAK;AAChB,SAAA,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;QAEF,KAAK,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,SAAS,CAAC;AACzC,YAAA,IAAI,EAAE,CAAC,GAAG,KAAI;gBACZ,KAAK,CAAC,GAAG,CAAC;oBACR,IAAI,EAAE,GAAG,CAAC,IAAS;AACnB,oBAAA,QAAQ,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK;oBACrB,KAAK,EAAE,GAAG,CAAC,KAAK;AAChB,oBAAA,OAAO,EAAE,SAAS,IAAI,GAAG,GAAG,GAAG,CAAC,OAAO,GAAG,KAAK;AAChD,iBAAA,CAAC;YACJ,CAAC;AACD,YAAA,KAAK,EAAE,CAAC,KAAc,KAAI;gBACxB,KAAK,CAAC,GAAG,CAAC;AACR,oBAAA,OAAO,EAAE,KAAK;AACd,oBAAA,QAAQ,EAAE,IAAI;oBACd,KAAK;AACN,iBAAA,CAAC;YACJ,CAAC;AACF,SAAA,CAAC;AAEF,QAAA,OAAO,KAAK;IACd;AACF;AAEA,SAAS,QAAQ,CACf,EAAoC,EAAA;IAEpC,MAAM,KAAK,GAAG,MAAM,CAAe;AACjC,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,QAAQ,EAAE,KAAK;AAChB,KAAA,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AAEF,IAAA,MAAM,OAAO,GAAG,QAAQ,CAAC,EAAE,mDAAC;AAE5B,IAAA,MAAM,CAAC,CAAC,SAAS,KAAI;AACnB,QAAA,MAAM,UAAU,GAAG,OAAO,EAAE;AAC5B,QAAA,IAAI,GAAwB;QAC5B,IAAI,UAAU,EAAE;YACd,GAAG,GAAG,UAAU,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,SAAS,CAAC;AACpD,gBAAA,IAAI,EAAE,CAAC,GAAG,KAAI;oBACZ,KAAK,CAAC,GAAG,CAAC;wBACR,IAAI,EAAE,GAAG,CAAC,IAAS;AACnB,wBAAA,OAAO,EAAE,SAAS,IAAI,GAAG,GAAG,GAAG,CAAC,OAAO,GAAG,KAAK;AAC/C,wBAAA,QAAQ,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK;wBACrB,KAAK,EAAE,GAAG,CAAC,KAAK;AACjB,qBAAA,CAAC;gBACJ,CAAC;AACD,gBAAA,KAAK,EAAE,CAAC,KAAc,KAAI;oBACxB,KAAK,CAAC,GAAG,CAAC;AACR,wBAAA,OAAO,EAAE,KAAK;AACd,wBAAA,QAAQ,EAAE,IAAI;wBACd,KAAK;AACN,qBAAA,CAAC;gBACJ,CAAC;AACF,aAAA,CAAC;QACJ;QAEA,SAAS,CAAC,MAAK;YACb,GAAG,EAAE,WAAW,EAAE;AACpB,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC,CAAC;AAEF,IAAA,OAAO,KAAK;AACd;;AC9FA;;AAEG;;ACFH;;AAEG;;;;"}

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "apollo-angular-signal",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^20 || ^21",
+    "@angular/core": "^20 || ^21",
+    "apollo-angular": "^13",
+    "rxjs": "^7"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/apollo-angular-signal.mjs",
+  "typings": "types/apollo-angular-signal.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/apollo-angular-signal.d.ts",
+      "default": "./fesm2022/apollo-angular-signal.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/types/apollo-angular-signal.d.ts

@@ -0,0 +1,18 @@
+import { Signal } from '@angular/core';
+import { ObservableQuery } from '@apollo/client';
+import { Apollo } from 'apollo-angular';
+import { Observable } from 'rxjs';
+
+type GqlQueryResult<T> = Apollo.QueryResult<T> | Apollo.SubscribeResult<T> | ObservableQuery.Result<T>;
+type ObservableResult<T> = Observable<GqlQueryResult<T>>;
+type Maybe<T> = T | null | undefined;
+interface LibResult<T> {
+    data?: T;
+    loading: boolean;
+    hasError: boolean;
+    error?: unknown;
+}
+declare function gqlQuery<T>(query: ObservableResult<T> | (() => Maybe<ObservableResult<T>>)): Signal<LibResult<T>>;
+
+export { gqlQuery };
+export type { GqlQueryResult, ObservableResult };