snice 3.8.0 → 3.10.0

package/bin/snice.js

@@ -104,6 +104,14 @@ function createApp(projectPath, template = 'base') {
     writeFileSync(join(targetDir, 'CLAUDE.md'), claudeMdContent.replace(/\{\{projectName\}\}/g, projectName));
   }
 
+  // Copy shared .gitignore
+  const gitignorePath = join(__dirname, 'templates', '.gitignore');
+  if (existsSync(gitignorePath)) {
+    console.log(`  Creating .gitignore...`);
+    const gitignoreContent = readFileSync(gitignorePath, 'utf8');
+    writeFileSync(join(targetDir, '.gitignore'), gitignoreContent);
+  }
+
   console.log(`\n✨ Project created successfully!\n`);
   console.log('Next steps:');
 

package/bin/templates/CLAUDE.md

@@ -139,6 +139,17 @@ html`
 - **Element ↔ Controller:** Request/Response (`@request`, `@respond`)
 - **Global State:** Context (`@context()`)
 
+**IMPORTANT - Event names with @:**
+When event names start with `@` (like `@snice/qr-scan`), use `@@` in templates:
+```typescript
+// Correct:
+html`<el @@snice/qr-scan=${handler}></el>`
+
+// Wrong:
+html`<el @snice/qr-scan=${handler}></el>`
+```
+The first `@` is template syntax for events, second `@` is part of the event name.
+
 ## Common Mistakes
 
 **Controllers are NOT global services.** They attach to elements via `controller="name"`. Use `utils/` for shared logic like API calls, auth, toasts.

package/dist/components/file-gallery/snice-file-gallery.d.ts

@@ -0,0 +1,87 @@
+import type { FileGalleryView, GalleryFile, CustomAction, UploadRequest, SniceFileGalleryElement } from './snice-file-gallery.types';
+export declare class SniceFileGallery extends HTMLElement implements SniceFileGalleryElement {
+    accept: string;
+    multiple: boolean;
+    disabled: boolean;
+    maxSize: number;
+    maxFiles: number;
+    view: FileGalleryView;
+    showProgress: boolean;
+    allowPause: boolean;
+    allowDelete: boolean;
+    autoUpload: boolean;
+    showAddButton: boolean;
+    hideAddButton: boolean;
+    input?: HTMLInputElement;
+    dropZone?: HTMLElement;
+    private galleryFiles;
+    private galleryCustomActions;
+    private isDragOver;
+    private uploadAbortControllers;
+    private container?;
+    private galleryContainer?;
+    private galleryHeader?;
+    uploadFile(request: UploadRequest): any;
+    get files(): GalleryFile[];
+    get customActions(): CustomAction[];
+    getFile(fileId: string): GalleryFile | undefined;
+    getCustomAction(actionId: string): CustomAction | undefined;
+    isPending(fileId: string): boolean;
+    isUploading(fileId: string): boolean;
+    isPaused(fileId: string): boolean;
+    isCompleted(fileId: string): boolean;
+    hasError(fileId: string): boolean;
+    canAddFiles(): boolean;
+    setupComponent(): void;
+    private updateGalleryDOM;
+    private updateHeaderDOM;
+    private updateFileItemDOM;
+    private createFileItem;
+    private createAddButton;
+    private createCustomAction;
+    renderContent(): import("snice").TemplateResult;
+    componentStyles(): import("snice").CSSResult;
+    private handleDropZoneClick;
+    private handleFileSelect;
+    private handleDragEnter;
+    private handleDragLeave;
+    private handleDragOver;
+    private handleDrop;
+    private handleViewToggle;
+    private handleClearAll;
+    addFiles(files: FileList | File[]): void;
+    addFileWithPreview(file: File, previewDataUrl: string): void;
+    removeFile(fileId: string): void;
+    pauseUpload(fileId: string): void;
+    resumeUpload(fileId: string): void;
+    retryUpload(fileId: string): void;
+    clear(): void;
+    addCustomAction(icon: string, text: string): string;
+    removeCustomAction(actionId: string): void;
+    clearCustomActions(): void;
+    clearCompleted(): void;
+    clearErrors(): void;
+    pauseAll(): void;
+    resumeAll(): void;
+    retryAll(): void;
+    cancelUpload(fileId: string): void;
+    cancelAll(): void;
+    openFilePicker(): void;
+    setFileBadge(fileId: string, badge: string, position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'): void;
+    removeFileBadge(fileId: string): void;
+    private handleCustomActionClick;
+    private startUpload;
+    private generatePreview;
+    private generateFileId;
+    private isAcceptedType;
+    private formatAcceptTypes;
+    private formatFileSize;
+    private emitFilesChange;
+    private emitFileRemove;
+    private emitUploadProgress;
+    private emitUploadComplete;
+    private emitUploadError;
+    private emitUploadPause;
+    private emitError;
+    cleanup(): void;
+}