tweaks: fix configs and update index page placeholder

frontend/.prettierrc.toml

@@ -5,5 +5,5 @@ trailingComma = "all"
 arrowParens = "avoid"
 
 [[overrides]]
-files = ["tsconfig.json"]
-options = { parser = "jsonc" }
+files = [ "tsconfig.json" ]
+options = { parser = "jsonc" }

frontend/app/HeroPage.svelte

@@ -1,7 +1,23 @@
+<script>
+  import { TokenSquare } from "@promplate/pattern";
+  import { onMount } from "svelte";
+  import { sineInOut } from "svelte/easing";
+  import { tweened } from "svelte/motion";
+
+  const length = 20;
+  let i = tweened(length * 1.3, { easing: sineInOut, duration: 700 });
+
+  onMount(() => ($i = 0));
+</script>
+
 <div class="grid h-screen select-none place-items-center bg-neutral-950">
-  <h1 class="text-neutral-5 font-mono">
-    &lt;/ Promplate
-    <span text-neutral-50>Demo</span>
-    /&gt;
-  </h1>
+  <div class="flex flex-col gap-2 text-neutral-2">
+    <div class="text-sm">
+      <TokenSquare {length} isHighlighted={({ x, y }) => y - x >= $i} />
+    </div>
+    <h1 class="mx-0.5 w-fit text-white font-sans">
+      Promplate
+      <span class="op-30">Demo</span>
+    </h1>
+  </div>
 </div>

frontend/package.json

@@ -12,22 +12,24 @@
     "check": "svelte-check --tsconfig ./tsconfig.json"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^2.6.4",
-    "@sveltejs/vite-plugin-svelte": "^3.0.2",
-    "@tsconfig/svelte": "^5.0.2",
-    "@unocss/eslint-plugin": "^0.58.5",
-    "@unocss/extractor-svelte": "^0.58.5",
-    "@unocss/reset": "^0.58.5",
+    "@antfu/eslint-config": "^2.15.0",
+    "@promplate/pattern": "^0.0.1",
+    "@sveltejs/vite-plugin-svelte": "^3.1.0",
+    "@tsconfig/svelte": "^5.0.4",
+    "@unocss/eslint-plugin": "^0.59.3",
+    "@unocss/extractor-svelte": "^0.59.3",
+    "@unocss/reset": "^0.59.3",
     "eslint": "^8.57.0",
-    "eslint-plugin-format": "^0.1.0",
-    "eslint-plugin-svelte": "^2.35.1",
+    "eslint-plugin-format": "^0.1.1",
+    "eslint-plugin-svelte": "^2.37.0",
     "prettier": "^3.2.5",
-    "prettier-plugin-svelte": "^3.2.1",
-    "svelte": "^4.2.12",
-    "svelte-check": "^3.6.4",
+    "prettier-plugin-svelte": "^3.2.3",
+    "svelte": "^4.2.15",
+    "svelte-check": "^3.6.9",
+    "svelte-eslint-parser": "^0.33.1",
     "tslib": "^2.6.2",
-    "typescript": "^5.3.3",
-    "unocss": "^0.58.5",
-    "vite": "^5.1.4"
+    "typescript": "^5.4.5",
+    "unocss": "^0.59.3",
+    "vite": "^5.2.9"
   }
 }

frontend/vite.config.ts

@@ -17,7 +17,7 @@ async function getProxies() {
 export default async () => {
   return defineConfig({
     plugins: [unocss(), svelte()],
-    server: { proxy: await getProxies() },
+    server: { proxy: await getProxies().catch(() => ({})) },
     build: {
       rollupOptions: {
         output: {