@locode2/harness 0.1.0-preview.1

package/bundled-plugins/fast-frontend/templates/antd-admin/src/styles/global.css

@@ -0,0 +1,180 @@
+:root {
+  color: #172033;
+  background: #f5f7fb;
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html,
+body,
+#root {
+  min-width: 320px;
+  min-height: 100%;
+  margin: 0;
+}
+
+body {
+  min-height: 100vh;
+}
+
+button,
+input,
+textarea,
+select {
+  font: inherit;
+}
+
+.app-shell {
+  min-height: 100vh;
+}
+
+.app-sider {
+  position: sticky !important;
+  top: 0;
+  z-index: 2;
+  height: 100vh;
+  overflow: auto;
+  background: #fff !important;
+  border-right: 1px solid #eef0f5;
+}
+
+.app-sider .ant-menu {
+  border-inline-end: 0 !important;
+  padding: 4px 12px;
+}
+
+.brand {
+  height: 68px;
+  padding: 0 18px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.brand-mark {
+  display: grid;
+  flex: 0 0 36px;
+  width: 36px;
+  height: 36px;
+  color: #fff;
+  font-size: 18px;
+  place-items: center;
+  background: linear-gradient(135deg, #766df8, #4d7cf8);
+  border-radius: 11px;
+  box-shadow: 0 8px 20px rgb(99 91 255 / 24%);
+}
+
+.brand-name {
+  font-size: 17px;
+  font-weight: 700;
+  letter-spacing: 0.02em;
+}
+
+.app-header {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  height: 68px;
+  padding: 0 24px;
+  line-height: 68px;
+  border-bottom: 1px solid;
+}
+
+.user-avatar {
+  color: #5148d8 !important;
+  background: #eeecff !important;
+}
+
+.app-content {
+  min-width: 0;
+  padding: 28px;
+}
+
+.dashboard-page {
+  display: grid;
+  max-width: 1480px;
+  margin: 0 auto;
+  gap: 20px;
+}
+
+.page-loading {
+  display: grid;
+  min-height: 45vh;
+  color: #7a8296;
+  place-items: center;
+}
+
+.page-heading {
+  gap: 16px;
+  margin-bottom: 4px;
+}
+
+.page-heading .ant-typography {
+  margin: 0;
+}
+
+.page-heading h2.ant-typography {
+  margin-bottom: 6px;
+  font-weight: 700;
+}
+
+.metric-card,
+.work-card,
+.progress-card {
+  height: 100%;
+  border: 1px solid rgb(224 228 238 / 74%);
+  box-shadow: 0 8px 28px rgb(41 50 75 / 5%);
+}
+
+.metric-card .ant-statistic-content {
+  margin: 8px 0 12px;
+}
+
+.trend-positive {
+  color: #16a36a;
+}
+
+.trend-negative {
+  color: #ef5261;
+}
+
+.progress-content {
+  padding: 12px 10px 6px;
+  text-align: center;
+}
+
+.progress-content h4.ant-typography {
+  margin: 4px 0 8px;
+}
+
+.progress-content .ant-typography {
+  max-width: 300px;
+}
+
+@media (max-width: 767px) {
+  .app-header {
+    padding: 0 12px;
+  }
+
+  .app-content {
+    padding: 20px 14px;
+  }
+
+  .user-name {
+    display: none;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    scroll-behavior: auto !important;
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+  }
+}

package/bundled-plugins/fast-frontend/templates/antd-admin/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/bundled-plugins/fast-frontend/templates/antd-admin/tsconfig.app.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2023",
+    "useDefineForClassFields": true,
+    "lib": ["ES2023", "DOM", "DOM.Iterable"],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "noUncheckedIndexedAccess": true,
+    "exactOptionalPropertyTypes": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "types": ["vite/client"]
+  },
+  "include": ["src"]
+}

package/bundled-plugins/fast-frontend/templates/antd-admin/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/bundled-plugins/fast-frontend/templates/antd-admin/tsconfig.node.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "skipLibCheck": true,
+    "strict": true,
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "types": ["node"]
+  },
+  "include": ["vite.config.ts"]
+}

package/bundled-plugins/fast-frontend/templates/antd-admin/vite.config.ts

@@ -0,0 +1,39 @@
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
+
+const contentSecurityPolicy = (scriptSource: string) => [
+  "default-src 'self'",
+  "base-uri 'self'",
+  "object-src 'none'",
+  "frame-ancestors 'self' http://127.0.0.1:* http://localhost:*",
+  scriptSource,
+  "style-src 'self' 'unsafe-inline'",
+  "img-src 'self' data:",
+  "font-src 'self' data:",
+  "connect-src 'self' ws://127.0.0.1:* ws://localhost:* wss://127.0.0.1:* wss://localhost:*",
+].join("; ");
+
+const securityHeaders = (scriptSource: string) => ({
+  "Content-Security-Policy": contentSecurityPolicy(scriptSource),
+  "Referrer-Policy": "strict-origin-when-cross-origin",
+  "X-Content-Type-Options": "nosniff",
+});
+
+export default defineConfig({
+  plugins: [react()],
+  build: {
+    target: "es2023",
+    sourcemap: true,
+  },
+  server: {
+    // Harness intentionally omits allow-same-origin from the iframe sandbox so
+    // the preview cannot read cookies belonging to the Host's loopback name.
+    // Module requests therefore carry the opaque Origin header `null`.
+    cors: { origin: "null" },
+    // Vite React Fast Refresh injects one inline module in development.
+    headers: securityHeaders("script-src 'self' 'unsafe-inline'"),
+  },
+  preview: {
+    headers: securityHeaders("script-src 'self'"),
+  },
+});