io.github.farssaadeldin7-ux/code-to-visual-interpreter

Deterministically rewrite named constants' numeric literals in supplied source — the write-back half of render_preview's loop: values copied from the preview's JSON block feed straight in here. Handles CSS custom properties, JS const/let/var and GLSL const/#define declarations; units and float-ness are preserved. Any name that does not resolve to exactly one literal fails the whole call and nothing is rewritten — it never rewrites a guess. Returns the updated code and each change as old, new and line. Requires a paid plan.

Open the Stripe billing portal to change plan, update the card, or cancel the Code-to-Visual Interpreter subscription.

Place an element count against the switch-point table: the technology band it falls in, the per-technology arithmetic (SVG style recalculation, Canvas 2D call overhead batched and unbatched, WebGL draw calls, per-frame allocation), and — if a technology is stated — which side of its ceiling the count sits. Table lookup and multiplication only: it is not a profiler and every figure carries ±3x. Requires a paid plan.

The decomposition tables: the ten structures with their visual signatures and core parameters, the seven modulations, the surface decisions, the discrimination tests, the five questions to ask of any image, and three worked decompositions. Lookup only — it does not look at an image. Omit layer to get everything.

The degenerate-parameter table for reading generative code: what actually happens when noise frequency hits zero, alpha drops below the 8-bit floor, a radius exceeds half the grid spacing, a divisor reaches zero, and five more. Lookup only — it has not read any code.

Store and activate a Code-to-Visual Interpreter licence key on this machine. Use when the user pastes a licence key, or after a purchase completes.

Check the Code-to-Visual Interpreter licence on this machine: plan, included capabilities, remaining quota and seat usage. Call this when a paid tool reports a licence problem, or when the user asks what their plan includes.

List the available Code-to-Visual Interpreter plans, prices and what each one includes.

Turn supplied CSS, Canvas 2D or GLSL source into one self-contained interactive HTML file: the code running in a stage, one slider per extracted parameter (numeric literals attached to named constants — CSS custom properties, JS const/let/var, GLSL const and #define — plus detected GLSL float uniforms), live updates, and a copyable JSON block of the current values that feeds straight into apply_params. A canvas2d source must define draw(ctx, params, t); anything else is refused with the expected shape, never guessed at. The preview is a harness, not the user's environment. Requires a paid plan.

Line-by-line textual scan of pasted source for the determinism markers (Math.random, the GLSL sin hash, global noiseDetail, which seeding calls are present) and the known bloat-trap calls (createGraphics, shadowBlur, getImageData, loadPixels, save/restore). Every finding quotes its line. Not a parse: it cannot see aliased calls or tell which loop a call sits in, and it has not run or rendered anything. Requires a paid plan.

Begin a Code-to-Visual Interpreter purchase. Returns a Stripe Checkout link. Call list_plans first if the user has not chosen a plan.

Filter the structure table by answers to the five questions — placement, spacing, whether neighbours are similar, the largest and smallest visual scales. Returns every structure consistent with the answers, the modulation class the neighbours answer implies, and the octave estimate. Mechanical filtering on stated signatures: it narrows candidates, it does not identify a piece, and it has not seen the image. Requires a paid plan.

Estimate SVG path-data size from point count and coordinate precision, at every precision level, raw and gzipped — plus the Ramer-Douglas-Peucker epsilon and typical point reduction for a stated use case. Arithmetic from the byte table only: markup overhead is extra and the real file is larger. Requires a paid plan.

Per-library notes for p5.js, three.js, GLSL, SVG, Canvas 2D, WebGL/WebGPU, D3 and Processing: what each is good at, its determinism story, and the bloat trap it reliably leads people into. Omit toolchain to list all of them.