sbdchd · kodiakhq · May 4, 2025 · May 4, 2025 · May 4, 2025
diff --git a/.prettierignore b/.prettierignore
@@ -1,5 +1,6 @@
 build/
 node_modules/
+playground/
 coverage/
 .venv/
 .mypy_cache/

diff --git a/playground/.gitignore b/playground/.gitignore
@@ -0,0 +1,27 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# Sentry Config File
+.env.sentry-build-plugin
diff --git a/playground/.netlify/state.json b/playground/.netlify/state.json
@@ -0,0 +1,3 @@
+{
+  "siteId": "34768e35-903f-4f55-807d-916f993f368e"
+}
diff --git a/playground/README.md b/playground/README.md
@@ -0,0 +1,23 @@
+# playground
+
+## dev
+
+```shell
+pnpm dev
+```
+
+```shell
+cargo install wasm-pack
+```
+
+## deploy
+
+```shell
+npm run build
+
+# deploy to preview
+netlify deploy
+
+# check it looks good, then deploy to prod
+netlify deploy --prod
+```
diff --git a/playground/eslint.config.js b/playground/eslint.config.js
@@ -0,0 +1,28 @@
+import js from "@eslint/js"
+import globals from "globals"
+import reactHooks from "eslint-plugin-react-hooks"
+import reactRefresh from "eslint-plugin-react-refresh"
+import tseslint from "typescript-eslint"
+
+export default tseslint.config(
+  { ignores: ["dist"] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ["**/*.{ts,tsx}"],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      "react-refresh/only-export-components": [
+        "warn",
+        { allowConstantExport: true },
+      ],
+    },
+  },
+)
diff --git a/playground/index.html b/playground/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/owl.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Squawk Playground</title>
+  </head>
+  <body class="bg-[rgb(30,30,30)] select-none">
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/playground/package.json b/playground/package.json
@@ -0,0 +1,38 @@
+{
+  "name": "vite-project",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "wasm-pack build --target web ../crates/wasm --out-dir ../../playground/src/pkg && vite build",
+    "deploy": "netlify deploy --prod",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@sentry/react": "^9.15.0",
+    "@sentry/vite-plugin": "^3.3.1",
+    "@tailwindcss/vite": "^4.0.6",
+    "lz-string": "^1.5.0",
+    "monaco-editor": "^0.52.2",
+    "prettier": "^3.5.3",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwindcss": "^4.0.6"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.19.0",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
+    "@vitejs/plugin-react": "^4.3.4",
+    "babel-plugin-react-compiler": "19.1.0-rc.1",
+    "eslint": "^9.19.0",
+    "eslint-plugin-react-hooks": "6.0.0-rc1",
+    "eslint-plugin-react-refresh": "^0.4.18",
+    "globals": "^15.14.0",
+    "typescript": "~5.7.2",
+    "typescript-eslint": "^8.22.0",
+    "vite": "^6.1.0"
+  }
+}