bff-store 0.1.0

package/tests/useStore.test.tsx

@@ -0,0 +1,147 @@
+import { describe, it, expect, beforeEach } from 'vitest';
+import React from 'react';
+import { renderHook, act } from '@testing-library/react';
+import { useStore } from '../src/useStore';
+import { createStore } from '../src/createStore';
+import { memoryStorage } from '../src/storage/memory';
+
+const originalWarn = console.warn;
+beforeEach(() => {
+  console.warn = () => {};
+});
+afterEach(() => {
+  console.warn = originalWarn;
+});
+
+describe('useStore', () => {
+  describe('basic usage', () => {
+    it('should return store values and setters', () => {
+      const adapter = memoryStorage();
+      const config = [
+        { key: 'theme', defaultValue: 'dark' },
+        { key: 'name', defaultValue: 'John' },
+      ] as const;
+
+      const store = createStore('entity-1', config, { storage: adapter });
+
+      const { result } = renderHook(() => useStore(store));
+
+      expect(result.current.theme).toBe('dark');
+      expect(result.current.name).toBe('John');
+      expect(typeof result.current.setTheme).toBe('function');
+      expect(typeof result.current.setName).toBe('function');
+    });
+
+    it('should include isLoading', () => {
+      const adapter = memoryStorage();
+      const config = [{ key: 'theme', defaultValue: 'dark' }] as const;
+
+      const store = createStore('entity-1', config, { storage: adapter });
+
+      const { result } = renderHook(() => useStore(store));
+
+      expect('isLoading' in result.current).toBe(true);
+    });
+
+    it('should update value when atom changes', async () => {
+      const adapter = memoryStorage();
+      const config = [{ key: 'theme', defaultValue: 'dark' }] as const;
+
+      const store = createStore('entity-1', config, { storage: adapter });
+
+      const { result } = renderHook(() => useStore(store));
+
+      await act(async () => {
+        result.current.setTheme('light');
+      });
+
+      expect(result.current.theme).toBe('light');
+    });
+  });
+
+  describe('setter naming', () => {
+    it('should derive setter name by capitalizing first letter', () => {
+      const adapter = memoryStorage();
+      const config = [{ key: 'theme', defaultValue: 'dark' }] as const;
+
+      const store = createStore('entity-1', config, { storage: adapter });
+
+      const { result } = renderHook(() => useStore(store));
+
+      expect(typeof result.current.setTheme).toBe('function');
+    });
+
+    it('should handle camelCase keys', () => {
+      const adapter = memoryStorage();
+      const config = [{ key: 'userName', defaultValue: '' }] as const;
+
+      const store = createStore('entity-1', config, { storage: adapter });
+
+      const { result } = renderHook(() => useStore(store));
+
+      expect(typeof result.current.setUserName).toBe('function');
+    });
+
+    it('should handle single character keys', () => {
+      const adapter = memoryStorage();
+      const config = [{ key: 'x', defaultValue: 0 }] as const;
+
+      const store = createStore('entity-1', config, { storage: adapter });
+
+      const { result } = renderHook(() => useStore(store));
+
+      expect(typeof result.current.setX).toBe('function');
+    });
+  });
+
+  describe('with empty config', () => {
+    it('should return only isLoading', () => {
+      const adapter = memoryStorage();
+      const config = [] as const;
+
+      const store = createStore('entity-1', config, { storage: adapter });
+
+      const { result } = renderHook(() => useStore(store));
+
+      expect(result.current.isLoading).toBeDefined();
+      const keys = Object.keys(result.current).filter((k) => k !== 'isLoading');
+      expect(keys).toHaveLength(0);
+    });
+  });
+
+  describe('loading state', () => {
+    it('should initially show loading state', () => {
+      const adapter = memoryStorage();
+      const config = [{ key: 'theme', defaultValue: 'dark' }] as const;
+
+      const store = createStore('entity-1', config, { storage: adapter });
+
+      const { result } = renderHook(() => useStore(store));
+
+      expect(result.current.isLoading).toBe(true);
+    });
+  });
+
+  describe('multiple atoms', () => {
+    it('should handle many atoms', () => {
+      const adapter = memoryStorage();
+      const config = [
+        { key: 'a', defaultValue: 1 },
+        { key: 'b', defaultValue: 2 },
+        { key: 'c', defaultValue: 3 },
+        { key: 'd', defaultValue: 4 },
+        { key: 'e', defaultValue: 5 },
+      ] as const;
+
+      const store = createStore('entity-1', config, { storage: adapter });
+
+      const { result } = renderHook(() => useStore(store));
+
+      expect(result.current.a).toBe(1);
+      expect(result.current.b).toBe(2);
+      expect(result.current.c).toBe(3);
+      expect(result.current.d).toBe(4);
+      expect(result.current.e).toBe(5);
+    });
+  });
+});

package/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM"],
+    "moduleResolution": "bundler",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "declaration": true,
+    "declarationMap": true,
+    "outDir": "./dist",
+    "rootDir": "./src"
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}

package/tsup.config.ts

@@ -0,0 +1,53 @@
+import { defineConfig } from 'tsup';
+
+export default defineConfig([
+  // Main library entry - clean build without CLI or server
+  {
+    entry: ['src/index.ts'],
+    format: ['esm'],
+    dts: true,
+    outDir: 'dist',
+    splitting: true,
+    sourcemap: false,
+    clean: true,
+    external: ['react', 'jotai', 'mongodb'],
+  },
+  // MongoDB storage adapter - separate bundle with mongodb included
+  {
+    entry: ['src/storage/mongodb-entry.ts'],
+    format: ['cjs', 'esm'],
+    dts: true,
+    outDir: 'dist/storage',
+    splitting: false,
+    sourcemap: false,
+    external: ['react', 'jotai'],
+  },
+  // JSONL storage adapter - separate bundle with Node.js dependencies
+  {
+    entry: ['src/storage/jsonl-entry.ts'],
+    format: ['cjs', 'esm'],
+    dts: true,
+    outDir: 'dist/storage',
+    splitting: false,
+    sourcemap: false,
+    external: ['react', 'jotai'],
+  },
+  // Server entry - separate bundle with all dependencies bundled
+  {
+    entry: ['src/server/entry.ts'],
+    format: ['cjs', 'esm'],
+    dts: true,
+    outDir: 'dist/server',
+    splitting: false,
+    sourcemap: false,
+    external: ['react', 'jotai'],
+  },
+  // Server CLI entry - separate CJS bundle with all dependencies
+  {
+    entry: ['src/server/cli.ts'],
+    format: ['cjs'],
+    dts: false,
+    outDir: 'dist',
+    noExternal: ['mongodb'],
+  },
+]);

package/vitest.config.ts

@@ -0,0 +1,14 @@
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    include: ['tests/**/*.test.{ts,tsx}'],
+    coverage: {
+      reporter: ['text', 'json', 'html'],
+      include: ['src/**/*.ts'],
+      exclude: ['src/index.ts'],
+    },
+  },
+});