[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_179":180,"_181":182},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_17":18,"_38":-7,"_121":-5,"_19":122,"_123":124,"_125":126,"_127":128,"_129":130,"_21":131,"_132":-5,"_133":-5,"_134":24,"_135":136,"_137":83,"_138":-5,"_139":-5,"_140":141},"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":24,"_30":-5},"handle","fleurmeijer","name","picnic-mob-import","branchName","main","path","index.html","project",{"_32":70,"_13":14,"_36":71,"_72":-5,"_73":24,"_74":75,"_76":75,"_77":78,"_79":-5,"_30":66,"_80":81,"_82":83,"_84":-5,"_85":-5,"_86":26,"_40":41,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":92,"_93":92,"_94":95,"_96":95,"_97":95,"_98":92,"_99":92,"_52":100,"_101":102,"_103":104,"_105":24},"file",{"_62":63,"_13":18,"_64":21,"_65":24,"_69":-5},"isDirectory",false,"page",0,"history",[31],"hasNext","userId",{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":46,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":53,"_21":54,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":60},"id","d5bf6926-b278-441b-8df5-ad5eef743012","branchId","6df26615-e8b7-404a-a59a-17c6b44e2072","createdAt",["D",1784809536224],"version",8,"orgId","019f891d-9fbf-722d-b9fe-8c5d81e09a33","parentId","f2b13cc3-ec56-479d-9ba4-21fcdac35ee7","incomingCommitId","aiChatMessageId","efcee7d3-9820-4d90-8a80-f64b16b5702e","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","clientLabel","user",{"_32":66,"_40":41,"_11":12,"_67":68},{"_62":63,"_13":18,"_64":21,"_65":24},"pull","merge","revert","multiple","commits",[61],{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":46,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":53,"_21":54,"_55":-5,"_56":-5,"_57":-5},"fileId","9b7ed352-8691-11f1-b2a9-1607ee4eb77e","fileType","deleted","dc2762d3-0ad6-4690-aed6-b32c569811c6","avatar","https://lh3.googleusercontent.com/a/ACg8ocLKiPUHH6Cpa99Ayq4L7C9626JfviyIm4Q0BDV3gBxET3KnQQ=s96-c","deletedAtVersion","3808b97d-eb66-445b-a855-c165a162d0a9",["D",1784711910300],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Importeer MOB-boodschappenlijst naar Picnic-wagen","imageUrl","pinnedFileId","51d67252-85ae-11f1-8ef0-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_11":12,"_120":68},"org",{"_11":12,"_115":116,"_67":68,"_30":66,"_117":118,"_119":24},"branch",{"_38":106,"_13":16,"_32":35,"_107":70,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":14,"_114":12},"isOwned",10,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","fleur meijer","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":70,"_13":14,"_36":175,"_72":-5,"_73":24,"_74":75,"_76":75,"_77":78,"_79":-5,"_30":66,"_80":81,"_82":83,"_84":-5,"_85":-5,"_86":26,"_40":41,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":92,"_93":92,"_94":95,"_96":95,"_97":95,"_98":92,"_99":92,"_52":176,"_101":177,"_103":178,"_105":24},"tree",[161,162],"files",[161,162],"counts",{"_149":26,"_150":151,"_152":26,"_153":154,"_155":156},"contents",[],{"_32":142,"_34":35,"_62":63,"_13":18,"_143":144,"_64":21,"_38":26,"_42":-5,"_36":145,"_146":39,"_147":-5,"_17":148},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},"e05be727-a0ad-41d0-9224-ab5f74d93714","content","\n\n\n \n \n Picnic MOB Import\n \n\n\n

🛒 Picnic MOB Import

Plak je MOB boodschappenlijst en voeg automatisch toe aan je Picnic-wagen.

\n\n \n

\n MOB boodschappenlijst\n \n \n

\n\n \n

\n SMS-code van Picnic\n

Je hebt een code per SMS ontvangen. Vul deze hieronder in.

\n \n \n

\n\n \n

\n\n \n\n\n",["D",1784809536224],"branchVersion","label",[18],"pulls","branches",1,"forks","envVars",{"_157":159,"_160":26},"connections",{"_157":26,"_158":26},"count","unfilledCount",2,"emptyCount",{"_32":142,"_13":18,"_62":63,"_42":-5,"_34":35,"_146":39,"_165":83,"_36":172,"_38":26,"_64":21,"_143":144,"_65":24,"_147":-5,"_169":173,"_17":174},{"_32":163,"_13":164,"_62":81,"_42":-5,"_34":35,"_146":106,"_165":83,"_36":166,"_38":39,"_64":167,"_143":168,"_65":24,"_147":-5,"_169":170,"_17":171},"954d97b7-4620-4f5e-bceb-9ff5c8646afe","main.ts","latest",["D",1784809848749],"http","import PicnicClient from \"npm:picnic-api\";\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { readFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst AUTH_BLOB_KEY = \"picnicAuthKey\";\n\nexport default async function (req: Request): Promise {\n // GET = toon de webpagina\n if (req.method === \"GET\") {\n const html = await readFile(\"index.html\");\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html; charset=UTF-8\" },\n });\n }\n\n if (req.method !== \"POST\") {\n return new Response(\"Gebruik POST met JSON body\", { status: 405 });\n }\n const body = await req.json();\n\n // === STAP 1: Login + 2FA starten ===\n if (body.text && !body.code) {\n const items = parseMobList(body.text);\n\n // Probeer bewaarde auth key te hergebruiken (sla 2FA over)\n const saved = await blob.getJSON(AUTH_BLOB_KEY);\n if (saved?.authKey) {\n const testClient = new PicnicClient({ countryCode: \"NL\", apiVersion: \"15\", authKey: saved.authKey });\n try {\n await testClient.cart.getCart();\n return await processItems(items, saved.authKey);\n } catch (e) {\n // bewaarde key verlopen/ongeldig -> val terug op login hieronder\n }\n }\n\n const client = new PicnicClient({ countryCode: \"NL\", apiVersion: \"15\" });\n const loginResult = await client.auth.login(\n Deno.env.get(\"PICNIC_EMAIL\")!,\n Deno.env.get(\"PICNIC_PASSWORD\")!,\n );\n if (loginResult.second_factor_authentication_required) {\n const sessionId = crypto.randomUUID();\n await blob.setJSON(`session:${sessionId}`, { items, authKey: loginResult.authKey, createdAt: Date.now() });\n await client.auth.generate2FACode(\"SMS\");\n return new Response(\n JSON.stringify({\n status: \"2FA_REQUIRED\",\n message: \"Voer de SMS-code in die je zojuist hebt ontvangen.\",\n sessionId,\n totaal: items.length,\n }),\n { headers: { \"Content-Type\": \"application/json\" } },\n );\n }\n await blob.setJSON(AUTH_BLOB_KEY, { authKey: loginResult.authKey, savedAt: Date.now() });\n return await processItems(items, loginResult.authKey);\n }\n\n // === STAP 2: 2FA code verifiëren + producten toevoegen ===\n if (body.sessionId && body.code) {\n const session = await blob.getJSON(`session:${body.sessionId}`);\n if (!session) {\n return new Response(\n JSON.stringify({ error: \"Sessie niet gevonden of verlopen. Start opnieuw.\" }),\n { status: 400, headers: { \"Content-Type\": \"application/json\" } },\n );\n }\n const client = new PicnicClient({ countryCode: \"NL\", apiVersion: \"15\", authKey: session.authKey });\n const verifyResult = await client.auth.verify2FACode(body.code);\n await blob.delete(`session:${body.sessionId}`);\n // Sla de verified auth key op voor volgende keer\n await blob.setJSON(AUTH_BLOB_KEY, { authKey: verifyResult.authKey, savedAt: Date.now() });\n return await processItems(session.items, verifyResult.authKey);\n }\n\n return new Response(\n JSON.stringify({ error: \"Stuur { text: '...' }, of { sessionId: '...', code: '...' } na een 2FA-verzoek.\" }),\n { status: 400, headers: { \"Content-Type\": \"application/json\" } },\n );\n}\n\nconst EN_NL: Record = {\n \"vine tomatoes\": \"trostomaten\", \"tomatoes\": \"tomaten\", \"red onion\": \"rode ui\", \"onion\": \"uien\",\n \"garlic\": \"knoflook\", \"lemon\": \"citroen\", \"lime\": \"limoen\", \"cucumber\": \"komkommer\",\n \"carrot\": \"wortelen\", \"potato\": \"aardappelen\", \"sweet potato\": \"zoete aardappel\", \"spinach\": \"spinazie\",\n \"fresh dill\": \"verse dille\", \"dill\": \"dille\", \"fresh basil\": \"verse basilicum\", \"basil\": \"basilicum\",\n \"fresh parsley\": \"verse peterselie\", \"parsley\": \"peterselie\", \"fresh coriander\": \"verse koriander\",\n \"coriander\": \"koriander\", \"fresh thyme\": \"verse tijm\", \"thyme\": \"tijm\", \"fresh rosemary\": \"verse rozemarijn\",\n \"rosemary\": \"rozemarijn\", \"fresh mint\": \"verse munt\", \"mint\": \"munt\", \"fresh ginger\": \"verse gember\",\n \"ginger\": \"gember\", \"celery\": \"bleekselderij\", \"leek\": \"prei\", \"zucchini\": \"courgette\",\n \"courgette\": \"courgette\", \"eggplant\": \"aubergine\", \"aubergine\": \"aubergine\", \"bell pepper\": \"paprika\",\n \"pepper\": \"paprika\", \"chili\": \"chili\", \"chilli\": \"chili\", \"lettuce\": \"sla\", \"rocket\": \"rucola\",\n \"arugula\": \"rucola\", \"avocado\": \"avocado\", \"broccoli\": \"broccoli\", \"cauliflower\": \"bloemkool\",\n \"green beans\": \"sperziebonen\", \"green bean\": \"sperziebonen\", \"beans\": \"bonen\", \"peas\": \"erwten\",\n \"mushroom\": \"champignons\", \"mushrooms\": \"champignons\", \"apple\": \"appelen\", \"banana\": \"bananen\",\n \"orange\": \"sinaasappelen\", \"pear\": \"peren\", \"strawberry\": \"aardbeien\", \"strawberries\": \"aardbeien\",\n \"blueberry\": \"bosbessen\", \"blueberries\": \"bosbessen\", \"raspberry\": \"frambozen\", \"raspberries\": \"frambozen\",\n \"grapes\": \"druiven\", \"mango\": \"mango\", \"pineapple\": \"ananas\", \"watermelon\": \"watermeloen\", \"melon\": \"meloen\",\n \"turkey thigh mince\": \"kalkoen gehakt\", \"turkey mince\": \"kalkoen gehakt\", \"turkey\": \"kalkoen\",\n \"chicken thigh\": \"kip dij\", \"chicken breast\": \"kipfilet\", \"chicken\": \"kip\", \"beef mince\": \"rundergehakt\",\n \"mince\": \"gehakt\", \"ground beef\": \"rundergehakt\", \"pork\": \"varkensvlees\", \"bacon\": \"bacon\",\n \"sausages\": \"worstjes\", \"sausage\": \"worst\", \"ham\": \"ham\", \"salmon\": \"zalm\", \"tuna\": \"tonijn\",\n \"cod\": \"kabeljauw\", \"shrimp\": \"garnalen\", \"prawns\": \"garnalen\", \"milk\": \"melk\", \"whole milk\": \"volle melk\",\n \"semi-skimmed milk\": \"halfvolle melk\", \"skimmed milk\": \"magere melk\", \"buttermilk\": \"karnemelk\",\n \"cream\": \"slagroom\", \"butter\": \"boter\", \"cheese\": \"kaas\", \"grated cheese\": \"geraspte kaas\",\n \"eggs\": \"eieren\", \"egg\": \"eieren\", \"yogurt\": \"yoghurt\", \"yoghurt\": \"yoghurt\", \"greek yogurt\": \"griekse yoghurt\",\n \"bread\": \"brood\", \"flatbreads\": \"flatbreads\", \"flatbread\": \"flatbread\", \"pita\": \"pita\", \"tortilla\": \"tortilla\",\n \"wraps\": \"wraps\", \"bun\": \"broodjes\", \"buns\": \"broodjes\", \"rolls\": \"broodjes\", \"croissant\": \"croissant\",\n \"olive oil\": \"olijfolie\", \"sunflower oil\": \"zonnebloemolie\", \"cooking oil\": \"bakolie\", \"soy sauce\": \"sojasaus\",\n \"tomato sauce\": \"tomatensaus\", \"tomato paste\": \"tomatenpuree\", \"pesto\": \"pesto\", \"mayonnaise\": \"mayonaise\",\n \"ketchup\": \"ketchup\", \"mustard\": \"mosterd\", \"vinegar\": \"azijn\", \"honey\": \"honing\", \"rice\": \"rijst\",\n \"pasta\": \"pasta\", \"spaghetti\": \"spaghetti\", \"penne\": \"penne\", \"flour\": \"bloem\", \"sugar\": \"suiker\",\n \"salt\": \"zout\", \"pepper\": \"peper\",\n \"orange juice\": \"sinaasappelsap\", \"apple juice\": \"appelsap\", \"juice\": \"sap\", \"water\": \"water\",\n \"tea\": \"thee\", \"coffee\": \"koffie\",\n};\n\nfunction getSearchTerms(name: string): string[] {\n const terms: string[] = [];\n const lower = name.toLowerCase().trim();\n\n // 1. Originele naam\n terms.push(name);\n\n // 2. Volledige Engelse vertaling naar Nederlands\n if (EN_NL[lower]) {\n terms.push(EN_NL[lower]);\n }\n\n // 3. Woord-voor-woord vertalen (bv. \"fresh dill\" → \"verse dille\")\n let translated = lower;\n for (const [en, nl] of Object.entries(EN_NL)) {\n const re = new RegExp(`\\\\b${en}\\\\b`, \"gi\");\n translated = translated.replace(re, nl);\n }\n if (translated !== lower) {\n terms.push(translated);\n }\n\n // 4. Verwijder \"fresh\" / \"frozen\" / \"dried\" etc. en probeer opnieuw\n const stripped = lower\n .replace(/\\b(fresh|frozen|dried|chopped|sliced|whole|organic|bio)\\b/gi, \"\")\n .replace(/\\s+/g, \" \")\n .trim();\n if (stripped && stripped !== lower) {\n terms.push(stripped);\n let strippedTranslated = stripped;\n for (const [en, nl] of Object.entries(EN_NL)) {\n const re = new RegExp(`\\\\b${en}\\\\b`, \"gi\");\n strippedTranslated = strippedTranslated.replace(re, nl);\n }\n if (strippedTranslated !== stripped) {\n terms.push(strippedTranslated);\n }\n }\n\n // 5. Eerste woord only (laatste redmiddel)\n const firstWord = lower.split(/\\s+/)[0];\n if (firstWord && !terms.includes(firstWord)) {\n if (EN_NL[firstWord]) {\n terms.push(EN_NL[firstWord]);\n }\n terms.push(firstWord);\n }\n\n return [...new Set(terms)];\n}\n\nasync function processItems(\n items: { category: string; name: string }[],\n authKey: string,\n): Promise {\n const client = new PicnicClient({\n countryCode: \"NL\",\n apiVersion: \"15\",\n authKey,\n });\n\n const addedByCategory: Record = {};\n const notFound: string[] = [];\n const searchLog: string[] = [];\n\n for (const { category, name } of items) {\n const searchTerms = getSearchTerms(name);\n let found = false;\n\n for (const term of searchTerms) {\n try {\n const results = await client.catalog.search(term);\n const product = results?.[0];\n if (product) {\n await client.cart.addProductToCart(product.id, 1);\n (addedByCategory[category] ??= []).push(`${name} → ${product.name}`);\n searchLog.push(`✓ \"${name}\" → gezocht als \"${term}\" → gevonden: ${product.name}`);\n found = true;\n break;\n }\n } catch (e) {\n // probeer volgende zoekterm\n }\n }\n\n if (!found) {\n notFound.push(`${category}: ${name}`);\n searchLog.push(`✗ \"${name}\" → geprobeerd: ${searchTerms.join(\", \")}`);\n }\n }\n\n return new Response(\n JSON.stringify({ addedByCategory, notFound, totaal: items.length, searchLog }, null, 2),\n { headers: { \"Content-Type\": \"application/json\" } },\n );\n}\n\nfunction parseMobList(text: string): { category: string; name: string }[] {\n const lines = text.split(\"\\n\").map((l) => l.trim());\n const blocks: string[][] = [[]];\n for (const line of lines) {\n if (line === \"\") {\n if (blocks[blocks.length - 1].length > 0) blocks.push([]);\n } else {\n blocks[blocks.length - 1].push(line);\n }\n }\n const items: { category: string; name: string }[] = [];\n for (const block of blocks) {\n if (block.length <= 1) continue;\n const category = block[0];\n for (const raw of block.slice(1)) {\n items.push({ category, name: cleanItemLine(raw) });\n }\n }\n return items;\n}\n\nfunction cleanItemLine(line: string): string {\n return line\n .replace(/^\\d+x\\s*/i, \"\")\n .replace(/^\\d+(\\.\\d+)?\\s*(kg|g|ltr|ml|l)\\b\\s*/i, \"\")\n .replace(/^\\d+%\\s*/, \"\")\n .replace(/^\\d+\\s*(bulbs?|cans?|pouches?)\\b\\s*/i, \"\")\n .replace(/^\\d+\\s+/, \"\")\n .replace(/^(pouch|can|tin|bag|jar|packet|box)\\s+/i, \"\")\n .trim();\n}\n","children",[],[164],["D",1784809536224],[],[18],["D",1784711910300],{"_11":12,"_120":68},{"_11":12,"_115":116,"_67":68,"_30":66,"_117":118,"_119":24},{"_38":106,"_13":16,"_32":35,"_107":70,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":14,"_114":12},"ctx",{"_52":-5,"_139":212,"_213":214,"_215":216,"_217":24,"_218":24,"_219":24,"_220":83,"_221":-5,"_222":-7,"_223":-7,"_224":26,"_225":24,"_226":24,"_227":-5,"_228":24,"_229":24,"_230":24,"_231":-5},"ENV",{"_183":184,"_185":186,"_187":16,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · index.html