@mintjamsinc/ichigojs 0.1.9 → 0.1.10

package/dist/types/ichigo/directives/StandardDirectiveName.d.ts

@@ -18,8 +18,10 @@ export declare enum StandardDirectiveName {
     V_BIND = "v-bind",
     /** Two-way data binding directives. */
     V_MODEL = "v-model",
-    /** Slot content insertion directives. */
+    /** Resize observer directives. */
     V_RESIZE = "v-resize",
     /** Intersection observer directives. */
-    V_INTERSECTION = "v-intersection"
+    V_INTERSECTION = "v-intersection",
+    /** Performance observer directives. */
+    V_PERFORMANCE = "v-performance"
 }

package/dist/types/ichigo/directives/VPerformanceDirective.d.ts

@@ -4,41 +4,31 @@ import { VDirective } from "./VDirective";
 import { VDirectiveParseContext } from "./VDirectiveParseContext";
 import { VDOMUpdater } from "../VDOMUpdater";
 /**
- * Configuration options for the v-performance directive.
- */
-export interface VPerformanceOptions {
-    /**
-     * The type(s) of performance entries to observe.
-     * Can be a single type or an array of types.
-     * Common types: 'mark', 'measure', 'navigation', 'resource', 'paint', 'element', 'largest-contentful-paint', 'layout-shift'
-     */
-    entryTypes?: string | string[];
-    /**
-     * Whether to include buffered entries (entries that occurred before the observer was created).
-     * Default: false
-     */
-    buffered?: boolean;
-}
-/**
- * Directive for observing performance entries using PerformanceObserver.
- * The `v-performance` directive allows you to monitor various performance metrics.
+ * Directive for observing performance metrics using PerformanceObserver.
+ * The `v-performance` directive allows you to monitor various performance entries.
  *
  * Example usage:
  *     <div v-performance="handlePerformance">Performance monitoring</div>
- *     <div v-performance="{ handler: handlePerformance, options: { entryTypes: ['measure', 'mark'], buffered: true } }">
- *       Advanced monitoring
- *     </div>
+ *     <div v-performance="handlePerformance" :options.performance="{entryTypes: ['measure']}">Performance monitoring</div>
  *
- * The handler receives PerformanceObserverEntryList and PerformanceObserver as the first two arguments,
- * and $ctx as the third:
- *     handlePerformance(list, observer, $ctx) {
- *       list.getEntries().forEach(entry => {
- *         console.log(`${entry.entryType}: ${entry.name} - ${entry.duration}ms`);
+ * By default (without options), it observes 'mark' and 'measure' entry types.
+ *
+ * The handler receives PerformanceObserverEntryList, PerformanceObserver, options (with droppedEntriesCount), and $ctx as arguments:
+ *     handlePerformance(entries, observer, options, $ctx) {
+ *       entries.getEntries().forEach(entry => {
+ *         console.log(`${entry.name}: ${entry.duration}ms`);
  *       });
+ *       if (options?.droppedEntriesCount) {
+ *         console.log(`Dropped entries: ${options.droppedEntriesCount}`);
+ *       }
  *     }
  *
- * This directive is useful for monitoring application performance, custom metrics,
- * and identifying performance bottlenecks.
+ * Options can be provided via :options or :options.performance attribute:
+ *     :options="{entryTypes: ['measure', 'mark']}"
+ *     :options.performance="{type: 'navigation', buffered: true}"
+ *
+ * This directive is useful for performance monitoring, profiling, and identifying
+ * performance bottlenecks in your application.
  */
 export declare class VPerformanceDirective implements VDirective {
     #private;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintjamsinc/ichigojs",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "ichigo.js - Simple and intuitive reactive framework. Lightweight, fast, and user-friendly virtual DOM library",
   "main": "./dist/ichigo.umd.js",
   "module": "./dist/ichigo.esm.js",