snice 3.6.0 → 3.8.0

package/bin/templates/pwa/tests/services/storage.test.ts

@@ -0,0 +1,69 @@
+import { describe, it, expect, beforeEach, vi } from 'vitest';
+import { getToken, setToken, clearToken, getUser, setUser } from '../../src/services/storage';
+
+describe('Storage Service', () => {
+  beforeEach(() => {
+    localStorage.clear();
+    vi.clearAllMocks();
+  });
+
+  describe('Token Management', () => {
+    it('should set and get token', () => {
+      const token = 'test-token-123';
+      setToken(token);
+      expect(getToken()).toBe(token);
+    });
+
+    it('should return null when no token exists', () => {
+      expect(getToken()).toBeNull();
+    });
+
+    it('should clear token and user', () => {
+      setToken('test-token');
+      setUser({ id: '1', name: 'Test' });
+
+      clearToken();
+
+      expect(getToken()).toBeNull();
+      expect(getUser()).toBeNull();
+    });
+  });
+
+  describe('User Management', () => {
+    it('should set and get user object', () => {
+      const user = { id: '1', name: 'Test User', email: 'test@example.com' };
+      setUser(user);
+      expect(getUser()).toEqual(user);
+    });
+
+    it('should return null when no user exists', () => {
+      expect(getUser()).toBeNull();
+    });
+
+    it('should handle complex user objects', () => {
+      const user = {
+        id: '1',
+        name: 'Test User',
+        email: 'test@example.com',
+        metadata: {
+          preferences: {
+            theme: 'dark',
+            notifications: true,
+          },
+        },
+      };
+
+      setUser(user);
+      expect(getUser()).toEqual(user);
+    });
+
+    it('should overwrite existing user', () => {
+      setUser({ id: '1', name: 'User 1' });
+      setUser({ id: '2', name: 'User 2' });
+
+      const user = getUser<{ id: string; name: string }>();
+      expect(user?.id).toBe('2');
+      expect(user?.name).toBe('User 2');
+    });
+  });
+});

package/bin/templates/{social → pwa}/tsconfig.json

@@ -1,22 +1,23 @@
 {
   "compilerOptions": {
     "target": "ES2022",
-    "module": "ESNext",
     "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
+    "module": "ESNext",
     "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
     "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
+    "allowImportingTsExtensions": true,
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
-    "experimentalDecorators": false,
-    "emitDecoratorMetadata": false,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "experimentalDecorators": true,
     "useDefineForClassFields": false,
-    "types": ["vite/client", "node"]
+    "noEmit": true,
+    "types": ["vite/client"]
   },
-  "include": ["src"]
-}
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}

package/bin/templates/pwa/vite.config.ts

@@ -0,0 +1,94 @@
+import { defineConfig } from 'vite';
+import swc from 'unplugin-swc';
+import { VitePWA } from 'vite-plugin-pwa';
+
+export default defineConfig({
+  plugins: [
+    swc.vite({
+      jsc: {
+        parser: {
+          syntax: 'typescript',
+          decorators: true,
+        },
+        target: 'es2022',
+        transform: {
+          decoratorMetadata: false,
+          decoratorVersion: '2022-03',
+          useDefineForClassFields: false,
+        },
+      },
+    }),
+    VitePWA({
+      registerType: 'autoUpdate',
+      includeAssets: ['vite.svg', 'icons/*.png'],
+      manifest: {
+        name: '{{projectName}}',
+        short_name: '{{projectName}}',
+        description: 'PWA built with Snice',
+        theme_color: '#6366f1',
+        background_color: '#ffffff',
+        display: 'standalone',
+        icons: [
+          {
+            src: '/icons/icon-192.png',
+            sizes: '192x192',
+            type: 'image/png',
+          },
+          {
+            src: '/icons/icon-512.png',
+            sizes: '512x512',
+            type: 'image/png',
+          },
+        ],
+      },
+      workbox: {
+        globPatterns: ['**/*.{js,css,html,ico,png,svg,woff,woff2}'],
+        runtimeCaching: [
+          {
+            urlPattern: /^https:\/\/fonts\.googleapis\.com\/.*/i,
+            handler: 'CacheFirst',
+            options: {
+              cacheName: 'google-fonts-cache',
+              expiration: {
+                maxEntries: 10,
+                maxAgeSeconds: 60 * 60 * 24 * 365, // 1 year
+              },
+              cacheableResponse: {
+                statuses: [0, 200],
+              },
+            },
+          },
+          {
+            urlPattern: /^https:\/\/api\..*/i,
+            handler: 'NetworkFirst',
+            options: {
+              cacheName: 'api-cache',
+              networkTimeoutSeconds: 10,
+              expiration: {
+                maxEntries: 50,
+                maxAgeSeconds: 60 * 5, // 5 minutes
+              },
+            },
+          },
+        ],
+      },
+    }),
+  ],
+  build: {
+    target: 'es2015',
+    minify: 'terser',
+    cssMinify: true,
+    rollupOptions: {
+      output: {
+        manualChunks: {
+          vendor: ['snice'],
+        },
+      },
+    },
+    sourcemap: true,
+    chunkSizeWarningLimit: 500,
+  },
+  esbuild: {
+    drop: process.env.NODE_ENV === 'production' ? ['debugger'] : [],
+  },
+});

package/bin/templates/{social/vite.config.ts → pwa/vitest.config.ts}

@@ -1,4 +1,4 @@
-import { defineConfig } from 'vite';
+import { defineConfig } from 'vitest/config';
 import swc from 'unplugin-swc';
 
 export default defineConfig({
@@ -18,21 +18,16 @@ export default defineConfig({
       },
     }),
   ],
-  build: {
-    target: 'es2015',
-    minify: 'terser',
-    cssMinify: true,
-    rollupOptions: {
-      output: {
-        manualChunks: {
-          vendor: ['snice']
-        }
-      }
+  test: {
+    environment: 'happy-dom',
+    globals: true,
+    coverage: {
+      reporter: ['text', 'json', 'html'],
+      exclude: [
+        'node_modules/',
+        'dist/',
+        'tests/**',
+      ],
     },
-    sourcemap: true,
-    chunkSizeWarningLimit: 500
   },
-  esbuild: {
-    drop: process.env.NODE_ENV === 'production' ? ['debugger'] : []
-  }
-});
+});

package/dist/components/music-player/snice-music-player.d.ts

@@ -0,0 +1,72 @@
+import type { Track, RepeatMode, PlayerState, SniceMusicPlayerElement } from './snice-music-player.types';
+export declare class SniceMusicPlayer extends HTMLElement implements SniceMusicPlayerElement {
+    tracks: Track[];
+    currentTrackIndex: number;
+    currentTrack: string;
+    currentTime: number;
+    duration: number;
+    volume: number;
+    muted: boolean;
+    shuffle: boolean;
+    repeat: RepeatMode;
+    state: PlayerState;
+    autoplay: boolean;
+    showPlaylist: boolean;
+    showControls: boolean;
+    showVolume: boolean;
+    showArtwork: boolean;
+    showTrackInfo: boolean;
+    compact: boolean;
+    private showVolumeSlider;
+    private audioElement;
+    private updateInterval;
+    private shuffleHistory;
+    private shuffleQueue;
+    private progressElement?;
+    private volumeSlider?;
+    componentStyles(): import("snice").CSSResult;
+    init(): void;
+    cleanup(): void;
+    handleTracksChange(): void;
+    handleCurrentTrackChange(oldVal: string, newVal: string): void;
+    handleVolumeChange(oldVal: number, newVal: number): void;
+    handleMutedChange(oldVal: boolean, newVal: boolean): void;
+    renderPlayer(): import("snice").TemplateResult;
+    play(): Promise<void>;
+    pause(): void;
+    stop(): void;
+    next(): void;
+    previous(): void;
+    seek(time: number): void;
+    setVolume(volume: number): void;
+    toggleShuffle(): void;
+    setRepeat(mode: RepeatMode): void;
+    loadTrack(index: number): Promise<void>;
+    getCurrentTrack(): Track | null;
+    private toggleMute;
+    private toggleVolumeSlider;
+    private cycleRepeat;
+    private handleSeek;
+    private handleVolumeSlider;
+    private handleTrackEnded;
+    private getNextShuffleIndex;
+    private initializeShuffleQueue;
+    private startUpdateInterval;
+    private stopUpdateInterval;
+    private formatTime;
+    private emitPlay;
+    private emitPause;
+    private emitStop;
+    private emitTrackChange;
+    private emitTrackEnded;
+    private emitSeek;
+    private emitVolumeChange;
+    private emitShuffleChange;
+    private emitRepeatChange;
+    private emitError;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'snice-music-player': SniceMusicPlayer;
+    }
+}