feat: fill outlines from s34

Author: mtdvlpr

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "cSpell.words": ["xored"]
+}

app/components/OutlineForm.vue

@@ -23,7 +23,7 @@
       <UInput v-model="state.updated" class="w-full" />
     </UFormField>
     <UFormField
-      v-if="outline.notes"
+      v-if="outline.notes || state.notes"
       name="notes"
       label="Opmerking"
       :description="outline.notes"

app/pages/import.vue

@@ -20,6 +20,7 @@
           accept="application/json"
           :disabled="originalFiles.length > 0"
           label="Importeer vanuit lokale bestanden"
+          @change="loadFiles(originalFiles, 'original')"
         />
         <ImportForm v-model="originals" no-nwp />
       </UPageCard>
@@ -34,6 +35,7 @@
           accept="application/json"
           :disabled="translationFiles.length > 0"
           label="Importeer vanuit lokale bestanden"
+          @change="loadFiles(translationFiles, 'translation')"
         />
         <ImportForm v-model="translations" />
       </UPageCard>
@@ -105,14 +107,6 @@ const { showError } = useFlash();
 const originalFiles = ref<File[]>([]);
 const translationFiles = ref<File[]>([]);
 
-watch(originalFiles, (val) => {
-  loadFiles(val, "original");
-});
-
-watch(translationFiles, (val) => {
-  loadFiles(val, "translation");
-});
-
 const supportedFiles = [
   "Literature.json",
   "Outlines.json",

app/pages/translate/outlines/index.vue

@@ -7,6 +7,15 @@
     />
 
     <UPageBody>
+      <UFileUpload
+        v-model="jwpubFile"
+        :file-delete="false"
+        accept=".jwpub,.JWPUB"
+        class="w-full min-h-48"
+        :disabled="!!jwpubFile"
+        label="Importeer vanuit S-34 formulier."
+        @change="importOutlines"
+      />
       <template v-if="loading">
         <UPageGrid>
           <div v-for="i in 12" :key="i" class="grid gap-2">
@@ -33,6 +42,39 @@
 const translationStore = useTranslationStore();
 
 const loading = ref(false);
+const jwpubFile = ref<File | null>(null);
+
+const { showError } = useFlash();
+
+const importOutlines = async () => {
+  if (!jwpubFile.value) return;
+
+  loading.value = true;
+  try {
+    const body = new FormData();
+    body.append("file", jwpubFile.value);
+    const parsedOutlines = await $fetch<Outline[]>("/api/outlines", {
+      body,
+      method: "POST",
+    });
+
+    const outlines =
+      translationStore.outlines.translations?.map((outline) => ({
+        ...outline,
+        ...(parsedOutlines.find((o) => o.number === outline.number) ?? {}),
+      })) ?? [];
+
+    translationStore.setTranslations({ outlines }, "outlines");
+  } catch {
+    showError({
+      description:
+        "Er is een fout opgetreden bij het importeren van de lezingen.",
+      id: "import-outlines-error",
+    });
+  }
+  loading.value = false;
+  jwpubFile.value = null;
+};
 
 const title = "Lezingen";
 const description = "Vertaal op deze pagina de lezingen.";

nuxt.config.ts

@@ -11,6 +11,9 @@ export default defineNuxtConfig({
     "@nuxt/test-utils",
   ],
   css: ["~/assets/css/main.css"],
+  runtimeConfig: {
+    jwpubKey: process.env.JWPUB_KEY,
+  },
   compatibilityDate: "2026-01-15",
   piniaPluginPersistedstate: {
     storage: "localStorage",

package.json

@@ -7,7 +7,7 @@
     "prepare:husky": "node .husky/install.mjs",
     "prepare:nuxt": "nuxt prepare",
     "dev": "nuxt dev",
-    "build": "nuxt generate",
+    "build": "nuxt build",
     "preview": "nuxt preview",
     "lint": "eslint .",
     "lint:fix": "eslint --fix .",
@@ -29,9 +29,13 @@
     "@pinia/nuxt": "^0.11.3",
     "@vueuse/nuxt": "^14.2.0",
     "@vueuse/router": "^14.2.0",
+    "jszip": "^3.10.1",
+    "node-html-parser": "^7.0.2",
     "nuxt": "^4.3.0",
+    "pako": "^2.1.0",
     "pinia": "^3.0.4",
     "pinia-plugin-persistedstate": "^4.7.1",
+    "sql.js": "^1.13.0",
     "tailwindcss": "^4.1.18",
     "v-code-diff": "^1.13.1",
     "zod": "^4.3.6"
@@ -42,6 +46,8 @@
     "@playwright/test": "^1.58.1",
     "@types/eslint-plugin-security": "^3.0.1",
     "@types/node": "^22.19.7",
+    "@types/pako": "^2.0.4",
+    "@types/sql.js": "^1.4.9",
     "@vitest/coverage-v8": "^3.2.4",
     "@vitest/eslint-plugin": "^1.6.6",
     "@vue/test-utils": "^2.4.6",