@mediamonks/canopy-cli 0.0.1 → 0.2.0

package/dist/skill-jbmERP1X.mjs

@@ -0,0 +1,84 @@
+import { t as version } from "./package-OcWG7JAW.mjs";
+import { n as reportErrors } from "./ui-C8VuPzGp.mjs";
+import { defineCommand } from "citty";
+import { cpSync, existsSync, mkdirSync, rmSync, symlinkSync, writeFileSync } from "node:fs";
+import { join, relative } from "node:path";
+import { fileURLToPath } from "node:url";
+//#region src/skill.ts
+/**
+* canopy skill install — write the Canopy agent skill into the current repo.
+*
+* To avoid vendor lock-in the skill lives in the tool-neutral `.agents/skills/`
+* tree, and `.claude/skills/canopy` is a symlink to it (so Claude Code picks it
+* up while other agents can read `.agents/`). The skill files are bundled with
+* the CLI (dist/skill in the published package, packages/cli/skill in dev), so
+* `canopy upgrade` re-runs this to keep the installed skill in sync.
+*/
+const SKILL_NAME = "canopy";
+const AGENTS_REL = join(".agents", "skills", SKILL_NAME);
+const CLAUDE_REL = join(".claude", "skills", SKILL_NAME);
+const STAMP = ".canopy-skill-version";
+/** The bundled skill source: dist/skill/canopy published, packages/cli/skill in dev. */
+function bundledSkillDir() {
+	const base = fileURLToPath(new URL(".", import.meta.url));
+	for (const candidate of [join(base, "skill", SKILL_NAME), join(base, "..", "skill", SKILL_NAME)]) if (existsSync(join(candidate, "SKILL.md"))) return candidate;
+	throw new Error("Skill files not found — the CLI build is incomplete (missing skill/).");
+}
+/** Point `.claude/skills/canopy` at the `.agents` copy; copy as a fallback. */
+function linkClaude(root) {
+	const linkPath = join(root, CLAUDE_REL);
+	const target = relative(join(root, ".claude", "skills"), join(root, AGENTS_REL));
+	mkdirSync(join(root, ".claude", "skills"), { recursive: true });
+	rmSync(linkPath, {
+		recursive: true,
+		force: true
+	});
+	try {
+		symlinkSync(target, linkPath, "dir");
+		return "symlink";
+	} catch {
+		cpSync(join(root, AGENTS_REL), linkPath, { recursive: true });
+		return "copy";
+	}
+}
+/** Install/refresh the skill under `root`. Returns the absolute `.agents` path. */
+function installSkill(root) {
+	const source = bundledSkillDir();
+	const agentsDir = join(root, AGENTS_REL);
+	rmSync(agentsDir, {
+		recursive: true,
+		force: true
+	});
+	mkdirSync(agentsDir, { recursive: true });
+	cpSync(source, agentsDir, { recursive: true });
+	writeFileSync(join(agentsDir, STAMP), `${version}\n`);
+	return {
+		agentsDir,
+		claudeMode: linkClaude(root)
+	};
+}
+/** Is a Canopy skill already installed under `root`? (Used by `canopy upgrade`.) */
+function skillInstalled(root) {
+	return existsSync(join(root, AGENTS_REL, "SKILL.md"));
+}
+const skillCommand = defineCommand({
+	meta: {
+		name: "skill",
+		description: "Manage the Canopy agent skill in this repo"
+	},
+	subCommands: { install: () => defineCommand({
+		meta: {
+			name: "install",
+			description: "Install/refresh the Canopy skill (.agents + .claude)"
+		},
+		run: reportErrors("skill install", async () => {
+			const { claudeMode } = installSkill(process.cwd());
+			console.log(`Installed the Canopy skill (v${version}):`);
+			console.log(`  .agents/skills/${SKILL_NAME}/   (source of truth)`);
+			console.log(claudeMode === "symlink" ? `  .claude/skills/${SKILL_NAME}    → symlink to .agents` : `  .claude/skills/${SKILL_NAME}    (copy — symlinks unavailable here)`);
+			console.log("\nYour agent can now use Canopy. Try: canopy docs");
+		})
+	}) }
+});
+//#endregion
+export { skillCommand, skillInstalled };

package/dist/templates/spa/.github/workflows/canopy-deploy.yml

@@ -0,0 +1,34 @@
+# Deploy to Canopy on every push to main. GitHub's runners are the build
+# farm — the platform owns no build infrastructure.
+#
+# Needs a CANOPY_DEPLOY_TOKEN repo secret: create a deploy token in the
+# dashboard (project → Settings → Deploy tokens) or with `canopy token
+# create`, then add it via `gh secret set CANOPY_DEPLOY_TOKEN` or the repo's
+# Settings → Secrets. Until the secret is set, this workflow skips itself
+# instead of failing the build.
+name: Deploy to Canopy
+
+on:
+  push:
+    branches: [main]
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    env:
+      CANOPY_DEPLOY_TOKEN: ${{ secrets.CANOPY_DEPLOY_TOKEN }}
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+      - name: Install dependencies
+        if: env.CANOPY_DEPLOY_TOKEN != ''
+        run: |
+          if [ -f package-lock.json ]; then npm ci; else npm install; fi
+      - name: Deploy
+        if: env.CANOPY_DEPLOY_TOKEN != ''
+        run: npm exec --yes @mediamonks/canopy-cli deploy
+      - name: Skipped (no deploy token)
+        if: env.CANOPY_DEPLOY_TOKEN == ''
+        run: echo "CANOPY_DEPLOY_TOKEN secret not set — skipping deploy."

package/dist/templates/spa/AGENTS.md

@@ -0,0 +1,43 @@
+# {{name}} — a Canopy React SPA
+
+A Vite + React single-page app on [Canopy](https://dashboard.thanarie.dev),
+Monks' managed platform for internal projects. Everything is served behind
+company login; there is no infrastructure to manage and none should be added.
+
+## Canopy skill
+
+The full SDK reference (auth, db, blob, ai) and platform guardrails ship as an
+agent skill, kept out of this scaffold so it stays current. Install it before
+building features:
+
+```
+npx skills add mediamonks/canopy
+```
+
+If that fails the skill isn't published yet — the SDK surface is documented on
+the [Canopy dashboard](https://dashboard.thanarie.dev).
+
+## Working on this project
+
+- A standard Vite + React + TypeScript app; `npm install` once, then develop
+  with `canopy dev` (it runs Vite with this project's `vite.config.ts` and
+  proxies `/_api` to the platform).
+- The SDK comes from npm (`@mediamonks/canopy`) — the shared instance lives in
+  `src/canopy.ts`.
+- `canopy dev` uses LIVE project data: read freely, but take a
+  `canopy db snapshot` before risky data changes.
+- `canopy dev --local [--pull]` — offline sandbox with local data instead;
+  writes never reach the platform. Prefer it for destructive experiments.
+- `canopy deploy` — builds (`npm run build`) and publishes `dist/`; live
+  (behind company login) at https://{{slug}}.thanarie.dev.
+
+## Boundaries
+
+- Do not add auth — the platform authenticates every request before it
+  reaches this app.
+- Do not store secrets anywhere in this project, and never call external APIs
+  that need them from the browser — all backend needs go through the Canopy
+  SDK (`canopy.auth`, `canopy.db`, `canopy.blob`, `canopy.ai`).
+- Frontend only: no SSR, no custom servers, no databases outside `canopy.db`.
+  (Need backend code? Recreate on the `worker` template, or ask the Canopy
+  team.)

package/dist/templates/spa/README.md

@@ -0,0 +1,14 @@
+# {{name}}
+
+A [Canopy](https://dashboard.thanarie.dev) project — Vite + React. Live
+(behind company login) at https://{{slug}}.thanarie.dev after the first
+`canopy deploy`.
+
+- `npm install` — once, then:
+- `canopy dev` — develop locally against the live platform (real data!)
+- `canopy dev --local [--pull]` — offline sandbox with local data instead
+- `canopy deploy` — build and publish `dist/`
+- `AGENTS.md` — project guardrails and skill setup for coding agents
+
+Push-to-main deploys are prepared in `.github/workflows/canopy-deploy.yml`
+(needs a `CANOPY_DEPLOY_TOKEN` repo secret — see the workflow file).

package/dist/templates/spa/_gitignore

@@ -0,0 +1,4 @@
+node_modules/
+dist/
+.canopy/
+.DS_Store

package/dist/templates/spa/canopy.json

@@ -0,0 +1,5 @@
+{
+  "slug": "{{slug}}",
+  "build": "npm run build",
+  "dist": "dist"
+}

package/dist/templates/spa/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{name}}</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/dist/templates/spa/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "{{slug}}",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "canopy dev",
+    "build": "tsc && vite build"
+  },
+  "dependencies": {
+    "@mediamonks/canopy": "^0.0.1",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
+    "@vitejs/plugin-react": "^5.0.0",
+    "typescript": "^5.8.0",
+    "vite": "^7.0.0"
+  }
+}

package/dist/templates/spa/src/app.tsx

@@ -0,0 +1,25 @@
+import { useEffect, useState } from "react";
+import { canopy } from "./canopy.ts";
+
+export function App() {
+  const [status, setStatus] = useState("connecting to Canopy…");
+
+  useEffect(() => {
+    canopy.auth
+      .user()
+      .then((user) => setStatus(`signed in as ${user.email}`))
+      .catch(() => setStatus("could not reach Canopy — is `canopy dev` running?"));
+  }, []);
+
+  return (
+    <main>
+      <h1>{"{{name}}"}</h1>
+      <p className="status">{status}</p>
+      <section>
+        <p className="placeholder">
+          Start building — edit <code>src/app.tsx</code>, then run <code>canopy deploy</code>.
+        </p>
+      </section>
+    </main>
+  );
+}

package/dist/templates/spa/src/canopy.ts

@@ -0,0 +1,5 @@
+// One SDK instance for the whole app. Auth (auth), data (db), files (blob)
+// and AI (ai) are all live — see AGENTS.md for how to get the full reference.
+import { createCanopy } from "@mediamonks/canopy";
+
+export const canopy = createCanopy();

package/dist/templates/spa/src/main.tsx

@@ -0,0 +1,10 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { App } from "./app.tsx";
+import "./style.css";
+
+createRoot(document.getElementById("root") as HTMLElement).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);

package/dist/templates/spa/src/style.css

@@ -0,0 +1,29 @@
+:root {
+  font-family: system-ui, sans-serif;
+  color-scheme: light dark;
+}
+
+body {
+  margin: 0;
+  display: grid;
+  place-items: center;
+  min-height: 100vh;
+}
+
+main {
+  max-width: 40rem;
+  padding: 2rem;
+  text-align: center;
+}
+
+.status {
+  font-size: 0.9rem;
+  opacity: 0.7;
+}
+
+.placeholder {
+  border: 1px dashed color-mix(in srgb, currentColor 30%, transparent);
+  border-radius: 8px;
+  padding: 1.5rem;
+  opacity: 0.6;
+}

package/dist/templates/spa/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "noEmit": true,
+    "skipLibCheck": true,
+    "isolatedModules": true,
+    "allowImportingTsExtensions": true,
+    "noUncheckedIndexedAccess": true
+  },
+  "include": ["src", "vite.config.ts"]
+}

package/dist/templates/spa/vite.config.ts

@@ -0,0 +1,7 @@
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
+
+// `canopy dev` picks this config up and adds its own /_api proxy on top.
+export default defineConfig({
+  plugins: [react()],
+});

package/dist/templates/static/AGENTS.md

@@ -0,0 +1,41 @@
+# {{name}} — a Canopy static app
+
+A no-build web app on [Canopy](https://dashboard.thanarie.dev), Monks' managed
+platform for internal projects. Everything is served behind company login;
+there is no infrastructure to manage and none should be added.
+
+## Canopy skill
+
+The full SDK reference (auth, db, blob, ai) and platform guardrails ship as an
+agent skill, kept out of this scaffold so it stays current. Install it before
+building features:
+
+```
+npx skills add mediamonks/canopy
+```
+
+If that fails the skill isn't published yet — the SDK surface is documented on
+the [Canopy dashboard](https://dashboard.thanarie.dev).
+
+## Working on this project
+
+- Plain html/css/js in this directory — no bundler, no install step. The
+  Canopy SDK is imported straight from the platform, so it always matches the
+  API version: `import { createCanopy } from "/_api/v1/sdk.js";`
+- `canopy dev` — local dev server; its `/_api` proxies to the real platform.
+  That is LIVE project data: read freely, but take a `canopy db snapshot`
+  before risky data changes.
+- `canopy dev --local [--pull]` — offline sandbox with local data instead;
+  writes never reach the platform. Prefer it for destructive experiments.
+- `canopy deploy` — publish; live (behind company login) at
+  https://{{slug}}.thanarie.dev.
+
+## Boundaries
+
+- Do not add auth — the platform authenticates every request before it
+  reaches this app.
+- Do not store secrets anywhere in this project, and never call external APIs
+  that need them from the browser — all backend needs go through the Canopy
+  SDK (`canopy.auth`, `canopy.db`, `canopy.blob`, `canopy.ai`).
+- Keep it a static site: no SSR, no custom servers, no databases outside
+  `canopy.db`.

package/dist/templates/static/README.md

@@ -0,0 +1,9 @@
+# {{name}}
+
+A [Canopy](https://dashboard.thanarie.dev) project. Live (behind company
+login) at https://{{slug}}.thanarie.dev after the first `canopy deploy`.
+
+- `canopy dev` — develop locally against the live platform (real data!)
+- `canopy dev --local [--pull]` — offline sandbox with local data instead
+- `canopy deploy` — publish the current directory
+- `AGENTS.md` — project guardrails and skill setup for coding agents

package/dist/templates/static/_gitignore

@@ -0,0 +1,2 @@
+.canopy/
+.DS_Store

package/dist/templates/static/canopy.json

@@ -0,0 +1,4 @@
+{
+  "slug": "{{slug}}",
+  "dist": "."
+}

package/dist/templates/static/index.html

@@ -0,0 +1,21 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{name}}</title>
+    <link rel="stylesheet" href="./style.css" />
+  </head>
+  <body>
+    <main>
+      <h1>{{name}}</h1>
+      <p class="status" id="status">connecting to Canopy…</p>
+      <section id="app">
+        <p class="placeholder">
+          Start building — edit <code>main.js</code>, then run <code>canopy deploy</code>.
+        </p>
+      </section>
+    </main>
+    <script type="module" src="./main.js"></script>
+  </body>
+</html>

package/dist/templates/static/main.js

@@ -0,0 +1,9 @@
+// The Canopy SDK is served by the platform itself — nothing to install.
+// Auth (auth), data (db), files (blob) and AI (ai) are all live — see
+// AGENTS.md for how to get the full SDK reference.
+import { createCanopy } from "/_api/v1/sdk.js";
+
+const canopy = createCanopy();
+
+const user = await canopy.auth.user();
+document.getElementById("status").textContent = `signed in as ${user.email}`;

package/dist/templates/static/style.css

@@ -0,0 +1,29 @@
+:root {
+  font-family: system-ui, sans-serif;
+  color-scheme: light dark;
+}
+
+body {
+  margin: 0;
+  display: grid;
+  place-items: center;
+  min-height: 100vh;
+}
+
+main {
+  max-width: 40rem;
+  padding: 2rem;
+  text-align: center;
+}
+
+.status {
+  font-size: 0.9rem;
+  opacity: 0.7;
+}
+
+.placeholder {
+  border: 1px dashed color-mix(in srgb, currentColor 30%, transparent);
+  border-radius: 8px;
+  padding: 1.5rem;
+  opacity: 0.6;
+}

package/dist/templates/worker/.github/workflows/canopy-deploy.yml

@@ -0,0 +1,34 @@
+# Deploy to Canopy on every push to main. GitHub's runners are the build
+# farm — the platform owns no build infrastructure.
+#
+# Needs a CANOPY_DEPLOY_TOKEN repo secret: create a deploy token in the
+# dashboard (project → Settings → Deploy tokens) or with `canopy token
+# create`, then add it via `gh secret set CANOPY_DEPLOY_TOKEN` or the repo's
+# Settings → Secrets. Until the secret is set, this workflow skips itself
+# instead of failing the build.
+name: Deploy to Canopy
+
+on:
+  push:
+    branches: [main]
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    env:
+      CANOPY_DEPLOY_TOKEN: ${{ secrets.CANOPY_DEPLOY_TOKEN }}
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+      - name: Install dependencies
+        if: env.CANOPY_DEPLOY_TOKEN != ''
+        run: |
+          if [ -f package-lock.json ]; then npm ci; else npm install; fi
+      - name: Deploy
+        if: env.CANOPY_DEPLOY_TOKEN != ''
+        run: npm exec --yes @mediamonks/canopy-cli deploy
+      - name: Skipped (no deploy token)
+        if: env.CANOPY_DEPLOY_TOKEN == ''
+        run: echo "CANOPY_DEPLOY_TOKEN secret not set — skipping deploy."

package/dist/templates/worker/AGENTS.md

@@ -0,0 +1,51 @@
+# {{name}} — a Canopy React SPA with a backend Worker
+
+A Vite + React single-page app plus a per-project backend Worker on
+[Canopy](https://dashboard.thanarie.dev), Monks' managed platform for internal
+projects. Everything is served behind company login; there is no
+infrastructure to manage and none should be added.
+
+> **Phase 2 preview:** per-project Workers are not deployable yet.
+> `canopy deploy` publishes the frontend only; `worker/` is picked up
+> automatically once the platform supports it.
+
+## Canopy skill
+
+The full SDK reference (auth, db, blob, ai) and platform guardrails ship as an
+agent skill, kept out of this scaffold so it stays current. Install it before
+building features:
+
+```
+npx skills add mediamonks/canopy
+```
+
+If that fails the skill isn't published yet — the SDK surface is documented on
+the [Canopy dashboard](https://dashboard.thanarie.dev).
+
+## Working on this project
+
+- Frontend: a standard Vite + React + TypeScript app in `src/`; `npm install`
+  once, then develop with `canopy dev` (it runs Vite with this project's
+  `vite.config.ts` and proxies `/_api` to the platform).
+- Backend: Hono-style handlers in `worker/index.ts`, serving `/api/*`. It runs
+  behind the Canopy gateway (requests arrive authenticated) and reaches the
+  platform through a service binding — same SDK, same budgets and data
+  isolation as the browser.
+- The SDK comes from npm (`@mediamonks/canopy`) — the browser's shared
+  instance lives in `src/canopy.ts`.
+- `canopy dev` uses LIVE project data: read freely, but take a
+  `canopy db snapshot` before risky data changes.
+- `canopy dev --local [--pull]` — offline sandbox with local data instead;
+  writes never reach the platform. Prefer it for destructive experiments.
+- `canopy deploy` — builds (`npm run build`) and publishes; live (behind
+  company login) at https://{{slug}}.thanarie.dev.
+
+## Boundaries
+
+- Do not add auth — the platform authenticates every request before it
+  reaches this app or the Worker.
+- Do not store secrets anywhere in this project — platform access goes
+  through the Canopy SDK (`canopy.auth`, `canopy.db`, `canopy.blob`,
+  `canopy.ai`) in both the browser and the Worker.
+- The Worker is the only backend: no SSR, no long-running processes, no
+  databases outside `canopy.db`.

package/dist/templates/worker/README.md

@@ -0,0 +1,18 @@
+# {{name}}
+
+A [Canopy](https://dashboard.thanarie.dev) project — Vite + React with a
+backend Worker (`worker/`). Live (behind company login) at
+https://{{slug}}.thanarie.dev after the first `canopy deploy`.
+
+> Per-project Workers are a Canopy Phase 2 capability: `canopy deploy`
+> publishes the frontend only for now — `worker/` deploys automatically once
+> the platform supports it.
+
+- `npm install` — once, then:
+- `canopy dev` — develop locally against the live platform (real data!)
+- `canopy dev --local [--pull]` — offline sandbox with local data instead
+- `canopy deploy` — build and publish `dist/`
+- `AGENTS.md` — project guardrails and skill setup for coding agents
+
+Push-to-main deploys are prepared in `.github/workflows/canopy-deploy.yml`
+(needs a `CANOPY_DEPLOY_TOKEN` repo secret — see the workflow file).

package/dist/templates/worker/_gitignore

@@ -0,0 +1,4 @@
+node_modules/
+dist/
+.canopy/
+.DS_Store

package/dist/templates/worker/canopy.json

@@ -0,0 +1,6 @@
+{
+  "slug": "{{slug}}",
+  "build": "npm run build",
+  "dist": "dist",
+  "worker": "worker/index.ts"
+}

package/dist/templates/worker/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{name}}</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/dist/templates/worker/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "{{slug}}",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "canopy dev",
+    "build": "tsc && vite build"
+  },
+  "dependencies": {
+    "@mediamonks/canopy": "^0.0.1",
+    "hono": "^4.8.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
+    "@vitejs/plugin-react": "^5.0.0",
+    "typescript": "^5.8.0",
+    "vite": "^7.0.0"
+  }
+}

package/dist/templates/worker/src/app.tsx

@@ -0,0 +1,25 @@
+import { useEffect, useState } from "react";
+import { canopy } from "./canopy.ts";
+
+export function App() {
+  const [status, setStatus] = useState("connecting to Canopy…");
+
+  useEffect(() => {
+    canopy.auth
+      .user()
+      .then((user) => setStatus(`signed in as ${user.email}`))
+      .catch(() => setStatus("could not reach Canopy — is `canopy dev` running?"));
+  }, []);
+
+  return (
+    <main>
+      <h1>{"{{name}}"}</h1>
+      <p className="status">{status}</p>
+      <section>
+        <p className="placeholder">
+          Start building — edit <code>src/app.tsx</code>, then run <code>canopy deploy</code>.
+        </p>
+      </section>
+    </main>
+  );
+}

package/dist/templates/worker/src/canopy.ts

@@ -0,0 +1,5 @@
+// One SDK instance for the whole app. Auth (auth), data (db), files (blob)
+// and AI (ai) are all live — see AGENTS.md for how to get the full reference.
+import { createCanopy } from "@mediamonks/canopy";
+
+export const canopy = createCanopy();

package/dist/templates/worker/src/main.tsx

@@ -0,0 +1,10 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { App } from "./app.tsx";
+import "./style.css";
+
+createRoot(document.getElementById("root") as HTMLElement).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);