nodarium/packages/present/README.md

title, sub_title, authors, options

title	sub_title	authors	options
Project **Nodarium**	dynaweek 2026	Max Niklas Felix	end_slide_shorthand true

Recap

What

---

Project Manager

---

UI Goodies

• Drop node on connection
• Node add context menu

---

Unified Memory Runtime

┌─────────────────────────────────────────────────────────────────────┐
│                        Shared WebAssembly.Memory                    │
│  ┌───────────────────────────────────────────────────────────────┐  │
│  │  [Node A output]  [Node B output]  [Node C output]  ...       │  │
│  │  ┌────────────┐   ┌────────────┐   ┌────────────┐             │  │
│  │  │ Vec<i32>   │   │ Vec<i32>   │   │ Vec<i32>   │             │  │
│  │  │ 4 bytes    │   │ 12 bytes   │   │ 2KB        │             │  │
│  │  └────────────┘   └────────────┘   └────────────┘             │  │
│  │                                                               │  │
│  │  offset: 0 ────────────────────────────────────────────────►  │  │
│  └───────────────────────────────────────────────────────────────┘  │
└─────────────────────────────────────────────────────────────────────┘
                                   ▲
                                   │
                                   │ import { memory } from "env"
         ┌─────────────────────────┼─────────────────────────┐
         │                         │                         │
    ┌────┴────┐               ┌────┴────┐               ┌────┴────┐
    │  Node A │               │  Node B │               │  Node C │
    │  WASM   │               │  WASM   │               │  WASM   │
    └─────────┘               └─────────┘               └─────────┘

---

Zukunft

• Animation
• Materials
• Wachstum über Zeit

---

Praxis Tip 1 - Preview Deployments mit Coolify

---

Praxis Tip 2 - Universal Formatter

dprint

• Typescript
• Javascript
• JSON
• Markdown
• TOML
• YAML
• Dockerfile
• C#
• CSS
• HTML
• Vue
• Svelte
• Astro
• Oxc
• GraphQL
• PHP
• Python
• Jupyter
• Und alles was eine CLI hat

Beispiel config:

{
  "lineWidth": 80,
  "typescript": {
    // This applies to both JavaScript & TypeScript
    "quoteStyle": "preferSingle",
    "binaryExpression.operatorPosition": "sameLine",
  },
  "json": {
    "indentWidth": 2,
  },
  "excludes": [
    "**/*-lock.json",
  ],
  "plugins": [
    // You may specify any urls or file paths here that you wish.
    "https://plugins.dprint.dev/typescript-x.x.x.wasm",
    "https://plugins.dprint.dev/json-x.x.x.wasm",
    "https://plugins.dprint.dev/markdown-x.x.x.wasm",
  ],
}

---

Demo Time 🚀

Open