THE NEXT PRESENCE —
SYNAPSE TOWER BERLIN

// Astro Island Architecture: Streaming 3D Structural Mesh over V8 Edge Isolates
import { defineComponent } from 'astro/runtime';
import { streamProgressiveGLTF } from '@themeimpact/cad-stream';

export default defineComponent({
  name: 'SynapseCadViewer',
  props: ['buildingId', 'lodTier'],
  async serverRender({ props }) {
    // 1. Zero client-side JavaScript sent for initial brutalist shell
    const structuralManifest = await fetch(`https://cdn.synapse.berlin/manifests/${props.buildingId}.json`, {
      headers: { 'Cache-Control': 'public, max-age=31536000, immutable' }
    }).then(r => r.json());

    return {
      html: `<div id="synapse-viewport" data-cad-lod="${props.lodTier}" data-nodes="${structuralManifest.nodeCount}"></div>`,
      islandInitScript: `
        // 2. Hydrate WebGL isolate strictly when scrolled into view (client:visible)
        import('@themeimpact/webgl-worker').then(({ bootCadIsolate }) => {
          bootCadIsolate(document.getElementById('synapse-viewport'), {
            lodStreamUrl: '${structuralManifest.lodStreamEndpoint}',
            maxTriangles: 1800000,
            targetFramerate: 60,
            simdAcceleration: true
          });
        });
      `
    };
  }
});