feat/i18n: remove paraglide temporarily

aster-void · aster-void · commit 287549b42e03 · 2025-09-08T12:47:38.000+09:00
diff --git a/CLAUDE.md b/CLAUDE.md
@@ -13,7 +13,6 @@ This is a TypeScript monorepo using a Convex backend and SvelteKit frontend with
   - **ALWAYS use**: `$state`, `$derived`, `$effect` instead of legacy syntax
 - **Backend**: Convex (real-time database and functions)
 - **Desktop**: Tauri (optional, conflicts with web dev server)
-- **Internationalization**: Paraglide for i18n (English/Japanese)
 - **Styling**: TailwindCSS v4 with DaisyUI components
 - **Package Manager**: Bun
 - **Monorepo Structure**: Workspaces with `packages/`
diff --git a/packages/client/package.json b/packages/client/package.json
@@ -8,7 +8,7 @@
     "dev:tauri": "bun run tauri dev",
     "build": "bun vite build",
     "build:tauri": "bun run tauri build",
-    "sync": "svelte-kit sync && bun run paraglide",
+    "sync": "svelte-kit sync",
     "check": "bun sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "bun sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "test:e2e": "playwright test",
diff --git a/packages/client/src/app.html b/packages/client/src/app.html
@@ -1,12 +1,15 @@
 <!doctype html>
-<html lang="%paraglide.lang%">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%sveltekit.assets%/favicon.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    %sveltekit.head%
-  </head>
-  <body data-sveltekit-preload-data="hover">
-    <div style="display: contents">%sveltekit.body%</div>
-  </body>
-</html>
+<html lang="ja">
+
+<head>
+  <meta charset="utf-8" />
+  <link rel="icon" href="%sveltekit.assets%/favicon.svg" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  %sveltekit.head%
+</head>
+
+<body data-sveltekit-preload-data="hover">
+  <div style="display: contents">%sveltekit.body%</div>
+</body>
+
+</html>
diff --git a/packages/client/src/components/example/TaskListSkin.svelte b/packages/client/src/components/example/TaskListSkin.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
   import type { Id, Query, Task } from "@packages/convex";
   import BufferedTextInput from "$components/atoms/BufferedTextInput.svelte";
-  import { m } from "$lib/paraglide/messages.js";
 
   type Props = {
     updateTodo: (id: Id<"tasks">, data: Partial<Task>) => void;
@@ -12,20 +11,16 @@
 </script>
 
 <div class="bg-base-200 m-4 rounded-xl p-4">
-  <h1 class="p-5 text-center text-3xl">{m["example.taskList"]()}</h1>
+  <h1 class="p-5 text-center text-3xl">Task List</h1>
   {#if todos.isLoading}
-    <p><span class="loading loading-dots"></span>{m["common.loading"]()}</p>
+    <p><span class="loading loading-dots"></span>Loading</p>
   {:else if todos.error}
     <p>Error: {todos.error.message}</p>
   {:else}
     <ul class="list">
       <li class="list-row">
-        <span class="list-col-grow text-center text-xl">
-          {m["example.task"]()}
-        </span>
-        <span class="w-80 text-center text-xl">
-          {m["example.assigner"]()}
-        </span>
+        <span class="list-col-grow text-center text-xl"> Task </span>
+        <span class="w-80 text-center text-xl"> Assigner </span>
       </li>
       {#each todos.data as todo}
         <li class="list-row">
diff --git a/packages/client/src/hooks.server.ts b/packages/client/src/hooks.server.ts
@@ -2,18 +2,18 @@ import { createConvexAuthHooks } from "@mmailaender/convex-auth-svelte/sveltekit
 import type { Handle } from "@sveltejs/kit";
 import { sequence } from "@sveltejs/kit/hooks";
 import { PUBLIC_CONVEX_URL } from "$lib/env";
-import { paraglideMiddleware } from "$lib/paraglide/server";
+// import { paraglideMiddleware } from "$lib/paraglide/server";
 
-const handleParaglide: Handle = ({ event, resolve }) =>
-  paraglideMiddleware(event.request, ({ request, locale }) => {
-    event.request = request;
+// const handleParaglide: Handle = ({ event, resolve }) =>
+//   paraglideMiddleware(event.request, ({ request, locale }) => {
+//     event.request = request;
 
-    return resolve(event, {
-      transformPageChunk: ({ html }) =>
-        html.replace("%paraglide.lang%", locale),
-    });
-  });
+//     return resolve(event, {
+//       transformPageChunk: ({ html }) =>
+//         html.replace("%paraglide.lang%", locale),
+//     });
+//   });
 
 const { handleAuth } = createConvexAuthHooks({ convexUrl: PUBLIC_CONVEX_URL });
 
-export const handle: Handle = sequence(handleParaglide, handleAuth);
+export const handle: Handle = sequence(handleAuth);
diff --git a/packages/client/src/hooks.ts b/packages/client/src/hooks.ts
@@ -1,3 +1,3 @@
-import { deLocalizeUrl } from "$lib/paraglide/runtime";
+// import { deLocalizeUrl } from "$lib/paraglide/runtime";
 
-export const reroute = (request) => deLocalizeUrl(request.url).pathname;
+// export const reroute = (request) => deLocalizeUrl(request.url).pathname;
diff --git a/packages/client/src/lib/index.ts b/packages/client/src/lib/index.ts
@@ -1 +1 @@
-export { m } from "./paraglide/messages.js";
+// export { m } from "./paraglide/messages.js";
diff --git a/packages/client/vite.config.ts b/packages/client/vite.config.ts
@@ -1,4 +1,3 @@
-import { paraglideVitePlugin } from "@inlang/paraglide-js";
 import { sveltekit } from "@sveltejs/kit/vite";
 import tailwindcss from "@tailwindcss/vite";
 import Icons from "unplugin-icons/vite";
@@ -8,10 +7,6 @@ export default defineConfig({
   plugins: [
     tailwindcss(),
     sveltekit(),
-    paraglideVitePlugin({
-      project: "./project.inlang",
-      outdir: "./src/lib/paraglide",
-    }),
     Icons({
       compiler: "svelte",
     }),

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-export { m } from "./paraglide/messages.js";`
	`1`	`+// export { m } from "./paraglide/messages.js";`