feat: initial HELIX scaffold — R&D showcase platform
SvelteKit 2 + Svelte 5 + TypeScript site. SQLite via Drizzle. Gitea OAuth for authoring (RnD org-gated). Pure SVG + CSS DNA helix on landing. What lands - Landing hero with animated two-strand SVG helix + tagline - /projects + /projects/[slug] (markdown body, dashboard embed allowlist) - /posts + /posts/[slug] - Auth-gated /projects/new + /posts/new forms - Gitea OAuth flow (state, code exchange, org-membership check, sessions) - Sliding-window cookie sessions (SHA-256 hashed token storage) - Dockerfile + docker-compose with named-volume SQLite - Idempotent seed (EVOLV + HELIX projects, welcome post) Stack notes - Tailwind v3 (Node 18 compat; v4 needs Node 20+) - drizzle-orm 0.45+ (patched, no SQL-identifier escape vuln) - marked for markdown; iframe embeds gated by DASHBOARD_ALLOWED_HOSTS Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
141
scripts/seed.js
Normal file
141
scripts/seed.js
Normal file
@@ -0,0 +1,141 @@
|
||||
#!/usr/bin/env node
|
||||
/**
|
||||
* Seeds the database with a couple of example projects + posts so the landing
|
||||
* page has something to render on first boot. Safe to re-run — uses INSERT OR
|
||||
* IGNORE semantics via fixed IDs.
|
||||
*
|
||||
* node scripts/seed.js
|
||||
*/
|
||||
import Database from 'better-sqlite3';
|
||||
|
||||
const url = process.env.DATABASE_URL ?? './helix.db';
|
||||
const db = new Database(url);
|
||||
db.pragma('foreign_keys = ON');
|
||||
|
||||
const now = Math.floor(Date.now() / 1000);
|
||||
|
||||
const projects = [
|
||||
{
|
||||
id: 'prj_evolv',
|
||||
slug: 'evolv',
|
||||
title: 'EVOLV',
|
||||
summary:
|
||||
'ISA-88 Node-RED nodes for wastewater treatment plant automation. The flagship R&D stack.',
|
||||
body_md: [
|
||||
'# EVOLV',
|
||||
'',
|
||||
'EVOLV is a Node-RED custom-nodes package implementing the **ISA-88 (S88)** batch-control standard for wastewater treatment plants.',
|
||||
'',
|
||||
'Each node follows a three-layer architecture: Node-RED wrapper → adapter → pure domain logic. Configuration is JSON-driven; measurement series flow through a chainable container; outputs are normalised for InfluxDB and Grafana.',
|
||||
'',
|
||||
'## Highlights',
|
||||
'',
|
||||
'- Reactors, settlers, pumping stations, valves, rotating machines, machine groups',
|
||||
'- Physics-checked: hydraulics, mass balance, biology, rotating-equipment envelopes',
|
||||
'- Telemetry-first: every state surfaces on Ports 0/1/2 with declared output manifests',
|
||||
'- Used at Waterschap Brabantse Delta for plant simulation and live control'
|
||||
].join('\n'),
|
||||
cover_url: null,
|
||||
status: 'published'
|
||||
},
|
||||
{
|
||||
id: 'prj_helix',
|
||||
slug: 'helix',
|
||||
title: 'HELIX',
|
||||
summary:
|
||||
'This very site — the R&D showcase platform. EVOLV and every R&D strand, one helix.',
|
||||
body_md: [
|
||||
'# HELIX',
|
||||
'',
|
||||
'HELIX is the R&D showcase platform of Waterschap Brabantse Delta. It collects projects, innovations, and updates from across the team in one place — with deep links to the actual repos, dashboards, and demos.',
|
||||
'',
|
||||
'## Stack',
|
||||
'',
|
||||
'- **SvelteKit 2** + **Svelte 5** + TypeScript',
|
||||
'- **Tailwind v4** (CSS-first design tokens)',
|
||||
'- **SQLite** + **Drizzle ORM** — single-file, easy to back up',
|
||||
'- **Gitea OAuth** for authoring',
|
||||
'- Pure SVG + CSS for the helix animation — no WebGL',
|
||||
'',
|
||||
'## Why?',
|
||||
'',
|
||||
'Innovations were scattered: Gitea repos here, Grafana dashboards there, slide decks elsewhere. HELIX is the strand they share.'
|
||||
].join('\n'),
|
||||
cover_url: null,
|
||||
status: 'published'
|
||||
}
|
||||
];
|
||||
|
||||
const links = [
|
||||
{
|
||||
id: 'lnk_evolv_repo',
|
||||
project_id: 'prj_evolv',
|
||||
kind: 'gitea',
|
||||
label: 'gitea.wbd-rd.nl/RnD/EVOLV',
|
||||
url: 'https://gitea.wbd-rd.nl/RnD/EVOLV',
|
||||
position: 0
|
||||
},
|
||||
{
|
||||
id: 'lnk_helix_repo',
|
||||
project_id: 'prj_helix',
|
||||
kind: 'gitea',
|
||||
label: 'gitea.wbd-rd.nl/RnD/helix',
|
||||
url: 'https://gitea.wbd-rd.nl/RnD/helix',
|
||||
position: 0
|
||||
}
|
||||
];
|
||||
|
||||
const posts = [
|
||||
{
|
||||
id: 'pst_welcome',
|
||||
slug: 'welcome-to-helix',
|
||||
title: 'Welcome to HELIX',
|
||||
summary: 'Why this site exists and how to contribute.',
|
||||
body_md: [
|
||||
'# Welcome to HELIX',
|
||||
'',
|
||||
'HELIX is the home of R&D output at Waterschap Brabantse Delta. If you have a project, a dashboard, or a one-off experiment worth showing — it belongs here.',
|
||||
'',
|
||||
'## How to post',
|
||||
'',
|
||||
'Sign in with your Gitea account (top-right). Then:',
|
||||
'',
|
||||
'- **Projects** are durable showcases. Title, summary, markdown body, links to repos / dashboards / demos.',
|
||||
'- **Posts** are updates, write-ups, notes. Anything blog-shaped.',
|
||||
'',
|
||||
'Both render with full markdown and can link to live dashboards. Iframe embeds are gated by an allowlist in `src/lib/config.ts`.',
|
||||
'',
|
||||
"Don't see your dashboard host in the allowlist? Add it in a PR — one line."
|
||||
].join('\n'),
|
||||
published_at: now
|
||||
}
|
||||
];
|
||||
|
||||
const insertProject = db.prepare(`
|
||||
INSERT OR IGNORE INTO projects
|
||||
(id, slug, title, summary, body_md, cover_url, author_id, status, created_at, updated_at)
|
||||
VALUES
|
||||
(@id, @slug, @title, @summary, @body_md, @cover_url, NULL, @status, ${now}, ${now})
|
||||
`);
|
||||
const insertLink = db.prepare(`
|
||||
INSERT OR IGNORE INTO project_links
|
||||
(id, project_id, kind, label, url, position)
|
||||
VALUES
|
||||
(@id, @project_id, @kind, @label, @url, @position)
|
||||
`);
|
||||
const insertPost = db.prepare(`
|
||||
INSERT OR IGNORE INTO posts
|
||||
(id, slug, title, summary, body_md, author_id, published_at, created_at, updated_at)
|
||||
VALUES
|
||||
(@id, @slug, @title, @summary, @body_md, NULL, @published_at, ${now}, ${now})
|
||||
`);
|
||||
|
||||
const tx = db.transaction(() => {
|
||||
for (const p of projects) insertProject.run(p);
|
||||
for (const l of links) insertLink.run(l);
|
||||
for (const p of posts) insertPost.run(p);
|
||||
});
|
||||
tx();
|
||||
|
||||
console.log(`[helix] seeded ${projects.length} projects, ${links.length} links, ${posts.length} posts → ${url}`);
|
||||
db.close();
|
||||
Reference in New Issue
Block a user