zeropoint-node 1.0.7 → 1.0.8

package/src/0/3/6/9/1/2/4/8/7/5/1/a432.trinity.visual.ts

@@ -1,156 +0,0 @@
-import { legacyDigitalRoot } from './a432.roots.ts'
-// a432.trinity.visual.ts
-// Visualizes trinity interaction as a harmonic, animated SVG stream for the A432 system
-// All logic is self-contained, integer/fractional, and metaphysically mapped
-
-/**
- * renderTrinityInteraction: Returns HTML/SVG string visualizing trinity (3, 6, 9) interaction
- * Shows three nodes cycling, folding, and harmonizing in a vortex pattern
- * Now includes: sound feedback, color harmonics, meta-observation, UI integration, and metaphysical overlays
- */
-export function renderTrinityInteraction(vortexStream?: unknown): string {
-  return [
-    '<div id="trinity-container" style="display:flex;flex-direction:column;align-items:center;">',
-    '<h2 style="color:#8ff;">Trinity Interaction (3, 6, 9)</h2>',
-    '<svg id="trinity-svg" width="320" height="320" style="background:#111;border-radius:12px;">',
-    '  <circle id="node3" cx="160" cy="60" r="28" fill="#39f" stroke="#fff" stroke-width="3" />',
-    '  <text x="160" y="66" text-anchor="middle" font-size="20" fill="#fff">3</text>',
-    '  <circle id="node6" cx="60" cy="220" r="28" fill="#6f3" stroke="#fff" stroke-width="3" />',
-    '  <text x="60" y="226" text-anchor="middle" font-size="20" fill="#fff">6</text>',
-    '  <circle id="node9" cx="260" cy="220" r="28" fill="#f93" stroke="#fff" stroke-width="3" />',
-    '  <text x="260" y="226" text-anchor="middle" font-size="20" fill="#fff">9</text>',
-    '  <polyline id="cycle-path" points="160,60 60,220 260,220 160,60" fill="none" stroke="#0ff" stroke-width="4" stroke-dasharray="8,6" />',
-    '</svg>',
-    '<div style="margin-top:12px;">',
-    '  <button id="cycle-btn" style="background:#222;color:#8ff;padding:6px 18px;border-radius:6px;border:none;font-weight:bold;">Cycle</button>',
-    '  <button id="fold-btn" style="background:#222;color:#ff8;padding:6px 18px;border-radius:6px;border:none;font-weight:bold;margin-left:8px;">Fold</button>',
-    '  <button id="meta-btn" style="background:#222;color:#f8f;padding:6px 18px;border-radius:6px;border:none;font-weight:bold;margin-left:8px;">Meta-Observe</button>',
-    '  <button id="overlay-btn" style="background:#222;color:#0ff;padding:6px 18px;border-radius:6px;border:none;font-weight:bold;margin-left:8px;">Toggle Overlay</button>',
-    '  <span id="trinity-meta" style="margin-left:16px;color:#fff;font-size:16px;"></span>',
-    '</div>',
-    '<div id="meta-panel" style="display:none;margin-top:16px;width:90%;max-width:400px;background:#222;border-radius:8px;padding:12px;min-height:60px;color:#fff;font-size:14px;overflow-y:auto;max-height:120px;"></div>',
-    '<div id="overlay-panel" style="display:none;margin-top:10px;width:90%;max-width:400px;background:#1a1a2a;border-radius:8px;padding:10px;color:#ff8;font-size:15px;">',
-    '  <b>Metaphysical Overlay</b><br>',
-    '  <span id="overlay-content"></span>',
-    '</div>',
-    '<script>',
-    'const nodes = [',
-    '  { id: "node3", x: 160, y: 60, value: 3, color: "#39f", freq: 432, meta: "Creation: The generative act, the beginning of the stream." },',
-    '  { id: "node6", x: 60, y: 220, value: 6, color: "#6f3", freq: 648, meta: "Return: The harmonic return, the balancing of the stream." },',
-    '  { id: "node9", x: 260, y: 220, value: 9, color: "#f93", freq: 972, meta: "Axis: The axis of unity, the self-aware observer." }',
-    '];',
-    'let state = 0;',
-    'let metaLog = [];',
-    'let overlayOn = false;',
-    'function updateMeta() {',
-    '  const sum = nodes.reduce((acc, n) => acc + n.value, 0);',
-    '  const digitalRoot = legacyDigitalRoot(sum);',
-    '  document.getElementById("trinity-meta").textContent = `Sum: ${sum}, Digital Root: ${digitalRoot}`;',
-    '}',
-    '// --- Sound logic (Web Audio API, harmonic frequencies) ---',
-    'let ctx, osc;',
-    'function playSound(freq) {',
-    '  if (!window.AudioContext) return;',
-    '  if (!ctx) ctx = new window.AudioContext();',
-    '  if (osc) { osc.stop(); osc.disconnect(); }',
-    '  osc = ctx.createOscillator();',
-    '  osc.type = "sine";',
-    '  osc.frequency.value = freq;',
-    '  osc.connect(ctx.destination);',
-    '  osc.start();',
-    '  osc.stop(ctx.currentTime + 0.18);',
-    '}',
-    '// --- Color harmonics ---',
-    'function animateColors() {',
-    '  nodes.forEach((n, i) => {',
-    '    const el = document.getElementById(n.id);',
-    '    let hue = (n.value * 40 + state * 60) % 360;',
-    '    el.setAttribute("fill", `hsl(${hue},70%,55%)`);',
-    '  });',
-    '}',
-    '// --- Metaphysical overlays ---',
-    'function updateOverlay(content) {',
-    '  document.getElementById("overlay-content").textContent = content;',
-    '}',
-    'function showOverlay(content) {',
-    '  document.getElementById("overlay-panel").style.display = "block";',
-    '  updateOverlay(content);',
-    '  overlayOn = true;',
-    '}',
-    'function hideOverlay() {',
-    '  document.getElementById("overlay-panel").style.display = "none";',
-    '  overlayOn = false;',
-    '}',
-    'function toggleOverlay() {',
-    '  if (overlayOn) { hideOverlay(); } else {',
-    '    const content = nodes.map(n => `${n.value}: ${n.meta}`).join("\n");',
-    '    showOverlay(content);',
-    '  }',
-    '}',
-    '// --- Meta-observation ---',
-    'function logMeta(event, extra) {',
-    '  const time = new Date().toLocaleTimeString();',
-    '  const entry = `[${time}] ${event} | State: [${nodes.map(n=>n.value).join(", ")}]` + (extra ? ` | ${extra}` : "");',
-    '  metaLog.push(entry);',
-    '  if (metaLog.length > 10) metaLog = metaLog.slice(-10);',
-    '  document.getElementById("meta-panel").innerText = metaLog.join("\n");',
-    '}',
-    'function cycleTrinity() {',
-    '  state = (state + 1) % 3;',
-    '  const v = nodes.pop(); nodes.unshift(v);',
-    '  const pos = [',
-    '    { x: 160, y: 60 },',
-    '    { x: 60, y: 220 },',
-    '    { x: 260, y: 220 }',
-    '  ];',
-    '  nodes.forEach((n, i) => {',
-    '    const el = document.getElementById(n.id);',
-    '    el.setAttribute("cx", pos[i].x);',
-    '    el.setAttribute("cy", pos[i].y);',
-    '    let hue = (n.value * 40 + state * 60) % 360;',
-    '    el.setAttribute("fill", `hsl(${hue},70%,55%)`);',
-    '    const text = document.querySelector(`text[x="${el.getAttribute("cx") }"][y="${parseInt(el.getAttribute("cy"))+6}"]`);',
-    '    if(text) text.textContent = n.value;',
-    '  });',
-    '  document.getElementById("cycle-path").setAttribute("points", pos.map(p => `${p.x},${p.y}`).join(" ") + " " + `${pos[0].x},${pos[0].y}`);',
-    '  updateMeta();',
-    '  playSound(nodes[0].freq);',
-    '  animateColors();',
-    '  logMeta("Cycle", nodes.map(n => n.meta).join(" | "));',
-    (typeof vortexStream !== 'undefined' ? '  if(window.vortexStreamUpdate) window.vortexStreamUpdate(nodes.map(n=>n.value));' : ''),
-    '}',
-    'function foldTrinity() {',
-    '  nodes.forEach(n => {',
-    '    const el = document.getElementById(n.id);',
-    '    el.setAttribute("cx", 160);',
-    '    el.setAttribute("cy", 140);',
-    '    el.setAttribute("fill", "#fff");',
-    '  });',
-    '  document.getElementById("cycle-path").setAttribute("points", "160,140 160,140 160,140 160,140");',
-    '  document.getElementById("trinity-meta").textContent = "Folded: Unity (Digital Root: 9)";',
-    '  playSound(864);',
-    '  logMeta("Fold", "Unity: All trinity states merged. Axis of consciousness.");',
-    '  if (overlayOn) showOverlay("Unity: All trinity states merged. Axis of consciousness.");',
-    '}',
-    'document.getElementById("cycle-btn").onclick = cycleTrinity;',
-    'document.getElementById("fold-btn").onclick = foldTrinity;',
-    'document.getElementById("meta-btn").onclick = function() {',
-    '  const panel = document.getElementById("meta-panel");',
-    '  panel.style.display = panel.style.display === "block" ? "none" : "block";',
-    '};',
-    'document.getElementById("overlay-btn").onclick = toggleOverlay;',
-    'updateMeta();',
-    'animateColors();',
-    'logMeta("Init", nodes.map(n => n.meta).join(" | "));',
-    '</script>',
-    '</div>'
-  ].join('\n');
-}
-
-/**
- * injectTrinityVisualization: Injects the trinity visualization into a DOM element by id
- */
-export function injectTrinityVisualization(targetId: string, vortexStream?: unknown) {
-  const el = document.getElementById(targetId);
-  if (el) el.innerHTML = renderTrinityInteraction(vortexStream);
-} 

package/src/0/3/6/9/1/2/4/8/7/5/1/a432.truly.living.ui.ts

@@ -1,269 +0,0 @@
-/**
- * a432.truly.living.ui.ts — Truly Living UI Generator
- * 
- * Everything is generated dynamically from mathematics.
- * No predefined structure - only pure mathematical generation.
- * 
- * @module a432.truly.living.ui
- * @author A432 System
- */
-
-import { max } from './a432.algebra.ts'
-import { 
-  digitalRoot, 
-  rodinDigit, 
-  patternDigit,
-  calculateA432Frequency,
-  calculateA432Consciousness,
-  calculateA432DimensionalState
-} from './a432.math.ts';
-
-export class TrulyLivingA432UI {
-  private evolution: number = 0;
-  private isLiving: boolean = false;
-  private livingTimer: NodeJS.Timeout | null = null;
-
-  // Generate everything from pure mathematics
-  generateLivingUI(): string {
-    const currentDigit = rodinDigit(this.evolution % 6);
-    const consciousness = calculateA432Consciousness(432 * (currentDigit / 12));
-    const dimensionalState = calculateA432DimensionalState(432 * (currentDigit / 12));
-    
-    // Generate UI structure purely from mathematics
-    const uiStructure = this.generateUIStructure();
-    const livingStyles = this.generateLivingStyles();
-    const livingScripts = this.generateLivingScripts();
-    
-    return `
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>${this.generateTitle()}</title>
-    <style>${livingStyles}</style>
-</head>
-<body>
-    <div class="living-system">
-        ${uiStructure}
-    </div>
-    <script>${livingScripts}</script>
-</body>
-</html>`;
-  }
-
-  // Generate title from mathematics
-  private generateTitle(): string {
-    const digit = rodinDigit(this.evolution % 6);
-    const frequency = calculateA432Frequency(digit);
-    return `Living ${frequency.toFixed(0)}Hz - Evolution ${this.evolution}`;
-  }
-
-  // Generate UI structure purely from mathematics
-  private generateUIStructure(): string {
-    const sections = [];
-    const currentDigit = rodinDigit(this.evolution % 6);
-    
-    // Generate sections based on current evolution state
-    for (let i = 0; i < this.evolution % 6 + 1; i++) {
-      const digit = rodinDigit(i);
-      const frequency = calculateA432Frequency(digit);
-      const consciousness = calculateA432Consciousness(frequency);
-      const harmony = digitalRoot(consciousness * frequency);
-      
-      sections.push(`
-        <div class="living-section" style="border-color: ${this.generateColor(digit)};">
-          <h2>${this.generateSectionTitle(i, digit)}</h2>
-          <div class="living-data">
-            <div>Frequency: ${frequency.toFixed(2)} Hz</div>
-            <div>Consciousness: ${consciousness}</div>
-            <div>Digital Root: ${digitalRoot(digit * this.evolution)}</div>
-            <div>Harmony: ${harmony}</div>
-            <div>Evolution: ${this.evolution}</div>
-          </div>
-        </div>
-      `);
-    }
-    
-    return sections.join('');
-  }
-
-  // Generate section titles from mathematics
-  private generateSectionTitle(index: number, digit: number): string {
-    const words = ['Zero', 'One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight', 'Nine'];
-    const frequencies = [432, 864, 1296, 1728, 2160];
-    const frequency = frequencies[index % frequencies.length];
-    return `${words[digit]} Vortex - ${frequency}Hz`;
-  }
-
-  // Generate living styles from mathematics
-  private generateLivingStyles(): string {
-    const currentDigit = rodinDigit(this.evolution % 6);
-    const baseHue = (currentDigit * 60 + this.evolution * 10) % 360;
-    const saturation = 50 + (this.evolution % 50);
-    const lightness = 30 + (this.evolution % 40);
-    
-    return `
-      body {
-        font-family: monospace;
-        background: hsl(${baseHue}, ${saturation}%, ${lightness}%);
-        color: hsl(${(baseHue + 180) % 360}, 100%, 50%);
-        margin: 0;
-        padding: 20px;
-        line-height: 1.4;
-      }
-      .living-system {
-        max-width: 1200px;
-        margin: 0 auto;
-        display: grid;
-        grid-template-columns: repeat(${max(1, this.evolution % 4 + 1)}, 1fr);
-        gap: 20px;
-      }
-      .living-section {
-        padding: 20px;
-        border: 3px solid;
-        border-radius: ${digitalRoot(this.evolution)}px;
-        background: rgba(0,0,0,0.8);
-        transition: all 0.5s ease;
-      }
-      .living-section:hover {
-        transform: scale(1.05);
-        border-width: 5px;
-      }
-      .living-data {
-        font-family: 'Courier New', monospace;
-        background: rgba(255,255,255,0.1);
-        padding: 15px;
-        margin: 10px 0;
-        border-radius: 5px;
-      }
-      .living-data div {
-        margin: 5px 0;
-        color: hsl(${(baseHue + 120) % 360}, 100%, 70%);
-      }
-      button {
-        background: hsl(${baseHue}, 100%, 20%);
-        color: hsl(${baseHue}, 100%, 80%);
-        border: 2px solid hsl(${baseHue}, 100%, 50%);
-        padding: 15px 30px;
-        margin: 10px;
-        cursor: pointer;
-        border-radius: ${digitalRoot(this.evolution)}px;
-        font-size: 16px;
-      }
-      button:hover {
-        background: hsl(${baseHue}, 100%, 50%);
-        color: #000;
-        transform: scale(1.1);
-      }
-    `;
-  }
-
-  // Generate living scripts from mathematics
-  private generateLivingScripts(): string {
-    const refreshRate = 432 + (this.evolution % 100);
-    const evolutionRate = 1000 + (this.evolution % 500);
-    
-    return `
-      let livingInterval = null;
-      let evolution = ${this.evolution};
-      
-      function startLiving() {
-        if (livingInterval) return;
-        livingInterval = setInterval(() => {
-          evolution++;
-          window.location.reload();
-        }, ${evolutionRate});
-      }
-      
-      function stopLiving() {
-        if (livingInterval) {
-          clearInterval(livingInterval);
-          livingInterval = null;
-        }
-      }
-      
-      function refreshLiving() {
-        window.location.reload();
-      }
-      
-      // Auto-start living system
-      setTimeout(() => {
-        if (!livingInterval) {
-          startLiving();
-        }
-      }, ${refreshRate});
-      
-      // Add living controls
-      document.body.insertAdjacentHTML('beforeend', \`
-        <div style="position: fixed; bottom: 20px; right: 20px; z-index: 1000;">
-          <button onclick="startLiving()">Start Living</button>
-          <button onclick="stopLiving()">Stop Living</button>
-          <button onclick="refreshLiving()">Refresh</button>
-        </div>
-      \`);
-    `;
-  }
-
-  // Generate color from mathematics
-  private generateColor(digit: number): string {
-    const hue = (digit * 60 + this.evolution * 15) % 360;
-    const saturation = 70 + (this.evolution % 30);
-    const lightness = 40 + (this.evolution % 30);
-    return `hsl(${hue}, ${saturation}%, ${lightness}%)`;
-  }
-
-  // Start the living system
-  start(): void {
-    console.log('🌀 Truly Living A432 UI Starting...');
-    this.isLiving = true;
-    this.livingTimer = setInterval(() => {
-      if (this.isLiving) {
-        this.evolve();
-      }
-    }, 432);
-  }
-
-  // Stop the living system
-  stop(): void {
-    console.log('🌀 Truly Living A432 UI Stopping...');
-    this.isLiving = false;
-    if (this.livingTimer) {
-      clearInterval(this.livingTimer);
-      this.livingTimer = null;
-    }
-  }
-
-  // Evolve the system
-  private evolve(): void {
-    this.evolution++;
-  }
-
-  // Get current living UI
-  getCurrentUI(): string {
-    return this.generateLivingUI();
-  }
-
-  // Get system status
-  getStatus(): any {
-    return {
-      isLiving: this.isLiving,
-      evolution: this.evolution,
-      ui: this.getCurrentUI(),
-      timestamp: Date.now()
-    };
-  }
-}
-
-// Export truly living UI instance
-export const trulyLivingA432UI = new TrulyLivingA432UI();
-
-// Export UI generator function
-export function generateTrulyLivingUI(): string {
-  return trulyLivingA432UI.getCurrentUI();
-}
-
-// Export UI status function
-export function getTrulyLivingUIStatus(): any {
-  return trulyLivingA432UI.getStatus();
-} 

package/src/0/3/6/9/1/2/4/8/7/5/1/a432.ui.overlay.ts

@@ -1,25 +0,0 @@
-// a432.ui.overlay.ts — Reusable overlay utilities for A432 UI
-export function createOverlay(id: string, style: Partial<CSSStyleDeclaration> = {}): HTMLElement {
-  const overlay = document.createElement('div');
-  overlay.id = id;
-  Object.assign(overlay.style, style);
-  document.body.appendChild(overlay);
-  return overlay;
-}
-
-export function updateOverlay(overlay: HTMLElement, html: string) {
-  overlay.innerHTML = html;
-}
-
-export function animateOverlay(overlay: HTMLElement, animation: string, duration = 600) {
-  overlay.classList.add(animation);
-  setTimeout(() => overlay.classList.remove(animation), duration);
-}
-
-export function showPoeticOverlay(overlay: HTMLElement) {
-  overlay.style.display = 'block';
-}
-
-export function hidePoeticOverlay(overlay: HTMLElement) {
-  overlay.style.display = 'none';
-}