Theoretical Botany - TS Server Engine

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_151":152,"_153":154},"routes/_app.x.$handle.$name",{"_94":93,"_32":44,"_102":84,"_27":103,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":26,"_117":118,"_119":24,"_120":-5,"_121":-5,"_122":123},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":26,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":24,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":26},"version",9,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":26,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":26},"previous","deleted",true,"deletedHere",false,"path","main.tsx","latestPath","fileId","3f78ff88-a24d-11f1-9fa6-1607ee4eb77e","name","fileType","http","content","/** @jsxImportSource npm:hono@3/jsx */\nimport { Hono } from \"npm:hono\";\nimport * as THREE from \"npm:three\";\n\nconst app = new Hono();\n\n// ==========================================\n// THEORETICAL BOTANY - HEADLESS TS ENGINE\n// ==========================================\nfunction runSimulation(steps: number) {\n let nodes = [{\n id: 0,\n parentId: null,\n type: 'stem',\n terminal: true,\n pos: new THREE.Vector3(0, 0, 0),\n dir: new THREE.Vector3(0, 1, 0), // Up\n right: new THREE.Vector3(1, 0, 0),\n length: 10,\n v: 1.0,\n age: 0,\n dead: false,\n depth: 0\n }];\n \n let idCounter = 1;\n\n for (let step = 0; step < steps; step++) {\n const season = step % 120;\n \n // Seasonal Dieback (Winter)\n if (season === 80) {\n nodes.forEach(n => { if (n.type === 'flower' || n.type === 'leaf') n.dead = true; });\n }\n nodes = nodes.filter(n => !n.dead);\n \n // Dormancy\n if (season >= 80 && season < 110) {\n nodes.forEach(n => n.age++);\n continue;\n }\n \n // Spring Awakening\n if (season === 110) {\n nodes.forEach(n => {\n if (n.type === 'bud' && Math.random() < 0.25) {\n n.type = 'stem';\n n.terminal = true;\n n.v = 0.8 + Math.random() * 0.2;\n }\n });\n }\n\n const tips = nodes.filter(n => n.terminal && n.type === 'stem');\n const nextNodes = [];\n\n tips.forEach(tip => {\n tip.terminal = false;\n const safeV = Math.max(0, tip.v);\n const len = Math.max(2, 20 * Math.pow(safeV, 1.2));\n tip.length = len; \n \n const endPos = tip.pos.clone().add(tip.dir.clone().multiplyScalar(len));\n \n // Exhaustion -> Flower\n if (tip.v <= 0) {\n nextNodes.push({\n id: idCounter++, parentId: tip.id, type: 'flower', terminal: true,\n pos: endPos, dir: tip.dir.clone(), right: tip.right.clone(),\n length: 5, v: 0, age: 0, dead: false, depth: tip.depth\n });\n return;\n }\n \n const branchChance = safeV * 0.8;\n const branches = Math.random() < branchChance ? 2 : 1;\n const spreadAngle = THREE.MathUtils.degToRad(35);\n \n // 3D Branching using Matrix Math\n for (let i = 0; i < branches; i++) {\n const branchDir = tip.dir.clone();\n const axis = tip.right.clone();\n \n // Spread outward\n const angle = branches === 1 ? (Math.random() - 0.5)*0.2 : (i === 0 ? spreadAngle : -spreadAngle);\n branchDir.applyAxisAngle(axis, angle);\n \n // Phyllotaxis (Golden Angle spin around the parent branch)\n const spin = THREE.MathUtils.degToRad(137.5 * idCounter); \n branchDir.applyAxisAngle(tip.dir, spin);\n \n const newRight = new THREE.Vector3().crossVectors(tip.dir, branchDir).normalize();\n if (newRight.lengthSq() < 0.01) newRight.copy(tip.right);\n \n const nextV = tip.v - (0.05 + Math.random() * 0.05);\n nextNodes.push({\n id: idCounter++, parentId: tip.id, type: 'stem', terminal: true,\n pos: endPos, dir: branchDir.normalize(), right: newRight,\n length: 10, v: nextV, age: 0, dead: false, depth: tip.depth + 1\n });\n }\n \n // Spawn Lateral Leaves and Buds\n if (safeV > 0.3) {\n const leafDir = tip.dir.clone().applyAxisAngle(tip.right, THREE.MathUtils.degToRad(60));\n leafDir.applyAxisAngle(tip.dir, THREE.MathUtils.degToRad(137.5 * idCounter));\n \n nextNodes.push({\n id: idCounter++, parentId: tip.id, type: 'leaf', terminal: false,\n pos: endPos, dir: leafDir, right: tip.right.clone(),\n length: 5, v: 0, age: 0, dead: false, depth: tip.depth\n });\n \n const budDir = tip.dir.clone().applyAxisAngle(tip.right, THREE.MathUtils.degToRad(30));\n budDir.applyAxisAngle(tip.dir, THREE.MathUtils.degToRad(137.5 * idCounter));\n nextNodes.push({\n id: idCounter++, parentId: tip.id, type: 'bud', terminal: false,\n pos: endPos, dir: budDir, right: tip.right.clone(),\n length: 1, v: tip.v, age: 0, dead: false, depth: tip.depth + 1\n });\n }\n });\n\n nodes.push(...nextNodes);\n nodes.forEach(n => n.age++);\n }\n \n return nodes;\n}\n\n// ------------------------------------------\n// API Endpoint (JSON output like Python engine)\n// ------------------------------------------\napp.get(\"/api/simulate\", (c) => {\n const steps = parseInt(c.req.query('steps') || '30', 10);\n const nodes = runSimulation(steps);\n return c.json({ steps, nodes });\n});\n\n// ------------------------------------------\n// Web Viewer (Frontend)\n// ------------------------------------------\nconst htmlViewer = `\n\n\n\nTheoretical Botany - TS Server Engine\n\n\n\n

Server-Side 3D Engine

Die Headless-Simulation läuft nun komplett in serverseitigem TypeScript. Das Frontend nutzt Three.js lediglich als \"dummen\" Viewer für die JSON-Daten.

\n Frühling\n \n \n

Warte auf Server...

\n\n\n\n`;\n\napp.get(\"/\", (c) => c.html(htmlViewer));\n\nexport default app.fetch;\n","createdAt",["D",1787858808614],"branchVersion","branchId","8914a933-f6a2-4786-9cd1-b5e36ddecc80","id","440228f9-a8ae-4830-8b7e-cd5a289af6c6","theoreticalBotanyServerEngine",["D",1787858130286],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019b6180-9c19-703a-876b-b037124971e3","pinnedFileId","ae949ccc-a28b-11f1-bb5b-1607ee4eb77e","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019b6180-9c19-703a-876b-b699cd6ffa6a","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_101":97},"org",{"_94":93,"_95":-5,"_96":97,"_18":53,"_98":99,"_100":26},"branch",{"_13":83,"_32":84,"_42":41,"_85":43,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":44,"_92":93},"isOwned",29,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","qrtrcgn","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zN1JZVVRtUk5WYzdtWnhST2dOYkR6WllJck0ifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":147,"_46":-5,"_47":26,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":24,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":148,"_78":149,"_80":150,"_82":26},"tree",[142],"files",[142],"counts",{"_131":60,"_132":133,"_134":60,"_135":136,"_137":138},"contents",[124],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":125,"_32":28,"_30":31,"_126":-5,"_40":41,"_39":14,"_127":26,"_37":128,"_13":60,"_33":34,"_35":36,"_23":26,"_129":-5,"_27":130},"daec58f6-e1de-4a53-b8f7-f41755150a01","parentId","latest",["D",1787858808614],"label",[28],"pulls","branches",2,"forks","envVars",{"_139":60,"_141":60},"connections",{"_139":60,"_140":60},"count","unfilledCount","emptyCount",{"_42":125,"_32":28,"_30":31,"_126":-5,"_40":41,"_39":14,"_127":26,"_37":143,"_13":60,"_33":34,"_35":36,"_23":26,"_129":-5,"_144":145,"_27":146},["D",1787858808614],"children",[],[28],["D",1787858130286],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":53,"_98":99,"_100":26},{"_13":83,"_32":84,"_42":41,"_85":43,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":44,"_92":93},"ctx",{"_76":-5,"_121":184,"_185":186,"_187":188,"_189":26,"_190":26,"_191":26,"_192":24,"_193":-5,"_194":-7,"_195":-7,"_196":60,"_197":26,"_198":26,"_199":-5,"_200":26,"_201":26,"_202":26,"_203":-5},"ENV",{"_155":156,"_157":158,"_159":84,"_160":161,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v9