@xrn07/figure-renderer 0.1.0

package/dist/renderers/numberLine.js

@@ -0,0 +1,98 @@
+// Number line renderer
+import { svgTag } from '../utils/svgTag';
+import { line, circle, text } from '../utils/shapes';
+export function renderNumberLine(dsl) {
+    const { width, height, range, ticks, marks, arrowEnds = 'both', title } = dsl;
+    const elements = [];
+    // Calculate padding and usable width
+    const padding = 60;
+    const usableWidth = width - 2 * padding;
+    const lineY = height / 2;
+    // Add arrow markers
+    elements.push(createArrowMarkers());
+    // Helper to convert value to SVG x-coordinate
+    const valueToX = (value) => {
+        const [min, max] = range;
+        const ratio = (value - min) / (max - min);
+        return padding + ratio * usableWidth;
+    };
+    // Draw main line with arrows
+    const x1 = valueToX(range[0]);
+    const x2 = valueToX(range[1]);
+    const lineAttrs = {
+        x1,
+        y1: lineY,
+        x2,
+        y2: lineY,
+        stroke: '#333',
+        'stroke-width': 2,
+    };
+    // Add arrow markers based on arrowEnds
+    if (arrowEnds === 'left' || arrowEnds === 'both') {
+        lineAttrs['marker-start'] = 'url(#arrow-start)';
+    }
+    if (arrowEnds === 'right' || arrowEnds === 'both') {
+        lineAttrs['marker-end'] = 'url(#arrow-end)';
+    }
+    elements.push(svgTag('line', lineAttrs, ''));
+    // Draw ticks
+    ticks.forEach(tick => {
+        const tickX = valueToX(tick);
+        elements.push(line(tickX, lineY - 10, tickX, lineY + 10, {
+            stroke: '#333',
+            'stroke-width': 2,
+        }));
+        // Add tick label
+        elements.push(text(tickX, lineY + 25, String(tick), {
+            'text-anchor': 'middle',
+            'font-size': 12,
+            fill: '#333',
+        }));
+    });
+    // Draw marks (points of interest)
+    marks.forEach(mark => {
+        const markX = valueToX(mark.value);
+        if (mark.style === 'open') {
+            elements.push(circle(markX, lineY, 6, {
+                fill: '#fff',
+                stroke: '#e53e3e',
+                'stroke-width': 2,
+            }));
+        }
+        else if (mark.style === 'closed') {
+            elements.push(circle(markX, lineY, 5, {
+                fill: '#e53e3e',
+            }));
+        }
+        else {
+            // arrow style or default
+            elements.push(circle(markX, lineY, 5, {
+                fill: '#e53e3e',
+            }));
+        }
+        // Add mark label
+        elements.push(text(markX, lineY - 15, mark.label, {
+            'text-anchor': 'middle',
+            'font-size': 11,
+            fill: '#e53e3e',
+            'font-weight': 'bold',
+        }));
+    });
+    const svg = svgTag('svg', {
+        viewBox: `0 0 ${width} ${height}`,
+        xmlns: 'http://www.w3.org/2000/svg',
+    }, elements.join(''));
+    return svg;
+}
+function createArrowMarkers() {
+    return `
+    <defs>
+      <marker id="arrow-start" markerWidth="10" markerHeight="10" refX="2" refY="5" orient="auto">
+        <path d="M10,0 L0,5 L10,10" fill="#333" />
+      </marker>
+      <marker id="arrow-end" markerWidth="10" markerHeight="10" refX="8" refY="5" orient="auto">
+        <path d="M0,0 L10,5 L0,10" fill="#333" />
+      </marker>
+    </defs>
+  `;
+}

package/dist/renderers/rayDiagram.d.ts

@@ -0,0 +1,3 @@
+import type { RayDiagramDSL } from '../types';
+export declare function renderRayDiagram(dsl: RayDiagramDSL): string;
+//# sourceMappingURL=rayDiagram.d.ts.map

package/dist/renderers/rayDiagram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rayDiagram.d.ts","sourceRoot":"","sources":["../../src/renderers/rayDiagram.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAuB,MAAM,UAAU,CAAC;AAInE,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CAwB3D"}

package/dist/renderers/rayDiagram.js

@@ -0,0 +1,181 @@
+// Ray diagram renderer
+import { svgTag } from '../utils/svgTag';
+import { line, rect, circle as svgCircle, ellipse, path, text } from '../utils/shapes';
+export function renderRayDiagram(dsl) {
+    const { width, height, opticalElements, rays, title } = dsl;
+    const elements = [];
+    // Add arrow markers
+    elements.push(createRayMarkers());
+    // Render optical elements
+    opticalElements.forEach(element => {
+        elements.push(renderOpticalElement(element));
+    });
+    // Render rays
+    rays.forEach(ray => {
+        elements.push(renderRay(ray, opticalElements));
+    });
+    const svg = svgTag('svg', {
+        viewBox: `0 0 ${width} ${height}`,
+        xmlns: 'http://www.w3.org/2000/svg',
+    }, elements.join(''));
+    return svg;
+}
+function renderOpticalElement(element) {
+    const { type, x, y } = element;
+    switch (type) {
+        case 'lens':
+            return renderLens(element);
+        case 'mirror':
+            return renderMirror(element);
+        case 'prism':
+            return renderPrism(element);
+        case 'screen':
+            return renderScreen(element);
+        default:
+            return '';
+    }
+}
+function renderLens(element) {
+    const { x, y, width: w = 80, height: h = 10, focalLength, curvature = 'convex' } = element;
+    const elements = [];
+    // Draw lens shape (simplified as ellipse)
+    elements.push(ellipse(x, y, w / 2, h / 2, {
+        fill: 'rgba(173, 216, 230, 0.3)',
+        stroke: '#4682B4',
+        'stroke-width': 2,
+    }));
+    // Draw focal points if specified
+    if (focalLength) {
+        const f = Math.abs(focalLength);
+        const focalPoint1 = curvature === 'convex' ? x - f : x + f;
+        const focalPoint2 = curvature === 'convex' ? x + f : x - f;
+        elements.push(svgCircle(focalPoint1, y, 3, { fill: '#e53e3e' }));
+        elements.push(svgCircle(focalPoint2, y, 3, { fill: '#e53e3e' }));
+        elements.push(text(focalPoint1, y + 15, 'F', {
+            'text-anchor': 'middle',
+            'font-size': 12,
+            fill: '#e53e3e',
+        }));
+        elements.push(text(focalPoint2, y + 15, 'F\'', {
+            'text-anchor': 'middle',
+            'font-size': 12,
+            fill: '#e53e3e',
+        }));
+    }
+    // Draw optical axis
+    elements.push(line(x - w, y, x + w, y, {
+        stroke: '#666',
+        'stroke-width': 1,
+        'stroke-dasharray': '4,4',
+    }));
+    return svgTag('g', { class: 'lens' }, elements.join(''));
+}
+function renderMirror(element) {
+    const { x, y, width: w = 80, height: h = 5, curvature = 'flat' } = element;
+    const elements = [];
+    if (curvature === 'flat') {
+        // Flat mirror (line with hash marks on back)
+        elements.push(line(x, y - h / 2, x, y + h / 2, {
+            stroke: '#333',
+            'stroke-width': 3,
+        }));
+        // Add hash marks to indicate reflective side
+        for (let i = -h / 2; i <= h / 2; i += 8) {
+            elements.push(line(x, i, x + 8, i + 4, {
+                stroke: '#333',
+                'stroke-width': 1,
+            }));
+        }
+    }
+    else {
+        // Curved mirror
+        const radius = curvature === 'concave' ? w / 2 : -w / 2;
+        elements.push(path(`M ${x} ${y - h / 2} Q ${x + radius} ${y} ${x} ${y + h / 2}`, {
+            fill: 'none',
+            stroke: '#333',
+            'stroke-width': 3,
+        }));
+    }
+    return svgTag('g', { class: 'mirror' }, elements.join(''));
+}
+function renderPrism(element) {
+    const { x, y, width: w = 60, height: h = 60 } = element;
+    const elements = [];
+    // Draw triangular prism
+    const points = [
+        [x, y - h / 2],
+        [x - w / 2, y + h / 2],
+        [x + w / 2, y + h / 2],
+    ];
+    elements.push(svgTag('polygon', {
+        points: points.map(([px, py]) => `${px},${py}`).join(' '),
+        fill: 'rgba(200, 200, 255, 0.3)',
+        stroke: '#666',
+        'stroke-width': 2,
+    }, ''));
+    return svgTag('g', { class: 'prism' }, elements.join(''));
+}
+function renderScreen(element) {
+    const { x, y, width: w = 10, height: h = 100 } = element;
+    const elements = [];
+    // Draw screen as a vertical rectangle
+    elements.push(rect(x - w / 2, y - h / 2, w, h, {
+        fill: '#f5f5f5',
+        stroke: '#333',
+        'stroke-width': 2,
+    }));
+    // Add screen pattern
+    elements.push(line(x - w / 2, y - h / 2, x + w / 2, y + h / 2, {
+        stroke: '#999',
+        'stroke-width': 1,
+    }));
+    elements.push(line(x - w / 2, y + h / 2, x + w / 2, y - h / 2, {
+        stroke: '#999',
+        'stroke-width': 1,
+    }));
+    return svgTag('g', { class: 'screen' }, elements.join(''));
+}
+function renderRay(ray, opticalElements) {
+    const { startX, startY, angle, color = '#FFD700', label } = ray;
+    const elements = [];
+    // Calculate ray end point (extend to edge of diagram)
+    const angleRad = (angle * Math.PI) / 180;
+    const length = 500;
+    const endX = startX + length * Math.cos(angleRad);
+    const endY = startY - length * Math.sin(angleRad);
+    // Draw ray line
+    elements.push(line(startX, startY, endX, endY, {
+        stroke: color,
+        'stroke-width': 2.5,
+        'marker-end': `url(#ray-${color})`,
+        opacity: 0.8,
+    }));
+    // Add label
+    if (label) {
+        const labelX = startX + 30 * Math.cos(angleRad);
+        const labelY = startY - 30 * Math.sin(angleRad);
+        elements.push(text(labelX, labelY, label, {
+            'text-anchor': 'start',
+            'dominant-baseline': 'middle',
+            'font-size': 12,
+            fill: color,
+            'font-weight': 'bold',
+        }));
+    }
+    return svgTag('g', { class: 'ray' }, elements.join(''));
+}
+function createRayMarkers() {
+    return `
+    <defs>
+      <marker id="ray-#FFD700" markerWidth="10" markerHeight="10" refX="9" refY="5" orient="auto">
+        <path d="M0,0 L10,5 L0,10" fill="#FFD700" />
+      </marker>
+      <marker id="ray-#FF6347" markerWidth="10" markerHeight="10" refX="9" refY="5" orient="auto">
+        <path d="M0,0 L10,5 L0,10" fill="#FF6347" />
+      </marker>
+      <marker id="ray-#32CD32" markerWidth="10" markerHeight="10" refX="9" refY="5" orient="auto">
+        <path d="M0,0 L10,5 L0,10" fill="#32CD32" />
+      </marker>
+    </defs>
+  `;
+}

package/dist/renderers/venn.d.ts

@@ -0,0 +1,3 @@
+import type { VennDSL } from '../types';
+export declare function renderVenn(dsl: VennDSL): string;
+//# sourceMappingURL=venn.d.ts.map

package/dist/renderers/venn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"venn.d.ts","sourceRoot":"","sources":["../../src/renderers/venn.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAyB,MAAM,UAAU,CAAC;AAI/D,wBAAgB,UAAU,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,CAqB/C"}

package/dist/renderers/venn.js

@@ -0,0 +1,60 @@
+// Venn diagram renderer
+import { svgTag } from '../utils/svgTag';
+import { circle as svgCircle, text } from '../utils/shapes';
+export function renderVenn(dsl) {
+    const { width, height, circles, labels, title } = dsl;
+    const elements = [];
+    // Render circles with transparency
+    circles.forEach(vennCircle => {
+        elements.push(renderCircle(vennCircle));
+    });
+    // Render labels
+    labels.forEach(label => {
+        elements.push(renderLabel(label));
+    });
+    const svg = svgTag('svg', {
+        viewBox: `0 0 ${width} ${height}`,
+        xmlns: 'http://www.w3.org/2000/svg',
+    }, elements.join(''));
+    return svg;
+}
+function renderCircle(vennCircle) {
+    const { label, cx, cy, r, color } = vennCircle;
+    // Convert hex color to rgba for transparency
+    const rgb = hexToRgb(color);
+    const fillColor = `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, 0.3)`;
+    return svgTag('g', { class: 'venn-circle' }, svgCircle(cx, cy, r, {
+        fill: fillColor,
+        stroke: color,
+        'stroke-width': 2,
+    }) +
+        text(cx, cy, label, {
+            'text-anchor': 'middle',
+            'dominant-baseline': 'middle',
+            'font-size': 16,
+            'font-weight': 'bold',
+            fill: color,
+        }));
+}
+function renderLabel(label) {
+    const { text: labelText, x, y, region } = label;
+    return svgTag('g', { class: 'venn-label' }, text(x, y, labelText, {
+        'text-anchor': 'middle',
+        'dominant-baseline': 'middle',
+        'font-size': 14,
+        fill: '#333',
+    }));
+}
+/**
+ * Convert hex color to RGB
+ */
+function hexToRgb(hex) {
+    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+    return result
+        ? {
+            r: parseInt(result[1], 16),
+            g: parseInt(result[2], 16),
+            b: parseInt(result[3], 16),
+        }
+        : { r: 0, g: 0, b: 0 };
+}

package/dist/types.d.ts

@@ -0,0 +1,225 @@
+/**
+ * Base figure DSL structure
+ */
+export interface FigureDSL {
+    type: FigureType;
+    width: number;
+    height: number;
+    title?: string;
+    alt?: string;
+}
+/**
+ * Supported figure types
+ */
+export type FigureType = 'circuit' | 'rayDiagram' | 'forceDiagram' | 'geometry' | 'coordinatePlane' | 'numberLine' | 'graph' | 'venn' | 'bioTable';
+/**
+ * Circuit diagram DSL
+ */
+export interface CircuitDSL extends FigureDSL {
+    type: 'circuit';
+    components: CircuitComponent[];
+}
+export interface CircuitComponent {
+    type: 'battery' | 'resistor' | 'switch' | 'bulb' | 'wire' | 'ammeter' | 'voltmeter';
+    x: number;
+    y: number;
+    rotation?: number;
+    label?: string;
+    value?: string;
+}
+/**
+ * Ray diagram DSL
+ */
+export interface RayDiagramDSL extends FigureDSL {
+    type: 'rayDiagram';
+    opticalElements: OpticalElement[];
+    rays: Ray[];
+}
+export interface OpticalElement {
+    type: 'lens' | 'mirror' | 'prism' | 'screen';
+    x: number;
+    y: number;
+    width?: number;
+    height?: number;
+    focalLength?: number;
+    curvature?: string;
+}
+export interface Ray {
+    startX: number;
+    startY: number;
+    angle: number;
+    color?: string;
+    label?: string;
+}
+/**
+ * Force diagram DSL
+ */
+export interface ForceDiagramDSL extends FigureDSL {
+    type: 'forceDiagram';
+    object: PhysicalObject;
+    forces: Force[];
+}
+export interface PhysicalObject {
+    type: 'box' | 'sphere' | 'point';
+    x: number;
+    y: number;
+    width?: number;
+    height?: number;
+    label?: string;
+}
+export interface Force {
+    originX: number;
+    originY: number;
+    magnitude: number;
+    angle: number;
+    label: string;
+    color?: string;
+}
+/**
+ * Geometry DSL
+ */
+export interface GeometryDSL extends FigureDSL {
+    type: 'geometry';
+    shapes: GeometryShape[];
+}
+export type GeometryShape = {
+    type: 'line';
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+    label?: string;
+} | {
+    type: 'circle';
+    cx: number;
+    cy: number;
+    r: number;
+    label?: string;
+} | {
+    type: 'rect';
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    label?: string;
+} | {
+    type: 'triangle';
+    points: [number, number][];
+    label?: string;
+} | {
+    type: 'angle';
+    vertex: [number, number];
+    rays: [[number, number], [number, number]];
+    label?: string;
+};
+/**
+ * Coordinate plane DSL
+ */
+export interface CoordinatePlaneDSL extends FigureDSL {
+    type: 'coordinatePlane';
+    xRange: [number, number];
+    yRange: [number, number];
+    showGrid?: boolean;
+    showLabels?: boolean;
+    elements: PlaneElement[];
+}
+export interface PlaneElement {
+    type: 'point' | 'line' | 'curve' | 'label';
+    data: PointElementData | LineElementData | CurveElementData | LabelElementData;
+}
+export interface PointElementData {
+    x: number;
+    y: number;
+    label?: string;
+    color?: string;
+}
+export interface LineElementData {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+    color?: string;
+    style?: 'solid' | 'dashed' | 'dotted';
+}
+export interface CurveElementData {
+    points: [number, number][];
+    color?: string;
+    style?: 'solid' | 'dashed' | 'dotted';
+}
+export interface LabelElementData {
+    x: number;
+    y: number;
+    text: string;
+    align?: 'left' | 'center' | 'right';
+}
+/**
+ * Number line DSL
+ */
+export interface NumberLineDSL extends FigureDSL {
+    type: 'numberLine';
+    range: [number, number];
+    ticks: number[];
+    marks: NumberLineMark[];
+    arrowEnds?: 'left' | 'right' | 'both' | 'none';
+}
+export interface NumberLineMark {
+    value: number;
+    label: string;
+    style?: 'open' | 'closed' | 'arrow';
+}
+/**
+ * Graph DSL
+ */
+export interface GraphDSL extends FigureDSL {
+    type: 'graph';
+    xRange: [number, number];
+    yRange: [number, number];
+    functions: GraphFunction[];
+}
+export interface GraphFunction {
+    equation: string;
+    color: string;
+    style?: 'solid' | 'dashed' | 'dotted';
+}
+/**
+ * Venn diagram DSL
+ */
+export interface VennDSL extends FigureDSL {
+    type: 'venn';
+    circles: VennCircle[];
+    labels: VennLabel[];
+}
+export interface VennCircle {
+    label: string;
+    cx: number;
+    cy: number;
+    r: number;
+    color: string;
+}
+export interface VennLabel {
+    text: string;
+    x: number;
+    y: number;
+    region: string;
+}
+/**
+ * Biology table DSL
+ */
+export interface BioTableDSL extends FigureDSL {
+    type: 'bioTable';
+    columns: BioColumn[];
+    rows: BioRow[];
+}
+export interface BioColumn {
+    header: string;
+    width: number;
+}
+export interface BioRow {
+    cells: (string | BioCellImage)[];
+}
+export interface BioCellImage {
+    type: 'image';
+    src: string;
+    alt: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/types.js

@@ -0,0 +1,3 @@
+// DSL Type Definitions
+// All figure type interfaces will be defined here
+export {};

package/dist/utils/arrowMarker.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Generate arrow marker definition for SVG
+ * @param id - Marker ID for referencing
+ * @param color - Arrow color
+ * @param size - Arrow size
+ * @returns SVG marker definition
+ */
+export declare function arrowMarker(id: string, color?: string, size?: number): string;
+/**
+ * Generate multiple arrow markers with different colors
+ */
+export declare function createArrowMarkers(): string;
+//# sourceMappingURL=arrowMarker.d.ts.map

package/dist/utils/arrowMarker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrowMarker.d.ts","sourceRoot":"","sources":["../../src/utils/arrowMarker.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,GAAE,MAAe,EAAE,IAAI,GAAE,MAAW,GAAG,MAAM,CAkBzF;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CAiB3C"}

package/dist/utils/arrowMarker.js

@@ -0,0 +1,48 @@
+// Arrow marker utility
+/**
+ * Generate arrow marker definition for SVG
+ * @param id - Marker ID for referencing
+ * @param color - Arrow color
+ * @param size - Arrow size
+ * @returns SVG marker definition
+ */
+export function arrowMarker(id, color = '#000', size = 10) {
+    return `
+    <defs>
+      <marker
+        id="${id}"
+        markerWidth="${size}"
+        markerHeight="${size}"
+        refX="${size - 2}"
+        refY="${size / 2}"
+        orient="auto"
+      >
+        <path
+          d="M0,0 L${size},${size / 2} L0,${size}"
+          fill="${color}"
+        />
+      </marker>
+    </defs>
+  `;
+}
+/**
+ * Generate multiple arrow markers with different colors
+ */
+export function createArrowMarkers() {
+    return `
+    <defs>
+      <marker id="arrow-default" markerWidth="10" markerHeight="10" refX="8" refY="5" orient="auto">
+        <path d="M0,0 L10,5 L0,10" fill="#000" />
+      </marker>
+      <marker id="arrow-red" markerWidth="10" markerHeight="10" refX="8" refY="5" orient="auto">
+        <path d="M0,0 L10,5 L0,10" fill="#e53e3e" />
+      </marker>
+      <marker id="arrow-blue" markerWidth="10" markerHeight="10" refX="8" refY="5" orient="auto">
+        <path d="M0,0 L10,5 L0,10" fill="#3182ce" />
+      </marker>
+      <marker id="arrow-green" markerWidth="10" markerHeight="10" refX="8" refY="5" orient="auto">
+        <path d="M0,0 L10,5 L0,10" fill="#38a169" />
+      </marker>
+    </defs>
+  `;
+}