feat: complete TASK-WP0-01 toolchain skeleton

2026-07-27 17:13:01 +08:00
parent 67e7a17d96
commit ae20eaf01f
39 changed files with 3588 additions and 0 deletions
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Dada</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
@@ -0,0 +1,24 @@
+{
+  "name": "@dada/web",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "vite build",
+    "typecheck": "tsc --noEmit -p tsconfig.json"
+  },
+  "dependencies": {
+    "@vibrant/core": "4.0.4",
+    "@vibrant/quantizer-mmcq": "4.0.4",
+    "fabric": "7.4.0",
+    "react": "19.2.8",
+    "react-dom": "19.2.8"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@vitejs/plugin-react": "6.0.4",
+    "typescript": "7.0.2",
+    "vite": "8.1.5"
+  }
+}
@@ -0,0 +1,16 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+
+import { ToolchainProbe } from "./toolchain-probe.js";
+
+const root = document.getElementById("root");
+
+if (!root) {
+  throw new Error("Dada web root element is missing.");
+}
+
+createRoot(root).render(
+  <StrictMode>
+    <ToolchainProbe />
+  </StrictMode>,
+);
@@ -0,0 +1,21 @@
+import { Rect, version as fabricVersion } from "fabric";
+import { renderToStaticMarkup } from "react-dom/server";
+
+export function ToolchainProbe() {
+  return <canvas aria-label="Dada toolchain probe" height={16} width={16} />;
+}
+
+export function renderToolchainProbe() {
+  const reactMarkup = renderToStaticMarkup(<ToolchainProbe />);
+  const fabricSvg = new Rect({
+    fill: "#111111",
+    height: 16,
+    width: 16,
+  }).toSVG();
+
+  return {
+    fabricSvg,
+    fabricVersion,
+    reactMarkup,
+  };
+}
@@ -0,0 +1,11 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "jsx": "react-jsx",
+    "lib": ["ES2024", "DOM", "DOM.Iterable"],
+    "types": ["vite/client"]
+  },
+  "include": ["src", "vite.config.ts"]
+}
@@ -0,0 +1,6 @@
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
+
+export default defineConfig({
+  plugins: [react()],
+});