@lessonkit/cli 0.6.0 → 0.8.0

package/template/vite-react/src/main.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import App from "./App";
+import "./styles.css";
+
+ReactDOM.createRoot(document.getElementById("root")!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+);
+

package/template/vite-react/src/styles.css

@@ -0,0 +1,59 @@
+/*
+  Template styling uses LessonKit design tokens (--lk-*).
+  ThemeProvider injects values; override via theme prop or your own CSS.
+*/
+
+html,
+body {
+  height: 100%;
+}
+
+body {
+  margin: 0;
+  background: var(--lk-color-background);
+  color: var(--lk-color-foreground);
+  font-family: var(--lk-font-family);
+  font-size: var(--lk-font-size-base);
+  line-height: var(--lk-line-height-base);
+}
+
+.app-shell {
+  margin: 0 auto;
+  padding: var(--lk-space-xl) var(--lk-space-lg);
+  max-width: 720px;
+}
+
+section,
+article {
+  border: 1px solid var(--lk-color-border);
+  border-radius: var(--lk-radius-lg);
+  padding: var(--lk-space-lg);
+  margin: var(--lk-space-md) 0;
+  background: var(--lk-color-panel);
+  box-shadow: var(--lk-shadow-md);
+}
+
+h1,
+h2 {
+  margin: 0 0 var(--lk-space-sm);
+  font-weight: var(--lk-font-weight-strong);
+}
+
+button {
+  border: 1px solid var(--lk-color-border);
+  background: var(--lk-color-panel);
+  color: var(--lk-color-foreground);
+  border-radius: var(--lk-radius-md);
+  padding: var(--lk-space-sm) var(--lk-space-md);
+  font-weight: var(--lk-font-weight-strong);
+  cursor: pointer;
+}
+
+input[type="radio"] {
+  accent-color: var(--lk-color-primary);
+}
+
+label {
+  display: block;
+  margin: var(--lk-space-xs) 0;
+}

package/template/vite-react/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "verbatimModuleSyntax": true,
+    "resolveJsonModule": true,
+    "types": ["vite/client"]
+  },
+  "include": ["src"]
+}
+

package/template/vite-react/vite.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+  plugins: [react()],
+});
+

package/template/vite-react/vitest.config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  test: {
+    environment: "jsdom",
+    css: true,
+    coverage: {
+      provider: "v8",
+      all: true,
+      include: ["src/**/*.{ts,tsx}"],
+      exclude: ["dist/**", "node_modules/**", "**/*.d.ts", "**/*.d.cts"],
+      thresholds: { lines: 100 },
+    },
+  },
+});
+