[form] Setup dev server

x0k · x0k · commit 51849f964899 · 2025-01-23T18:17:28.000+03:00
diff --git a/mkfile b/mkfile
@@ -33,6 +33,8 @@ cfw/:
 
 f/:
   pushd packages/form
+  d:
+    pnpm run dev
   b:
     pnpm run build
   c:
diff --git a/packages/form/index.html b/packages/form/index.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>SJSF</title>
+</head>
+
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/app.ts"></script>
+</body>
+
+</html>
diff --git a/packages/form/package.json b/packages/form/package.json
@@ -12,6 +12,7 @@
   "files": [
     "dist",
     "LICENSE-APACHE",
+    "!app.*",
     "!dist/**/*.test.*",
     "!dist/**/*.spec.*"
   ],
@@ -26,6 +27,7 @@
   "bugs": "https://github.com/x0k/svelte-jsonschema-form/issues",
   "homepage": "https://x0k.github.io/svelte-jsonschema-form/",
   "scripts": {
+    "dev": "vite",
     "test": "vitest run --exclude '.svelte-kit/**'",
     "build": "svelte-package && publint",
     "check": "svelte-check --tsconfig ./tsconfig.json"
diff --git a/packages/form/src/app.svelte b/packages/form/src/app.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+  import { Form2, type Schema } from "./form/index.js";
+  import { theme } from "./basic-theme/index.js";
+  import { translation } from "./translations/en.js";
+  import { createValidator } from "./fake-validator.js";
+
+  const schema: Schema = {
+    type: 'string'
+  };
+
+  const validator = createValidator();
+</script>
+
+<Form2 {...theme} {schema} {translation} {validator} />
diff --git a/packages/form/src/app.ts b/packages/form/src/app.ts
@@ -0,0 +1,7 @@
+import { mount } from "svelte";
+
+import App from "./app.svelte";
+
+const target = document.getElementById("app");
+
+export default mount(App, { target: target! });
diff --git a/packages/form/vite.config.ts b/packages/form/vite.config.ts
@@ -9,7 +9,9 @@ export default defineConfig({
   test: {},
   plugins: [svelte()],
   resolve: {
-    conditions: process.env.VITEST ? ["browser"] : [],
+    conditions: process.env.VITEST
+      ? ["browser"]
+      : ["module", "browser", "development|production"],
     alias: {
       "@": resolve(__dirname, "src"),
     },
