@outbuild/supa-store 0.0.1 → 0.0.3

package/package.json

@@ -1,9 +1,11 @@
 {
   "name": "@outbuild/supa-store",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "peerDependencies": {
     "@angular/common": "^18.2.0",
-    "@angular/core": "^18.2.0"
+    "@angular/core": "^18.2.0",
+    "@ngrx/signals": "^18.0.2",
+    "@supabase/supabase-js": "^2.45.3"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/src/lib/common/token/supabase-credentials.token.ts

@@ -0,0 +1,6 @@
+import { InjectionToken } from "@angular/core"
+
+export const SUPABASE_CREDENTIALS = new InjectionToken<{
+  supabaseUrl: string,
+  supabaseKey: string
+}>('SUPABASE_CREDENTIALS')

package/src/lib/supa-store.module.ts

@@ -0,0 +1,11 @@
+import { EnvironmentProviders, makeEnvironmentProviders, ModuleWithProviders, NgModule } from "@angular/core"
+import { SupaStore } from "./supa-store.store"
+import { SUPABASE_CREDENTIALS } from "./common/token/supabase-credentials.token"
+
+export function provideSupaStore(supabaseUrl: string, supabaseKey: string): EnvironmentProviders { return makeEnvironmentProviders([
+  {
+    provide: SUPABASE_CREDENTIALS,
+    useValue: { supabaseUrl, supabaseKey }
+  },
+  SupaStore
+])}

package/src/lib/supa-store.store.ts

@@ -0,0 +1,43 @@
+import { inject } from '@angular/core';
+import { patchState, signalStore, signalStoreFeature, withHooks, withMethods, withState } from '@ngrx/signals';
+import { AuthChangeEvent, Session, SupabaseClient, createClient } from '@supabase/supabase-js'
+import { SUPABASE_CREDENTIALS } from './common/token/supabase-credentials.token'
+
+export type SupaStoreState = {
+  client: SupabaseClient
+  session: Session | undefined | null
+  authState: AuthChangeEvent | null
+}
+
+function withSupaStore() {
+
+  const { supabaseUrl, supabaseKey } = inject(SUPABASE_CREDENTIALS)
+
+  return signalStoreFeature(
+
+    withState<SupaStoreState>({
+      client: createClient(supabaseUrl, supabaseKey),
+      session: undefined,
+      authState: null
+    }),
+
+    withMethods(( store ) => ({
+      initSession: async () => {
+        const { data: { session }} = await store.client().auth.getSession()
+        patchState(store, { session: session as Session })
+      }
+    })),
+
+    withHooks({
+      onInit(store) {
+        store.initSession()
+        store.client().auth.onAuthStateChange(res => patchState(store, { authState: res }))
+      }
+    })
+
+  )
+}
+
+export const SupaStore = signalStore(
+  withSupaStore()
+)

package/src/public-api.ts

@@ -2,5 +2,5 @@
  * Public API Surface of ob-supa-store
  */
 
-export * from './lib/ob-supa-store.service';
-export * from './lib/ob-supa-store.component';
+export * from './lib/supa-store.store'
+export * from './lib/supa-store.module'

package/src/lib/ob-supa-store.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ObSupaStoreComponent } from './ob-supa-store.component';
-
-describe('ObSupaStoreComponent', () => {
-  let component: ObSupaStoreComponent;
-  let fixture: ComponentFixture<ObSupaStoreComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [ObSupaStoreComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(ObSupaStoreComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/ob-supa-store.component.ts

@@ -1,16 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'lib-ob-supa-store',
-  standalone: true,
-  imports: [],
-  template: `
-    <p>
-      ob-supa-store works!
-    </p>
-  `,
-  styles: ``
-})
-export class ObSupaStoreComponent {
-
-}

package/src/lib/ob-supa-store.service.spec.ts

@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-
-import { ObSupaStoreService } from './ob-supa-store.service';
-
-describe('ObSupaStoreService', () => {
-  let service: ObSupaStoreService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(ObSupaStoreService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});

package/src/lib/ob-supa-store.service.ts

@@ -1,9 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class ObSupaStoreService {
-
-  constructor() { }
-}