snice 3.4.0 → 3.5.0

package/dist/render-tracker.d.ts

@@ -1,6 +1,7 @@
 /**
  * Render tracking for testing/debugging
  * Uses symbols and generators to "pull" render events from elements
+ * Use Symbol.for() to ensure symbols are shared across multiple Snice instances
  */
 export declare const RENDER_TRACKER: unique symbol;
 export declare const TRACK_RENDERS: unique symbol;

package/dist/symbols.cjs

@@ -1,5 +1,5 @@
 /*!
- * snice v3.3.1
+ * snice v3.4.1
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.
@@ -8,23 +8,22 @@
 
 // Global namespace for Snice framework
 // Ensures all registries and symbols are shared across different JS files/modules
-// Initialize or get the global Snice namespace
-function initGlobalNamespace() {
-    if (!globalThis.snice) {
-        globalThis.snice = {
-            controllerRegistry: new Map(),
-            controllerIdCounter: 0,
-            symbols: new Map()
-        };
-    }
-    return globalThis.snice;
+// Initialize the global Snice namespace on globalThis
+// This ensures all module instances share the same registry
+if (!globalThis.snice) {
+    globalThis.snice = {
+        controllerRegistry: new Map(),
+        controllerIdCounter: 0,
+        symbols: new Map()
+    };
 }
-// Export the global namespace
-const snice = initGlobalNamespace();
+// Export direct reference to globalThis.snice
+const snice = globalThis.snice;
 // Helper function to get or create a global symbol
+// Uses Symbol.for() to ensure symbols are shared across multiple Snice instances
 function getSymbol(name) {
     if (!snice.symbols.has(name)) {
-        snice.symbols.set(name, Symbol(name));
+        snice.symbols.set(name, Symbol.for(`snice:${name}`));
     }
     return snice.symbols.get(name);
 }

package/dist/symbols.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"symbols.cjs","sources":["../src/global.ts","../src/symbols.ts"],"sourcesContent":[null,null],"names":[],"mappings":"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"}
+{"version":3,"file":"symbols.cjs","sources":["../src/global.ts","../src/symbols.ts"],"sourcesContent":[null,null],"names":[],"mappings":"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"}

package/dist/symbols.esm.js

@@ -1,28 +1,27 @@
 /*!
- * snice v3.3.1
+ * snice v3.4.1
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.
  */
 // Global namespace for Snice framework
 // Ensures all registries and symbols are shared across different JS files/modules
-// Initialize or get the global Snice namespace
-function initGlobalNamespace() {
-    if (!globalThis.snice) {
-        globalThis.snice = {
-            controllerRegistry: new Map(),
-            controllerIdCounter: 0,
-            symbols: new Map()
-        };
-    }
-    return globalThis.snice;
+// Initialize the global Snice namespace on globalThis
+// This ensures all module instances share the same registry
+if (!globalThis.snice) {
+    globalThis.snice = {
+        controllerRegistry: new Map(),
+        controllerIdCounter: 0,
+        symbols: new Map()
+    };
 }
-// Export the global namespace
-const snice = initGlobalNamespace();
+// Export direct reference to globalThis.snice
+const snice = globalThis.snice;
 // Helper function to get or create a global symbol
+// Uses Symbol.for() to ensure symbols are shared across multiple Snice instances
 function getSymbol(name) {
     if (!snice.symbols.has(name)) {
-        snice.symbols.set(name, Symbol(name));
+        snice.symbols.set(name, Symbol.for(`snice:${name}`));
     }
     return snice.symbols.get(name);
 }

package/dist/symbols.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"symbols.esm.js","sources":["../src/global.ts","../src/symbols.ts"],"sourcesContent":[null,null],"names":[],"mappings":"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"}
+{"version":3,"file":"symbols.esm.js","sources":["../src/global.ts","../src/symbols.ts"],"sourcesContent":[null,null],"names":[],"mappings":"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"}

package/dist/template.d.ts

@@ -66,6 +66,7 @@ export declare function sanitize(value: any): string;
 /**
  * Nothing - represents no value (different from null/undefined)
  * Used to remove content from templates
+ * Use Symbol.for() to ensure symbols are shared across multiple Snice instances
  */
 export declare const nothing: unique symbol;
 /**

package/dist/transitions.cjs

@@ -1,5 +1,5 @@
 /*!
- * snice v3.3.1
+ * snice v3.4.1
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/transitions.esm.js

@@ -1,5 +1,5 @@
 /*!
- * snice v3.3.1
+ * snice v3.4.1
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/docs/ai/api.md

@@ -80,11 +80,44 @@ html`
 ## Communication
 
 ```typescript
-@request(channel: string)
-// Send: this.methodName(data) → Promise<response>
+@request(channel: string, options?: { timeout?, discoveryTimeout?, debounce?, throttle?, bubbles?, cancelable? })
+// Request pattern using async generator syntax
+// Method must be async generator that yields payload and receives response
+// Returns Promise<T>
+// Options:
+//   timeout (ms) - response timeout, default 120000 (2 min)
+//   discoveryTimeout (ms) - handler discovery timeout, default 50
+//   debounce (ms) - debounce requests
+//   throttle (ms) - throttle requests
+//   bubbles (bool) - event bubbling, default true
+//   cancelable (bool) - event cancelable, default false
+// Example:
+//   @request('fetch-user')
+//   async *fetchUser(id: string): any {
+//     try {
+//       const user = await (yield { id }); // yield = request, await = response
+//       return user;
+//     } catch (error) {
+//       console.error('Failed:', error);
+//       throw error;
+//     }
+//   }
+//   // Usage: const user = await this.fetchUser('123');
 
-@respond(channel: string)
-// Receive: methodName(request, respond) → respond(data)
+@respond(channel: string, options?: { debounce?, throttle? })
+// Respond to requests from @request decorators
+// Method receives payload and returns response
+// Works in both elements and controllers
+// Only one responder per channel (first wins via stopImmediatePropagation)
+// Options:
+//   debounce (ms) - debounce responses
+//   throttle (ms) - throttle responses
+// Example:
+//   @respond('fetch-user')
+//   async handleFetchUser(payload: { id: string }) {
+//     const user = await fetch(`/api/users/${payload.id}`).then(r => r.json());
+//     return user;
+//   }
 ```
 
 ## Observers

package/docs/ai/components/doc.md

@@ -1,6 +1,6 @@
 # snice-doc
 
-Notion-like document editor with block-based editing.
+Simple WYSIWYG document editor with toolbar and sidebar.
 
 ## Usage
 
@@ -10,54 +10,34 @@ Notion-like document editor with block-based editing.
 
 ## Properties
 
-- `blocks: DocBlock[]` - Document blocks (property only)
-- `placeholder: string` - Placeholder text (default: `"Type '/' for commands..."`)
+- `placeholder: string` - Placeholder text (default: `"Start typing..."`)
 - `readonly: boolean` - Readonly mode (default: `false`)
 
 ## Methods
 
-- `getBlocks(): DocBlock[]` - Get blocks copy
-- `setBlocks(blocks: DocBlock[]): void` - Set blocks
-- `toJSON(): string` - Export as JSON
-- `fromJSON(json: string): void` - Import from JSON
-- `toMarkdown(): string` - Export as Markdown
-- `toHTML(): string` - Export as HTML
-- `focus(): void` - Focus editor
+- `getHTML(): string` - Get HTML content
+- `setHTML(html: string): void` - Set HTML content
 - `clear(): void` - Clear all content
 
-## Events
+## Toolbar
 
-- `doc-change: CustomEvent<{ blocks: DocBlock[] }>` - Content changed
-- `doc-focus: CustomEvent<{ blockId: string }>` - Block focused
-- `doc-blur: CustomEvent<{ blockId: string }>` - Block blurred
+- **B, I, U, S** - Bold, italic, underline, strikethrough
+- **H1, H2, H3, P** - Heading formats and paragraph
+- **•, 1.** - Bulleted and numbered lists
+- **🔗** - Insert link
+- **🖼** - Insert image
 
-## Block Types
+## Sidebar
 
-- `paragraph` - Text paragraph
-- `heading-1` - H1 heading
-- `heading-2` - H2 heading
-- `heading-3` - H3 heading
-- `bulleted-list` - Bulleted list item
-- `numbered-list` - Numbered list item
-- `todo` - To-do with checkbox
-- `code` - Code block
-- `quote` - Blockquote
-- `divider` - Horizontal rule
+- **Image** - Insert image via URL
+- **Table** - Insert table (rows × cols)
+- **Divider** - Insert horizontal rule
 
 ## Keyboard Shortcuts
 
-- **/** - Open block menu
-- **Enter** - New block
-- **Backspace** (empty) - Delete block
-- **Ctrl/Cmd+B** - Bold (planned)
-- **Ctrl/Cmd+I** - Italic (planned)
-- **Ctrl/Cmd+U** - Underline (planned)
-
-## Block Menu
-
-- **ArrowDown/Up** - Navigate
-- **Enter** - Select
-- **Escape** - Close
+- **Ctrl/Cmd+B** - Bold
+- **Ctrl/Cmd+I** - Italic
+- **Ctrl/Cmd+U** - Underline
 
 ## CSS Variables
 
@@ -68,55 +48,12 @@ Notion-like document editor with block-based editing.
 --snice-doc-placeholder-color
 --snice-doc-primary-color
 --snice-doc-link-color
---snice-doc-code-background
---snice-doc-code-border
 --snice-doc-inline-code-background
---snice-doc-quote-border
---snice-doc-divider-color
---snice-doc-menu-background
---snice-doc-menu-border
---snice-doc-menu-hover
 --snice-doc-toolbar-background
---snice-doc-toolbar-text
---snice-doc-toolbar-hover
---snice-doc-toolbar-active
+--snice-doc-toolbar-border
+--snice-doc-sidebar-background
+--snice-doc-sidebar-border
 --snice-doc-padding
---snice-doc-min-height
---snice-doc-max-width
-```
-
-## Types
-
-```typescript
-type BlockType =
-  | 'paragraph'
-  | 'heading-1'
-  | 'heading-2'
-  | 'heading-3'
-  | 'bulleted-list'
-  | 'numbered-list'
-  | 'todo'
-  | 'code'
-  | 'quote'
-  | 'divider';
-
-interface DocBlock {
-  id: string;
-  type: BlockType;
-  content: string;
-  formats: TextRange[];
-  checked?: boolean;
-  indent?: number;
-}
-
-interface TextRange {
-  start: number;
-  end: number;
-  format: InlineFormat;
-  value?: string;
-}
-
-type InlineFormat = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'code' | 'link';
 ```
 
 ## Example
@@ -124,31 +61,29 @@ type InlineFormat = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'code' |
 ```javascript
 const doc = document.querySelector('snice-doc');
 
-doc.setBlocks([
-  { id: '1', type: 'heading-1', content: 'Title', formats: [] },
-  { id: '2', type: 'paragraph', content: 'Content', formats: [] },
-  { id: '3', type: 'todo', content: 'Task', formats: [], checked: false },
-]);
-
-doc.addEventListener('doc-change', (e) => {
-  console.log(e.detail.blocks);
-});
-
-// Export
-const json = doc.toJSON();
-const markdown = doc.toMarkdown();
-const html = doc.toHTML();
+doc.setHTML(`
+  <h1>Title</h1>
+  <p>Content with <b>bold</b> and <i>italic</i>.</p>
+  <ul>
+    <li>Item 1</li>
+    <li>Item 2</li>
+  </ul>
+`);
+
+// Get content
+const html = doc.getHTML();
+
+// Save/load
+localStorage.setItem('doc', doc.getHTML());
+doc.setHTML(localStorage.getItem('doc'));
 ```
 
 ## Features
 
-- Block-based editing
-- Type `/` for block menu
-- Drag to reorder
-- Export JSON/Markdown/HTML
-- Readonly mode
+- WYSIWYG contentEditable editing
+- Formatting toolbar
+- Insert images, tables, dividers
+- Collapsible sidebar
+- Paste images from clipboard
 - Keyboard shortcuts
-- To-do lists with checkboxes
-- Code blocks
-- Quotes
-- Dividers
+- Readonly mode

package/docs/ai/components/kanban.md

@@ -13,6 +13,14 @@ showCardCount: boolean = true;
 ## Interfaces
 
 ```typescript
+interface KanbanLabel {
+  text: string;
+  color?: string;
+  background?: string;
+  icon?: string; // emoji or text
+  iconPosition?: 'left' | 'right';
+}
+
 interface KanbanColumn {
   id: string | number;
   title: string;
@@ -27,7 +35,7 @@ interface KanbanCard {
   title: string;
   description?: string;
   assignee?: string;
-  labels?: string[];
+  labels?: (string | KanbanLabel)[];
   color?: string;
   data?: any;
 }
@@ -40,9 +48,12 @@ addColumn(column: KanbanColumn): void
 removeColumn(id: string | number): void
 addCard(columnId: string | number, card: KanbanCard): void
 removeCard(cardId: string | number): void
-moveCard(cardId: string | number, targetColumnId: string | number): void
+moveCard(cardId: string | number, targetColumnId: string | number, targetIndex?: number): void
 getColumn(id: string | number): KanbanColumn | undefined
 getCard(id: string | number): KanbanCard | undefined
+filterByLabels(labels: string[]): void
+search(query: string): void
+clearFilters(): void
 ```
 
 ## Events
@@ -58,14 +69,16 @@ kanban.columns = [
     id: 'todo',
     title: 'To Do',
     color: '#f44336',
-    limit: 5,
     cards: [
       {
         id: 1,
         title: 'Task',
         description: 'Details',
         assignee: 'Alice',
-        labels: ['bug', 'high-priority'],
+        labels: [
+          'bug',
+          { text: 'urgent', color: '#dc2626', background: '#fee2e2', icon: '🔥', iconPosition: 'left' }
+        ],
         color: '#f44336'
       }
     ]
@@ -73,11 +86,16 @@ kanban.columns = [
   { id: 'done', title: 'Done', cards: [] }
 ];
 
-// Add/remove
+// Add/remove/move
 kanban.addCard('todo', { id: 2, title: 'New Task' });
 kanban.moveCard(1, 'done');
 kanban.removeCard(2);
 
+// Filter/search
+kanban.filterByLabels(['bug', 'high-priority']);
+kanban.search('landing page');
+kanban.clearFilters();
+
 // Events
 kanban.addEventListener('@snice/kanban-card-move', (e) => {
   console.log(`Moved ${e.detail.card.title}`);
@@ -91,12 +109,16 @@ kanban.addEventListener('@snice/kanban-card-move', (e) => {
 
 ## Features
 
-- Drag and drop cards between columns
-- WIP limits per column
-- Card labels and assignees
+- Drag and drop cards between columns and within same column
+- Custom labels with colors, backgrounds, and icons
+- Label icon positioning (left/right)
+- Filter by labels
+- Search by title/description
+- Card assignees
 - Color-coded cards and columns
 - Card counts
 - Click handling
-- Programmatic card movement
+- Programmatic card movement with positioning
 - Column management
 - Event dispatching
+- View Transitions API animations

package/docs/ai/components/kpi.md

@@ -2,6 +2,8 @@
 
 Key performance indicator display with value, label, trend, sparkline, and sentiment.
 
+> **Note**: `snice-stat` component has been merged into `snice-kpi`.
+
 ## Properties
 
 ```typescript
@@ -12,6 +14,14 @@ trendData?: number[]                    // Sparkline data array
 sentiment?: KpiSentiment                // 'up' | 'down' | 'neutral'
 size: KpiSize = 'medium'                // 'small' | 'medium' | 'large'
 showSparkline: boolean = true           // Show sparkline when data provided
+colorValue: boolean = false             // Apply sentiment color to value
+```
+
+## Slots
+
+```typescript
+before  // Content before label/value (e.g., icons)
+after   // Content after sparkline (e.g., actions)
 ```
 
 ## Usage
@@ -20,6 +30,11 @@ showSparkline: boolean = true           // Show sparkline when data provided
 <!-- Basic -->
 <snice-kpi label="Revenue" value="$45,231"></snice-kpi>
 
+<!-- With icon (before slot) -->
+<snice-kpi label="Revenue" value="$45,231">
+  <div slot="before">🏆</div>
+</snice-kpi>
+
 <!-- With trend -->
 <snice-kpi
   label="Monthly Revenue"