trickle-observe 0.2.83 → 0.2.84

package/dist/vite-plugin.d.ts

@@ -47,6 +47,13 @@ export declare function tricklePlugin(options?: TricklePluginOptions): {
  * Returns -1 if not found.
  */
 export declare function findFunctionBodyBrace(source: string, afterOpenParen: number): number;
+/**
+ * Find class body ranges in source code. Handles both:
+ *   class Foo { ... }
+ *   var Foo = class { ... }
+ * Returns an array of [start, end] positions (inclusive of braces).
+ */
+export declare function findClassBodyRanges(source: string): Array<[number, number]>;
 /**
  * Find variable reassignments (not declarations) and return insertions for tracing.
  * Handles: x = newValue; x += 1; x ||= fallback; etc.

package/dist/vite-plugin.js

@@ -24,6 +24,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tricklePlugin = tricklePlugin;
 exports.findFunctionBodyBrace = findFunctionBodyBrace;
+exports.findClassBodyRanges = findClassBodyRanges;
 exports.findReassignments = findReassignments;
 exports.findCatchVars = findCatchVars;
 exports.findForLoopVars = findForLoopVars;
@@ -504,6 +505,73 @@ function extractDestructuredNames(pattern) {
     }
     return names;
 }
+/**
+ * Find class body ranges in source code. Handles both:
+ *   class Foo { ... }
+ *   var Foo = class { ... }
+ * Returns an array of [start, end] positions (inclusive of braces).
+ */
+function findClassBodyRanges(source) {
+    const ranges = [];
+    // Match both class declarations and class expressions
+    const classRegex = /\bclass\s*(?:[a-zA-Z_$][a-zA-Z0-9_$]*)?\s*(?:extends\s+[a-zA-Z_$.[\]]+\s*)?\{/g;
+    let m;
+    while ((m = classRegex.exec(source)) !== null) {
+        const openBrace = source.indexOf('{', m.index + 5); // skip past 'class'
+        if (openBrace === -1)
+            continue;
+        // Find matching close brace
+        let depth = 1;
+        let pos = openBrace + 1;
+        while (pos < source.length && depth > 0) {
+            const ch = source[pos];
+            if (ch === '{')
+                depth++;
+            else if (ch === '}') {
+                depth--;
+                if (depth === 0)
+                    break;
+            }
+            else if (ch === '"' || ch === "'" || ch === '`') {
+                const q = ch;
+                pos++;
+                while (pos < source.length) {
+                    if (source[pos] === '\\')
+                        pos++;
+                    else if (source[pos] === q)
+                        break;
+                    else if (q === '`' && source[pos] === '$' && source[pos + 1] === '{') {
+                        pos += 2;
+                        let td = 1;
+                        while (pos < source.length && td > 0) {
+                            if (source[pos] === '{')
+                                td++;
+                            else if (source[pos] === '}')
+                                td--;
+                            pos++;
+                        }
+                        continue;
+                    }
+                    pos++;
+                }
+            }
+            else if (ch === '/' && source[pos + 1] === '/') {
+                while (pos < source.length && source[pos] !== '\n')
+                    pos++;
+            }
+            else if (ch === '/' && source[pos + 1] === '*') {
+                pos += 2;
+                while (pos < source.length - 1 && !(source[pos] === '*' && source[pos + 1] === '/'))
+                    pos++;
+                pos++;
+            }
+            pos++;
+        }
+        if (depth === 0)
+            ranges.push([openBrace, pos]);
+    }
+    return ranges;
+}
 /**
  * Find variable reassignments (not declarations) and return insertions for tracing.
  * Handles: x = newValue; x += 1; x ||= fallback; etc.
@@ -513,6 +581,8 @@ function extractDestructuredNames(pattern) {
  */
 function findReassignments(source) {
     const results = [];
+    // Pre-compute class body ranges to skip class field declarations
+    const classRanges = findClassBodyRanges(source);
     // Match: <identifier> <assignOp>= <value> at the start of a line
     // Compound operators: +=, -=, *=, /=, %=, **=, &&=, ||=, ??=, <<=, >>=, >>>=, &=, |=, ^=
     // Plain: = (but not ==, ===, =>, !=)
@@ -548,6 +618,10 @@ function findReassignments(source) {
         const linePrefix = source.slice(lineStart, match.index + match[1].length).trim();
         if (/^(export\s+)?(const|let|var)\s/.test(source.slice(lineStart).trimStart()))
             continue;
+        // Skip class field declarations (e.g., `tasks = []` inside a class body)
+        // Inserting trace calls inside class bodies causes SyntaxError
+        if (classRanges.some(([start, end]) => match.index > start && match.index < end))
+            continue;
         // Skip if this looks like a property in an object literal (preceded by a key: pattern on same line)
         // or if it's a label (label: ...)
         const beforeOnLine = source.slice(lineStart, match.index).trim();

package/dist-esm/vite-plugin.js

@@ -492,6 +492,73 @@ function extractDestructuredNames(pattern) {
     }
     return names;
 }
+/**
+ * Find class body ranges in source code. Handles both:
+ *   class Foo { ... }
+ *   var Foo = class { ... }
+ * Returns an array of [start, end] positions (inclusive of braces).
+ */
+export function findClassBodyRanges(source) {
+    const ranges = [];
+    // Match both class declarations and class expressions
+    const classRegex = /\bclass\s*(?:[a-zA-Z_$][a-zA-Z0-9_$]*)?\s*(?:extends\s+[a-zA-Z_$.[\]]+\s*)?\{/g;
+    let m;
+    while ((m = classRegex.exec(source)) !== null) {
+        const openBrace = source.indexOf('{', m.index + 5); // skip past 'class'
+        if (openBrace === -1)
+            continue;
+        // Find matching close brace
+        let depth = 1;
+        let pos = openBrace + 1;
+        while (pos < source.length && depth > 0) {
+            const ch = source[pos];
+            if (ch === '{')
+                depth++;
+            else if (ch === '}') {
+                depth--;
+                if (depth === 0)
+                    break;
+            }
+            else if (ch === '"' || ch === "'" || ch === '`') {
+                const q = ch;
+                pos++;
+                while (pos < source.length) {
+                    if (source[pos] === '\\')
+                        pos++;
+                    else if (source[pos] === q)
+                        break;
+                    else if (q === '`' && source[pos] === '$' && source[pos + 1] === '{') {
+                        pos += 2;
+                        let td = 1;
+                        while (pos < source.length && td > 0) {
+                            if (source[pos] === '{')
+                                td++;
+                            else if (source[pos] === '}')
+                                td--;
+                            pos++;
+                        }
+                        continue;
+                    }
+                    pos++;
+                }
+            }
+            else if (ch === '/' && source[pos + 1] === '/') {
+                while (pos < source.length && source[pos] !== '\n')
+                    pos++;
+            }
+            else if (ch === '/' && source[pos + 1] === '*') {
+                pos += 2;
+                while (pos < source.length - 1 && !(source[pos] === '*' && source[pos + 1] === '/'))
+                    pos++;
+                pos++;
+            }
+            pos++;
+        }
+        if (depth === 0)
+            ranges.push([openBrace, pos]);
+    }
+    return ranges;
+}
 /**
  * Find variable reassignments (not declarations) and return insertions for tracing.
  * Handles: x = newValue; x += 1; x ||= fallback; etc.
@@ -501,6 +568,8 @@ function extractDestructuredNames(pattern) {
  */
 export function findReassignments(source) {
     const results = [];
+    // Pre-compute class body ranges to skip class field declarations
+    const classRanges = findClassBodyRanges(source);
     // Match: <identifier> <assignOp>= <value> at the start of a line
     // Compound operators: +=, -=, *=, /=, %=, **=, &&=, ||=, ??=, <<=, >>=, >>>=, &=, |=, ^=
     // Plain: = (but not ==, ===, =>, !=)
@@ -536,6 +605,10 @@ export function findReassignments(source) {
         const linePrefix = source.slice(lineStart, match.index + match[1].length).trim();
         if (/^(export\s+)?(const|let|var)\s/.test(source.slice(lineStart).trimStart()))
             continue;
+        // Skip class field declarations (e.g., `tasks = []` inside a class body)
+        // Inserting trace calls inside class bodies causes SyntaxError
+        if (classRanges.some(([start, end]) => match.index > start && match.index < end))
+            continue;
         // Skip if this looks like a property in an object literal (preceded by a key: pattern on same line)
         // or if it's a label (label: ...)
         const beforeOnLine = source.slice(lineStart, match.index).trim();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "trickle-observe",
-  "version": "0.2.83",
+  "version": "0.2.84",
   "description": "Runtime type observability for JavaScript applications",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/vite-plugin.ts

@@ -472,6 +472,57 @@ function extractDestructuredNames(pattern: string): string[] {
   return names;
 }
 
+/**
+ * Find class body ranges in source code. Handles both:
+ *   class Foo { ... }
+ *   var Foo = class { ... }
+ * Returns an array of [start, end] positions (inclusive of braces).
+ */
+export function findClassBodyRanges(source: string): Array<[number, number]> {
+  const ranges: Array<[number, number]> = [];
+  // Match both class declarations and class expressions
+  const classRegex = /\bclass\s*(?:[a-zA-Z_$][a-zA-Z0-9_$]*)?\s*(?:extends\s+[a-zA-Z_$.[\]]+\s*)?\{/g;
+  let m;
+  while ((m = classRegex.exec(source)) !== null) {
+    const openBrace = source.indexOf('{', m.index + 5); // skip past 'class'
+    if (openBrace === -1) continue;
+    // Find matching close brace
+    let depth = 1;
+    let pos = openBrace + 1;
+    while (pos < source.length && depth > 0) {
+      const ch = source[pos];
+      if (ch === '{') depth++;
+      else if (ch === '}') { depth--; if (depth === 0) break; }
+      else if (ch === '"' || ch === "'" || ch === '`') {
+        const q = ch; pos++;
+        while (pos < source.length) {
+          if (source[pos] === '\\') pos++;
+          else if (source[pos] === q) break;
+          else if (q === '`' && source[pos] === '$' && source[pos + 1] === '{') {
+            pos += 2; let td = 1;
+            while (pos < source.length && td > 0) {
+              if (source[pos] === '{') td++;
+              else if (source[pos] === '}') td--;
+              pos++;
+            }
+            continue;
+          }
+          pos++;
+        }
+      } else if (ch === '/' && source[pos + 1] === '/') {
+        while (pos < source.length && source[pos] !== '\n') pos++;
+      } else if (ch === '/' && source[pos + 1] === '*') {
+        pos += 2;
+        while (pos < source.length - 1 && !(source[pos] === '*' && source[pos + 1] === '/')) pos++;
+        pos++;
+      }
+      pos++;
+    }
+    if (depth === 0) ranges.push([openBrace, pos]);
+  }
+  return ranges;
+}
+
 /**
  * Find variable reassignments (not declarations) and return insertions for tracing.
  * Handles: x = newValue; x += 1; x ||= fallback; etc.
@@ -481,6 +532,8 @@ function extractDestructuredNames(pattern: string): string[] {
  */
 export function findReassignments(source: string): Array<{ lineEnd: number; varName: string; lineNo: number }> {
   const results: Array<{ lineEnd: number; varName: string; lineNo: number }> = [];
+  // Pre-compute class body ranges to skip class field declarations
+  const classRanges = findClassBodyRanges(source);
 
   // Match: <identifier> <assignOp>= <value> at the start of a line
   // Compound operators: +=, -=, *=, /=, %=, **=, &&=, ||=, ??=, <<=, >>=, >>>=, &=, |=, ^=
@@ -513,6 +566,10 @@ export function findReassignments(source: string): Array<{ lineEnd: number; varN
     const linePrefix = source.slice(lineStart, match.index + match[1].length).trim();
     if (/^(export\s+)?(const|let|var)\s/.test(source.slice(lineStart).trimStart())) continue;
 
+    // Skip class field declarations (e.g., `tasks = []` inside a class body)
+    // Inserting trace calls inside class bodies causes SyntaxError
+    if (classRanges.some(([start, end]) => match!.index > start && match!.index < end)) continue;
+
     // Skip if this looks like a property in an object literal (preceded by a key: pattern on same line)
     // or if it's a label (label: ...)
     const beforeOnLine = source.slice(lineStart, match.index).trim();