smithkit 0.5.0 → 0.7.0

package/dist/lib/traces/TraceRenderer.js

@@ -21,9 +21,8 @@ export class TraceRenderer {
         this.scaler = scaler;
         this.style = {
             mode: style.mode ?? 'points',
-            lineWidth: style.lineWidth ?? 2,
-            pointRadius: style.pointRadius ?? 2,
-            lineTolerancePx: style.lineTolerancePx ?? 0,
+            line: { width: style.line?.width ?? 2, tolerancePx: style.line?.tolerancePx ?? 0 },
+            point: { radius: style.point?.radius ?? 2 },
         };
         this.group = this.drawTrace(data).attr('pointer-events', 'none');
         container.append(this.group);
@@ -43,7 +42,7 @@ export class TraceRenderer {
                 .attr('d', this.linePath(this.lineIndices))
                 .attr('fill', 'none')
                 .attr('stroke', this.color)
-                .attr('stroke-width', this.style.lineWidth)
+                .attr('stroke-width', this.style.line.width)
                 .attr('vector-effect', 'non-scaling-stroke')
                 .attr('stroke-linejoin', 'round')
                 .attr('stroke-linecap', 'round');
@@ -54,14 +53,14 @@ export class TraceRenderer {
         return group;
     }
     selectLineIndices() {
-        if (this.style.lineTolerancePx === 0) {
+        if (this.style.line.tolerancePx === 0) {
             return;
         }
         this.lineDetail ??= new TraceLineDetail(this.data);
         const unitsToPixels = Math.max(Math.abs(this.scaler.x(1) - this.scaler.x(0)), Math.abs(this.scaler.y(1) - this.scaler.y(0))) *
             this.transform.k *
             this.viewportScale;
-        return this.lineDetail.select(this.style.lineTolerancePx / unitsToPixels);
+        return this.lineDetail.select(this.style.line.tolerancePx / unitsToPixels);
     }
     linePath(indices) {
         // Simplified paths retain numeric precision even at high zoom. Full paths keep
@@ -105,9 +104,9 @@ export class TraceRenderer {
     renderPoints(group, data) {
         const visible = [];
         const cells = new Set();
-        const cellSize = Math.max(0.5, this.style.pointRadius) / this.viewportScale;
+        const cellSize = Math.max(0.5, this.style.point.radius) / this.viewportScale;
         const extent = this.scaler.x(1);
-        const margin = this.style.pointRadius / this.viewportScale;
+        const margin = this.style.point.radius / this.viewportScale;
         const firstCell = Math.floor(-margin / cellSize);
         const columns = Math.floor((extent + margin) / cellSize) - firstCell + 1;
         for (let i = 0; i < data.length; i++) {
@@ -130,7 +129,7 @@ export class TraceRenderer {
             .join('circle')
             .attr('cx', (index) => this.scaler.x(data.real(index)))
             .attr('cy', (index) => this.scaler.y(data.imaginary(index)))
-            .attr('r', this.style.pointRadius / (this.transform.k * this.viewportScale));
+            .attr('r', this.style.point.radius / (this.transform.k * this.viewportScale));
     }
     setViewportScale(scale) {
         if (scale === this.viewportScale || !Number.isFinite(scale) || scale <= 0) {
@@ -153,7 +152,7 @@ export class TraceRenderer {
             this.renderPoints(this.group, this.data);
         }
         else {
-            this.group.Element.selectAll('circle').attr('r', this.style.pointRadius / (k * this.viewportScale));
+            this.group.Element.selectAll('circle').attr('r', this.style.point.radius / (k * this.viewportScale));
         }
     }
     setColor(color) {
@@ -162,19 +161,21 @@ export class TraceRenderer {
         this.group.Element.select('.trace-line').attr('stroke', color);
     }
     get Style() {
-        return { ...this.style };
+        return { ...this.style, line: { ...this.style.line }, point: { ...this.style.point } };
     }
     setStyle(options) {
         const next = {
             mode: options.mode ?? this.style.mode,
-            lineWidth: options.lineWidth ?? this.style.lineWidth,
-            pointRadius: options.pointRadius ?? this.style.pointRadius,
-            lineTolerancePx: options.lineTolerancePx ?? this.style.lineTolerancePx,
+            line: {
+                width: options.line?.width ?? this.style.line.width,
+                tolerancePx: options.line?.tolerancePx ?? this.style.line.tolerancePx,
+            },
+            point: { radius: options.point?.radius ?? this.style.point.radius },
         };
         if (next.mode === this.style.mode &&
-            next.lineWidth === this.style.lineWidth &&
-            next.pointRadius === this.style.pointRadius &&
-            next.lineTolerancePx === this.style.lineTolerancePx) {
+            next.line.width === this.style.line.width &&
+            next.point.radius === this.style.point.radius &&
+            next.line.tolerancePx === this.style.line.tolerancePx) {
             return;
         }
         const modeChanged = next.mode !== this.style.mode;
@@ -183,7 +184,7 @@ export class TraceRenderer {
             this.redraw();
         }
         else {
-            this.group.Element.select('.trace-line').attr('stroke-width', next.lineWidth);
+            this.group.Element.select('.trace-line').attr('stroke-width', next.line.width);
             this.zoomDataPoints();
         }
     }

package/package.json

@@ -1,19 +1,20 @@
 {
   "name": "smithkit",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "Framework-independent, interactive Smith chart library for JavaScript and TypeScript",
   "type": "module",
   "scripts": {
-    "dev": "vite --open",
-    "typecheck": "tsc --noEmit",
+    "dev": "npm run build:docs && vite --open",
+    "typecheck": "node node_modules/@typescript/native/bin/tsc --noEmit && ngc -p tsconfig.angular.json",
     "build": "npm run typecheck && node scripts/build-library.mjs",
     "preview": "vite preview",
     "test": "vitest run",
     "test:watch": "vitest",
     "test:e2e": "playwright test",
     "test:e2e:webkit": "playwright test --browser=webkit",
-    "check": "npm run format:check && npm run lint && npm run typecheck && npm test && npm run build && npm run build:demo",
-    "build:demo": "npm run typecheck && vite build",
+    "check": "npm run format:check && npm run lint && npm run typecheck && npm test && npm run api:check && npm run build:demo",
+    "build:demo": "npm run typecheck && npm run build:docs && vite build",
+    "build:docs": "node scripts/build-docs.mjs",
     "prepack": "npm run build",
     "lint": "eslint . --max-warnings=0",
     "lint:fix": "eslint . --fix --max-warnings=0",
@@ -21,19 +22,31 @@
     "format:check": "prettier . --check",
     "check:package": "node scripts/check-package.mjs",
     "check:example": "node scripts/check-example.mjs",
+    "check:browser": "node scripts/check-browser.mjs",
     "prepare:release": "node scripts/prepare-release.mjs",
     "benchmark:traces": "node scripts/benchmark-traces.mjs",
-    "benchmark:workloads": "node scripts/benchmark-workloads.mjs"
+    "benchmark:workloads": "node scripts/benchmark-workloads.mjs",
+    "test:e2e:firefox": "playwright test --browser=firefox",
+    "api:update": "node scripts/build-library.mjs && api-extractor run --local",
+    "api:check": "node scripts/build-library.mjs && api-extractor run"
   },
   "dependencies": {
     "@types/d3": "^7.4.3",
     "d3": "^7.9.0"
   },
   "devDependencies": {
+    "@angular/common": "22.2.2",
+    "@angular/compiler": "22.2.2",
+    "@angular/compiler-cli": "22.2.2",
+    "@angular/core": "22.2.2",
+    "@angular/platform-browser": "22.2.2",
     "@eslint/js": "^10.0.1",
+    "@microsoft/api-extractor": "7.59.4",
     "@playwright/test": "^1.63.0",
     "@types/node": "^24.0.0",
     "@types/pngjs": "^6.0.5",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
     "@typescript/native": "npm:typescript@^7.0.2",
     "eslint": "^10.12.0",
     "eslint-config-prettier": "^10.1.8",
@@ -41,6 +54,11 @@
     "pixelmatch": "^8.0.0",
     "pngjs": "^7.0.0",
     "prettier": "3.9.9",
+    "react": "19.3.0",
+    "react-dom": "19.3.0",
+    "rxjs": "7.8.2",
+    "shiki": "4.5.0",
+    "typedoc": "0.28.20",
     "typescript": "npm:@typescript/typescript6@^6.0.2",
     "typescript-eslint": "^8.71.0",
     "vite": "^8.3.2",