fix

package.json

@@ -10,6 +10,7 @@
     "check": "svelte-check --tsconfig ./tsconfig.app.json && tsc -p tsconfig.node.json"
   },
   "devDependencies": {
+    "@sveltejs/adapter-static": "^3.0.9",
     "@sveltejs/vite-plugin-svelte": "^5.0.3",
     "@tsconfig/svelte": "^5.0.4",
     "svelte": "^5.28.1",

pnpm-lock.yaml

@@ -15,6 +15,9 @@ importers:
         specifier: ^2.17.2
         version: 2.17.2
     devDependencies:
+      '@sveltejs/adapter-static':
+        specifier: ^3.0.9
+        version: 3.0.9(@sveltejs/[email protected](@sveltejs/[email protected]([email protected])([email protected](@types/[email protected])))([email protected])([email protected](@types/[email protected])))
       '@sveltejs/vite-plugin-svelte':
         specifier: ^5.0.3
         version: 5.1.1([email protected])([email protected](@types/[email protected]))
@@ -408,6 +411,9 @@ packages:
   '@open-draft/[email protected]':
     resolution: {integrity: sha512-U69T3ItWHvLwGg5eJ0n3I62nWuE6ilHlmz7zM0npLBRvPRd7e6NYmg54vvRtP5mZG7kZqZCFVdsTWo7BPtBujg==}
 
+  '@polka/[email protected]':
+    resolution: {integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==}
+
   '@protobufjs/[email protected]':
     resolution: {integrity: sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ==}
 
@@ -538,11 +544,32 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@standard-schema/[email protected]':
+    resolution: {integrity: sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA==}
+
   '@sveltejs/[email protected]':
     resolution: {integrity: sha512-IwQk4yfwLdibDlrXVE04jTZYlLnwsTT2PIOQQGNLWfjavGifnk1JD1LcZjZaBTRcxZu2FfPfNLOE04DSu9lqtQ==}
     peerDependencies:
       acorn: ^8.9.0
 
+  '@sveltejs/[email protected]':
+    resolution: {integrity: sha512-aytHXcMi7lb9ljsWUzXYQ0p5X1z9oWud2olu/EpmH7aCu4m84h7QLvb5Wp+CFirKcwoNnYvYWhyP/L8Vh1ztdw==}
+    peerDependencies:
+      '@sveltejs/kit': ^2.0.0
+
+  '@sveltejs/[email protected]':
+    resolution: {integrity: sha512-MVzwZz1GFznEQbL3f0i2v9AIc3lZH01izQj6XfIrthmZAwOzyXJCgXbLRss8vk//HfYsE4w6Tz+ukbf3rScPNQ==}
+    engines: {node: '>=18.13'}
+    hasBin: true
+    peerDependencies:
+      '@opentelemetry/api': ^1.0.0
+      '@sveltejs/vite-plugin-svelte': ^3.0.0 || ^4.0.0-next.1 || ^5.0.0 || ^6.0.0-next.0
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.3 || ^6.0.0 || ^7.0.0-beta.0
+    peerDependenciesMeta:
+      '@opentelemetry/api':
+        optional: true
+
   '@sveltejs/[email protected]':
     resolution: {integrity: sha512-J/Nmb2Q2y7mck2hyCX4ckVHcR5tu2J+MtBEQqpDrrgELZ2uvraQcK/ioCV61AqkdXFgriksOKIceDcQmqnGhVw==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22}
@@ -830,6 +857,10 @@ packages:
   [email protected]:
     resolution: {integrity: sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==}
 
+  [email protected]:
+    resolution: {integrity: sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==}
+    engines: {node: '>= 0.6'}
+
   [email protected]:
     resolution: {integrity: sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==}
     engines: {node: '>= 0.6'}
@@ -1045,6 +1076,9 @@ packages:
     resolution: {integrity: sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==}
     engines: {node: '>=8'}
 
+  [email protected]:
+    resolution: {integrity: sha512-UDsjUbpQn9kvm68slnrs+mfxwFkIflOhkanmyabZ8zOYk8SMEIbJ3TK+88g70hSIeytu4y18f0z/hYHMTrXIWw==}
+
   [email protected]:
     resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
 
@@ -1312,6 +1346,10 @@ packages:
     resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
     engines: {node: '>=4'}
 
+  [email protected]:
+    resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==}
+    engines: {node: '>=10'}
+
   [email protected]:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
@@ -1515,6 +1553,9 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
+  [email protected]:
+    resolution: {integrity: sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ==}
+
   [email protected]:
     resolution: {integrity: sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==}
     engines: {node: '>=14.15.0'}
@@ -1532,6 +1573,10 @@ packages:
   [email protected]:
     resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
 
+  [email protected]:
+    resolution: {integrity: sha512-FoqMu0NCGBLCcAkS1qA+XJIQTR6/JHfQXl+uGteNCQ76T91DMUjPa9xfmeqMY3z80nLSg9yQmNjK0Px6RWsH/A==}
+    engines: {node: '>=18'}
+
   [email protected]:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
@@ -1612,6 +1657,10 @@ packages:
     resolution: {integrity: sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==}
     hasBin: true
 
+  [email protected]:
+    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
+    engines: {node: '>=6'}
+
   [email protected]:
     resolution: {integrity: sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==}
     engines: {node: '>=6'}
@@ -2208,6 +2257,8 @@ snapshots:
 
   '@open-draft/[email protected]': {}
 
+  '@polka/[email protected]': {}
+
   '@protobufjs/[email protected]': {}
 
   '@protobufjs/[email protected]': {}
@@ -2291,10 +2342,35 @@ snapshots:
   '@rollup/[email protected]':
     optional: true
 
+  '@standard-schema/[email protected]': {}
+
   '@sveltejs/[email protected]([email protected])':
     dependencies:
       acorn: 8.15.0
 
+  '@sveltejs/[email protected](@sveltejs/[email protected](@sveltejs/[email protected]([email protected])([email protected](@types/[email protected])))([email protected])([email protected](@types/[email protected])))':
+    dependencies:
+      '@sveltejs/kit': 2.36.3(@sveltejs/[email protected]([email protected])([email protected](@types/[email protected])))([email protected])([email protected](@types/[email protected]))
+
+  '@sveltejs/[email protected](@sveltejs/[email protected]([email protected])([email protected](@types/[email protected])))([email protected])([email protected](@types/[email protected]))':
+    dependencies:
+      '@standard-schema/spec': 1.0.0
+      '@sveltejs/acorn-typescript': 1.0.5([email protected])
+      '@sveltejs/vite-plugin-svelte': 5.1.1([email protected])([email protected](@types/[email protected]))
+      '@types/cookie': 0.6.0
+      acorn: 8.15.0
+      cookie: 0.6.0
+      devalue: 5.3.2
+      esm-env: 1.2.2
+      kleur: 4.1.5
+      magic-string: 0.30.18
+      mrmime: 2.0.1
+      sade: 1.8.1
+      set-cookie-parser: 2.7.1
+      sirv: 3.0.1
+      svelte: 5.38.3
+      vite: 6.3.5(@types/[email protected])
+
   '@sveltejs/[email protected](@sveltejs/[email protected]([email protected])([email protected](@types/[email protected])))([email protected])([email protected](@types/[email protected]))':
     dependencies:
       '@sveltejs/vite-plugin-svelte': 5.1.1([email protected])([email protected](@types/[email protected]))
@@ -2595,6 +2671,8 @@ snapshots:
 
   [email protected]: {}
 
+  [email protected]: {}
+
   [email protected]: {}
 
   [email protected]:
@@ -2825,6 +2903,8 @@ snapshots:
 
   [email protected]: {}
 
+  [email protected]: {}
+
   [email protected]:
     dependencies:
       domelementtype: 2.3.0
@@ -3118,6 +3198,8 @@ snapshots:
 
   [email protected]: {}
 
+  [email protected]: {}
+
   [email protected]: {}
 
   [email protected](@types/[email protected])([email protected]):
@@ -3374,6 +3456,8 @@ snapshots:
 
   [email protected]: {}
 
+  [email protected]: {}
+
   [email protected]:
     dependencies:
       color: 4.2.3
@@ -3401,6 +3485,12 @@ snapshots:
     dependencies:
       is-arrayish: 0.3.2
 
+  [email protected]:
+    dependencies:
+      '@polka/url': 1.0.0-next.29
+      mrmime: 2.0.1
+      totalist: 3.0.1
+
   [email protected]: {}
 
   [email protected]: {}
@@ -3513,6 +3603,8 @@ snapshots:
     dependencies:
       tldts-core: 6.1.86
 
+  [email protected]: {}
+
   [email protected]:
     dependencies:
       psl: 1.15.0

src/App.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import Dataframe from '@gradio/dataframe';
+  import { pipeline } from '@xenova/transformers';
 
   let rawData = '';
   let cleanedData = '';
@@ -51,8 +52,6 @@
     updateRawFromInputValue();
   }
 
-  // In-browser AI cleaning using transformers.js (DistilGPT2 as example)
-  import { pipeline } from '@xenova/transformers';
   let generator: any = null;
   let loadingModel = false;
 
@@ -69,27 +68,13 @@
       loadingModel = false;
       // Prepare a prompt for the model
       const tableString = [inputValue.headers, ...inputValue.data].map(row => row.join(',')).join('\n');
-      const prompt = `Clean this table and suggest steps. Table:\n${tableString}\nReturn JSON with keys steps (array of strings) and cleaned (array of arrays, first row is headers).`;
+      const prompt = `Clean this table and suggest steps. Table:\n${tableString}\nDescribe the cleaning steps and show a cleaned version.`;
       const output = await generator(prompt, { max_new_tokens: 128 });
       let content = output?.[0]?.generated_text || '';
-      let parsed;
-      try {
-        parsed = JSON.parse(content.match(/\{[\s\S]*\}/)?.[0] || '');
-      } catch (e) {
-        alert('AI did not return valid cleaning suggestions.');
-        return;
-      }
-      if (parsed && parsed.cleaned && parsed.steps) {
-        cleaningSteps = parsed.steps.map((step: string) => ({ step, accepted: true }));
-        cleanedValue = {
-          headers: parsed.cleaned[0],
-          data: parsed.cleaned.slice(1),
-        };
-        cleanedData = cleanedValue.data.map(row => row.join(',')).join('\n');
-        showSteps = true;
-      } else {
-        alert('AI did not return valid cleaning suggestions.');
-      }
+      cleaningSteps = [{ step: content, accepted: true }];
+      cleanedValue = { headers: inputValue.headers, data: inputValue.data };
+      cleanedData = content;
+      showSteps = true;
     } catch (err) {
       alert('Failed to load or run the model. Please check your internet connection and model support.');
       loadingModel = false;

src/app.css

@@ -2,11 +2,8 @@
   font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
   line-height: 1.5;
   font-weight: 400;
-
   color-scheme: light dark;
   color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-
   font-synthesis: none;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;

svelte.config.js

@@ -1,7 +1,20 @@
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+import adapter from "@sveltejs/adapter-static";
+import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
 
-export default {
-  // Consult https://svelte.dev/docs#compile-time-svelte-preprocess
-  // for more information about preprocessors
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
   preprocess: vitePreprocess(),
-}
+  kit: {
+    adapter: adapter({
+      pages: "dist",
+      assets: "dist",
+      precompress: true,
+      strict: true,
+    }),
+    prerender: {
+      entries: ["*"],
+    },
+  },
+};
+
+export default config;