Admin Panel
-Manage users, roles, and system settings
+Manage users, roles, and system settings
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Add Menu: {getCatalogDisplayName(catalog)} +
++ {country.toUpperCase()} • {catalog} +
+
+ 10 ? 'default' : 'destructive'}>
+ Lock: {lockTimeout}s
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Enter menu name and description
+
+
+
+
+
+
+
+
+
+
+
+ Click on each field to select category and generate code
+ {#if existingCodeSet.size > 0}
+ ({existingCodeSet.size} existing codes)
+ {/if}
+
+
+
+
+
+
+
+
+
+
+
+ Set image filename and menu categories
+
+
+
+
+
+
+
+
+ 1
+
+ Basic Information
+
+
+
+
+
+
+ {#if langConfig.secondary}
+
+
+
+
+ {/if}
+
+
+
+
+
+
+ {#if langConfig.secondary}
+
+
+
+
+ {/if}
+
+ 2
+
+ Product Codes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 3
+
+ Image & Categories
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {#if loadingCodes}
+
+
+
+
+ {:else if filteredCodes().length === 0}
+
+ {#if codeSearchQuery}
+ No codes found matching "{codeSearchQuery}"
+ {:else}
+ No {tempLabels[codePopupType].toLowerCase()} product codes available
+ {/if}
+
+ {:else}
+ {#each filteredCodes() as item}
+
+ {/each}
+ {/if}
+
+
+
+ {filteredCodes().length} code{filteredCodes().length !== 1 ? 's' : ''} available
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Edit: {getCatalogDisplayName(catalog)} +
++ {country.toUpperCase()} • Primary language: {getCountryPrimaryLanguage(country)} • {catalog} +
+
+
+ 10 ? 'default' : 'destructive'}>
+ Lock: {lockTimeout}s
+
+
+
+
+
+
+
+
+
+
+
+
+ {#if loading}
+
+
+
+ {:else if isSwapMode}
+ Loading menu items...
+ {#if streamMeta} +
+
+
+ {/if}
+ + Chunk {streamMeta.current_chunk} / {streamMeta.total_chunks} + ({streamMeta.total_items} items) +
+
+
+ {:else if isEditMode && editingItem}
+
+
+
+
+
+
+ Swap Menu Positions
+ +
+
+
+
+
+ {#each swapItems as item, index (item.row_index)}
+
+ handleSwapDragStart(event, index)}
+ ondragover={handleSwapDragOver}
+ ondrop={(event) => handleSwapDrop(event, index)}
+ ondragend={handleSwapDragEnd}
+ class:opacity-50={draggingSwapIndex === index}
+ >
+
+
+
+
+
+ {/each}
+
+
+
+
+
+
+
+
+ {#if item.image_url}
+ {#key `${item.row_index}-${item.image_name ?? item.image_url}`}
+
+ {/key}
+ {:else}
+
+
+
+ No image
+
+ {/if}
+
+
+ + {formatSheetText(item.primary_name || item.name_en, 'Untitled menu')} +
+ {#if item.secondary_name} ++ {formatSheetText(item.secondary_name)} +
+ {/if} +
+
+
+
+
+
+ {#if getVisibleSections(editingItem.new_layout_v2).length > 0}
+
+
+ Menu Data
+
+
+ {#each getVisibleSections(editingItem.new_layout_v2) as section}
+
+
+ {/each}
+
+
+ {/if}
+
+ {#if getVisibleSections(editingItem.name_desc_v2).length > 0}
+
+
+ Translations
+
+
+ {#each getVisibleSections(editingItem.name_desc_v2) as section}
+
+
+ {/each}
+
+
+ {/if}
+
+ {:else}
+
+
+
+
+ {#if editingItem.image_url}
+ {#key `${editingItem.row_index}-${editingItem.image_name ?? editingItem.image_url}`}
+
+ {/key}
+ {:else}
+
+
+
+ No image
+
+ {/if}
+
+
+
+
+
+
+ {#if editingItem.product_codes && editingItem.product_codes.length > 0}
+ + Item #{editingItem.row_index} +
++ {formatSheetText( + editingItem.primary_name || editingItem.name_en, + 'Untitled menu' + )} +
+ {#if editingItem.secondary_name} ++ {formatSheetText(editingItem.secondary_name)} +
+ {/if} + {#if editingItem.image_name} ++ {formatSheetText(editingItem.image_name)} +
+ {/if} +
+ {#each editingItem.product_codes as code}
+
+ {formatSheetText(code)}
+
+ {/each}
+
+ {/if}
+
+
+ {#if getItemPrices(editingItem).hot || getItemPrices(editingItem).cold || getItemPrices(editingItem).blend}
+ {@const displayPrices = getItemPrices(editingItem)}
+
+
+ {:else if editingItem.product_codes?.length > 0}
+
+ {/if}
+
+
+ {#if displayPrices.hot}
+ Hot {displayPrices.hot}
+ {/if}
+ {#if displayPrices.cold}
+ Cold {displayPrices.cold}
+ {/if}
+ {#if displayPrices.blend}
+ Blend {displayPrices.blend}
+ {/if}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Row {section.row_index}
+
+ {getSectionTitle(section)}
+
+ {#each getVisibleCells(section) as cell}
+
+
+
+
+
+ {/each}
+
+ Row {section.row_index}
+
+ {section.key}
+
+ {#each getVisibleCells(section) as cell}
+
+
+
+
+
+ {/each}
+
+ {#each visibleMenuItems as item, index (item.row_index)}
+
+
+
+ {#if newlyAddedRowIndices.has(item.row_index)}
+ NEW
+ {/if}
+
+
+
+ {/each}
+
+ {/if}
+
+
+
+
+
+
+ {#if item.image_url}
+ {#key `${item.row_index}-${item.image_name ?? item.image_url}`}
+
+ {/key}
+ {:else}
+
+
+
+ No image
+
+ {/if}
+
+
+
+
+
+ {@const prices = getItemPrices(item)}
+ {#if prices.hot || prices.cold || prices.blend}
+ + {formatSheetText(item.primary_name || item.name_en, 'Untitled menu')} +
+ {#if item.secondary_name} ++ {formatSheetText(item.secondary_name)} +
+ {/if} + +
+ {#if prices.hot}
+ Hot {prices.hot}
+ {/if}
+ {#if prices.cold}
+ Cold {prices.cold}
+ {/if}
+ {#if prices.blend}
+ Blend {prices.blend}
+ {/if}
+
+ {/if}
+
+ {#if item.product_codes && item.product_codes.length > 0}
+
+
+ {/if}
+
+ {#each item.product_codes.slice(0, 4) as code}
+
+ {formatSheetText(code)}
+
+ {/each}
+ {#if item.product_codes.length > 4}
+
+ +{item.product_codes.length - 4}
+
+ {/if}
+
+
+
+ {/if}
+
+ + {formatSheetText(itemToDelete.primary_name || itemToDelete.name_en, 'Untitled')} +
+ {#if itemToDelete.secondary_name} ++ {formatSheetText(itemToDelete.secondary_name)} +
+ {/if} +Item #{itemToDelete.row_index}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {#each availablePreviewLanguageOptions as option}
+
+ {/each}
+
+
+ {#if previewLoading}
+
+
+
+
+
+ {:else if previewMenus.length === 0}
+ Loading menus from machine...
+
+
+ {:else if visiblePreviewMenus.length === 0}
+ No online menus found
+
+
+ {:else}
+ All menus have HIDE prices
+
+ {#each visiblePreviewMenus as menu (menu.row_index)}
+ {@const prices = getMenuPrices(menu)}
+
+
+
+
+
+ {/each}
+
+ {/if}
+
+ {#if menu.image_url}
+ {#key `${menu.productCode}-${menu.image_name ?? menu.image_url}`}
+
+ {/key}
+ {:else}
+
+
+
+
+ No image
+
+ {/if}
+
+
+
+
+ + {getPreviewMenuName(menu)} +
+ {#if getPreviewMenuDescription(menu)} ++ {getPreviewMenuDescription(menu)} +
+ {/if} +
+
+
+
+
+ {getVariantLabel('hot')}
+ {prices.hot}
+
+
+ {getVariantLabel('cold')}
+ {prices.cold}
+
+
+ {getVariantLabel('blend')}
+ {prices.blend}
+
+
+
+
+
+ {getVariantProductCode(menu, 'hot') || '—'}
+
+
+
+
+ {getVariantProductCode(menu, 'cold') || '—'}
+
+
+
+
+ {getVariantProductCode(menu, 'blend') || '—'}
+
+
+
+
+
+
+
+
+
+ {#if genLayoutStatus === 'receiving'}
+
+
+ Gen Layout
++ Generate and push layout menu files to Machine +
+
+
+
+ {#if genLayoutStatus === 'complete' && genLayoutFiles.length > 0}
+
+ {/if}
+
+
+
+
+
+
+ {/if}
+
+ {#if pushingToAndroid}
+ + Receiving files: {$genLayoutBatch.files.length} / {$genLayoutBatch.total_files} +
+
+
+ {/if}
+
+
+ {#if genLayoutStatus === 'complete' && genLayoutFiles.length > 0}
+
+
+ {/if}
+
+ {#if genLayoutStatus === 'error'}
+ + Generated {genLayoutFiles.length} files: +
+
+ {#each genLayoutFiles as file}
+
+
+ {file.file.split('/').pop()}
+
+ {/each}
+
+
+ {/if}
+ {$genLayoutBatch.error}
+
+
+
+ + {#if restartDialogSource === 'push-complete'} + Layout files were pushed successfully. Restart XMLEngine app to apply changes. + {:else} + The app will shut down and relaunch immediately. + {/if} +
+
+
+
+
+
+ {#each priceEditData as item, index}
+
+
+
+
+ {/each}
+
+ {#if priceEditData.length === 0}
+
+
+
+
+ {item.type}
+
+ {item.code}
+ {#if item.isNew}
+ NO PRICE
+ {/if}
+
+
+ {getCurrencySymbol()}
+
+
+
+ No product codes found
+
+ {/if}
+
+
+
+
+
-
+
+
+ Create New Menu
+ Select temperature types and category
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {editingDraftProductCode ? 'Edit Draft Menu' : 'Create Menu'}
+
+ {editingDraftProductCode
+ ? 'Update the draft menu.'
+ : `Creating ${tempForms.length} menu(s). Menu info is separate for each temperature.`}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Confirm Brew
+ Review the recipe before brewing
+
+
+ {#if pendingBrewMenu}
+
+
+
+
+
+
diff --git a/src/routes/(authed)/tools/image-upload/+page.svelte b/src/routes/(authed)/tools/image-upload/+page.svelte
new file mode 100644
index 0000000..757eb84
--- /dev/null
+++ b/src/routes/(authed)/tools/image-upload/+page.svelte
@@ -0,0 +1,442 @@
+
+
+();
+
+export async function POST({ request }) {
+ try {
+ const data = await request.json();
+ const { batch_id, msg, content, current_chunk, total_chunks } = data.payload;
+
+ // Initialize or update batch
+ if (!streamCache.has(batch_id)) {
+ streamCache.set(batch_id, {
+ chunks: [],
+ status: 'collecting',
+ total_chunks,
+ createdAt: Date.now()
+ });
+ }
+
+ const batch = streamCache.get(batch_id);
+
+ // Handle different message types
+ if (msg === 'start') {
+ console.log(`[API] Stream started for batch ${batch_id}`);
+ } else if (msg === 'chunk') {
+ batch.chunks.push(content);
+ console.log(`[API] Received chunk ${current_chunk}/${total_chunks} for batch ${batch_id}`);
+ } else if (msg === 'end') {
+ batch.status = 'complete';
+ console.log(`[API] Stream complete for batch ${batch_id}, total chunks: ${batch.chunks.length}`);
+ } else if (msg === 'error') {
+ batch.status = 'error';
+ batch.error = content;
+ console.log(`[API] Stream error for batch ${batch_id}:`, content);
+ }
+
+ return json({ status: 'received', batch_id });
+ } catch (error) {
+ console.error('[API] Error processing stream:', error);
+ return json({ status: 'error', message: String(error) }, { status: 500 });
+ }
+}
+
+export function GET({ url }) {
+ const batchId = url.searchParams.get('batch_id');
+
+ // Clean up old cache entries (older than 5 minutes)
+ const now = Date.now();
+ for (const [key, value] of streamCache.entries()) {
+ if (now - value.createdAt > 5 * 60 * 1000) {
+ streamCache.delete(key);
+ }
+ }
+
+ // If batch_id specified, return that specific batch
+ if (batchId) {
+ const batch = streamCache.get(batchId);
+
+ if (!batch) {
+ return json({ status: 'not_found' }, { status: 404 });
+ }
+
+ return json({
+ batch_id: batchId,
+ status: batch.status,
+ chunks: batch.chunks,
+ total_chunks: batch.total_chunks,
+ error: batch.error || null,
+ createdAt: new Date(batch.createdAt).toISOString()
+ });
+ }
+
+ // Otherwise return list of all recent batches
+ const batches = Array.from(streamCache.entries()).map(([batchId, batch]) => ({
+ batch_id: batchId,
+ status: batch.status,
+ chunks_count: batch.chunks.length,
+ total_chunks: batch.total_chunks,
+ error: batch.error || null,
+ createdAt: new Date(batch.createdAt).toISOString()
+ }));
+
+ return json({
+ status: 'success',
+ batches: batches.sort(
+ (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()
+ )
+ });
+}
diff --git a/vite.config.ts b/vite.config.ts
index aa4d2d9..0b49238 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -21,7 +21,7 @@ export default defineConfig({
environment: 'browser',
browser: {
enabled: true,
- provider: 'playwright',
+ //provider: 'playwright',
instances: [{ browser: 'chromium' }]
},
include: ['src/**/*.svelte.{test,spec}.{js,ts}'],
+
diff --git a/src/routes/(authed)/sheet/overview/[country]/+page.svelte b/src/routes/(authed)/sheet/overview/[country]/+page.svelte
new file mode 100644
index 0000000..6da4a55
--- /dev/null
+++ b/src/routes/(authed)/sheet/overview/[country]/+page.svelte
@@ -0,0 +1,279 @@
+
+
+
-
- Layout overview [ {refDepartment} ]
+Sheet Overview
- Display menus from the spreadsheet current selected country + Catalogs for {selectedCountry.toUpperCase()}
-
+
-
-
-
-
-
-
+
+
+
+ {#if loading}
+
+
+
+ Catalog Name
+ Status
+ Locked By
+ Actions
+
+
+
+ {#each catalogs as catalog}
+
+ {catalog.catalog}
+
+
+ {catalog.status.toUpperCase()}
+
+
+
+ {catalog.locked_by || '-'}
+
+
+
+
+
+ {/each}
+
+
+ {/if}
+
+
+ {:else if error}
+ + Loading catalogs for {selectedCountry}... +
+
+
+ {:else if catalogs.length === 0}
+ {error}
+ +
+
+ {:else}
+ No catalogs found for {selectedCountry}
+
+
diff --git a/src/routes/(authed)/tools/adv-upload/+page.svelte b/src/routes/(authed)/tools/adv-upload/+page.svelte
new file mode 100644
index 0000000..ec63447
--- /dev/null
+++ b/src/routes/(authed)/tools/adv-upload/+page.svelte
@@ -0,0 +1,833 @@
+
+
+
+
+
+
+
+
+
+
+ + Sheet Overview [ {selectedCountry.toUpperCase()} ] +
++ View available catalogs for {selectedCountry.toUpperCase()} +
+
+ {#if enabledCountries.length === 0}
+ {
+ if (v) {
+ selectedCountry = v;
+ goto(`/sheet/overview/${v}`);
+ }
+ }}
+ >
+
+ {selectedCountry.toUpperCase()}
+
+
+ {#each enabledCountries as country}
+
+ {country.toUpperCase()}
+
+ {/each}
+
+
+ {/if}
+
+
+ + No countries available. Please check your permissions. +
+ {:else} +
+ {#if loading}
+
+
+
+ {:else if error}
+ + Loading catalogs for {selectedCountry}... +
+
+
+ {:else if sortedCatalogs.length === 0}
+ {error}
+ +
+
+ {:else}
+ No catalogs found for {selectedCountry}
+
+ {#each sortedCatalogs as catalog}
+
+
+
+
+
+
+
+
+
+ {/each}
+
+ {/if}
+
+
+ {getCatalogDisplayName(catalog.catalog)} group
+
+ {#if isMainCatalog(catalog.catalog)}
+
+
+ {/if}
+
+
+
+ {#if catalog.status === 'free'}
+
+
+ Available
+
+
+
+ Ready to edit
+
+ {:else}
+
+
+
+ {catalog.locked_by || 'In use'}
+
+ {/if}
+
+
+
+
diff --git a/src/routes/(authed)/tools/android-recipe/+page.svelte b/src/routes/(authed)/tools/android-recipe/+page.svelte
new file mode 100644
index 0000000..e2f198c
--- /dev/null
+++ b/src/routes/(authed)/tools/android-recipe/+page.svelte
@@ -0,0 +1,42 @@
+
+
+{#if AndroidRecipeExportView}
+
+
+
+
+
+
+
+
+
+ Adv Upload
+Upload advertisement videos (.mp4) to the server
+
+
+ {isAdbConnected ? 'Machine connected' : 'Machine offline'}
+
+
+ {#if files.length > 0}
+
+ {/if}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Upload Settings
+
+
+
+
+
+
+
+
+ Naming & Size Rules
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {#if pushingToMachine}
+
+
+
+ Selected Files ({files.length})
+
+
+
+
+
+ {/if}
+
+
+
+
+
+ {COUNTRIES.find((c) => c.value === selectedCountry)?.label || 'Select country'}
+
+
+ {#each COUNTRIES as country}
+ {country.label}
+ {/each}
+
+
+
+
+
+
+
+
+ 1080 × 380
+
+ taobin_adv_menu_*.mp4
+Menu banner ad
+
+ 1080 × 608
+
+ taobin_adv_*.mp4
+Fullscreen / Idle ad
+
+
+ {/if}
+
+
+ {#if uploading}
+
+
+ {/if}
+
+
+ {#if generatingManifest}
+
+
+ {#if files.some((f) => f.status === 'success')}
+
+ {files.filter((f) => f.status === 'success').length} uploaded
+
+ {/if}
+ {#if files.some((f) => f.status === 'error')}
+
+ {files.filter((f) => f.status === 'error').length} invalid/failed
+
+ {/if}
+
+
+ {#each files as item (item.id)}
+
+
+
+
+ {/each}
+
+
+
+
+ {#if item.status === 'uploading'}
+
+
+
+
+
+ {:else if item.status === 'success'}
+
+
+ {/if}
+
+
+ {#if item.status !== 'uploading'}
+
+ {/if}
+
+
+ + {item.file.name} +
+
+
+ {item.category === 'menu' ? 'Menu banner' : 'Fullscreen'}
+
+ {#if !item.dimChecked}
+ Reading…
+ {:else if item.dimOk}
+
+ {item.width}×{item.height}
+
+ {:else}
+
+ {item.width ?? '?'}×{item.height ?? '?'}
+
+ {/if}
+
+ {(item.file.size / (1024 * 1024)).toFixed(1)} MB
+
+
+ + Expected {item.expectedWidth}×{item.expectedHeight} +
+ {#if item.error} +
+
+
+{/if}
diff --git a/src/routes/(authed)/tools/brew/+page.svelte b/src/routes/(authed)/tools/brew/+page.svelte
index 1bbba35..eddda99 100644
--- a/src/routes/(authed)/tools/brew/+page.svelte
+++ b/src/routes/(authed)/tools/brew/+page.svelte
@@ -1,7 +1,8 @@
+
+
+
+
+ Android Recipe Export
+Preparing recipe export viewer.
+
+ {#if loadError}
+
+ Unable to load viewer
+{loadError}
+ {:else} +
+
+ {/if}
+
+
+ Processing
+Loading Android recipe tools...
+
+
+
+
+
+
+
+
+ Create Menu
+Create and manage menu drafts for Android
+
+ {#if !isAdbConnected}
+
+ {:else if !isRecipeLoaded}
+
+ {#if !isAndroidSocketConnected}
+
+ {/if}
+ {:else}
+
+
+ {/if}
+
+
+ {#if isAdbConnected}
+
+
+
+ {#if stagedMenus.length > 0}
+
+ {#if countryLoading}
+ Loading country...
+ {:else if detectedCountry}
+
+ Country: {detectedCountry} ({detectedCountryCode})
+
+ {/if}
+
+ {/if}
+
+
+ {:else}
+
+
+
+
+
+ Draft Menus
++ Menus created on web. Save to Android when ready. +
+
+ {#each stagedMenus as menu (menu.productCode)}
+ {@const saveState = $menuSaveStates.get(menu.productCode)}
+ {@const isSaving = saveState?.status === 'saving'}
+ {@const isSaved = saveState?.status === 'saved'}
+ {@const isError = saveState?.status === 'error'}
+ {@const isVerifying = pendingSaveVerification.has(menu.productCode)}
+ {@const isProcessing = isSaving || isVerifying}
+
+
+
+ {/each}
+
+
+
+
+ {menu.productCode}
+ {#if isSaving}
+
+
+ {:else if isVerifying}
+
+
+ {:else if isSaved}
+ Saved
+ {:else if isError}
+
+ {saveState?.error ?? 'Save failed'}
+
+ {/if}
+ {menu.name || menu.otherName}
+
+ {getActiveRecipeStepCount(menu)} recipe steps - {getActiveToppingSetCount(menu)}
+ topping groups
+
+
+
+
+
+
+
+
+ No draft menus yet. Click "Create New Menu" to get started.
+
+ {/if}
+
+
+ {#if detectedCountry}
+
+
+
+
+ {/if}
+
+
+ Machine Country
+ {detectedCountry} (prefix: {detectedCountryCode})
+
+
+
+
+
+
+ {#each ['hot', 'cold', 'blend'] as temp}
+
+ {/each}
+
+
+
+
+
+
+ {#if selectedTempCount > 0 && selectedCategory}
+
+ {#each categoryOptions as cat}
+
+ {/each}
+
+
+
+
+ {/if}
+
+ {#if generatedCodes.hot}
+ Hot: {generatedCodes.hot}
{/if}
+ {#if generatedCodes.cold}Cold: {generatedCodes.cold}
{/if}
+ {#if generatedCodes.blend}Blend: {generatedCodes.blend}
{/if}
+
+
+ {#if tempForms.length > 1}
+
+
+
+ {#each tempForms as form, index}
+
+ {/each}
+
+ {/if}
+
+
+ {#if activeForm}
+
+
+ {/if}
+
+
+
+
+ + Menu Info ({activeForm.temp.charAt(0).toUpperCase() + activeForm.temp.slice(1)}) +
+
+
+
+
+ updateActiveFormField('name', event.currentTarget.value)}
+ />
+
+
+
+ updateActiveFormField('otherName', event.currentTarget.value)}
+ />
+
+
+
+
+
+
+ updateActiveFormField('description', event.currentTarget.value)}
+ />
+
+
+
+
+ updateActiveFormField('otherDescription', event.currentTarget.value)}
+ />
+
+
+
+
+
+
+ updateActiveFormField('cashPrice', event.currentTarget.value)}
+ />
+
+
+
+
+ updateActiveFormField('nonCashPrice', event.currentTarget.value)}
+ />
+
+
+
+ updateActiveFormField('image', event.currentTarget.value)}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {#if activeMaterials.length === 0}
+
+
+
+ Materials
+Recipe steps for {activeForm.temp}
+
+ No active materials found. Load recipe data from Android first.
+
+ {:else}
+
+ {#each activeForm.recipeSteps as step, index}
+
+ {/if}
+
+
+ {/each}
+
+
+ Step {index + 1}
+ {#if activeForm.recipeSteps.length > 1}
+
+ {/if}
+
+
+
+
+
+
+
+
+
+
+
+ updateRecipeStepNumber(index, 'powderGram', e.currentTarget.value)}
+ />
+
+
+
+
+ updateRecipeStepNumber(index, 'powderTime', e.currentTarget.value)}
+ />
+
+
+
+
+ updateRecipeStepNumber(index, 'syrupGram', e.currentTarget.value)}
+ />
+
+
+
+
+ updateRecipeStepNumber(index, 'syrupTime', e.currentTarget.value)}
+ />
+
+
+
+
+ updateRecipeStepNumber(index, 'waterYield', e.currentTarget.value)}
+ />
+
+
+
+
+ updateRecipeStepNumber(index, 'waterCold', e.currentTarget.value)}
+ />
+
+
+
+
+ updateRecipeStepNumber(index, 'stirTime', e.currentTarget.value)}
+ />
+
+
+
+
+ updateRecipeStepNumber(index, 'MixOrder', e.currentTarget.value)}
+ />
+
+
+
+
+ updateRecipeStepNumber(index, 'FeedParameter', e.currentTarget.value)}
+ />
+
+
+
+
+ updateRecipeStepNumber(index, 'FeedPattern', e.currentTarget.value)}
+ />
+
+
+
+
+
+
+ {#if activeToppingGroups.length === 0}
+
+
+
+ Toppings
+Toppings for {activeForm.temp}
+
+ No topping data found.
+
+ {:else if activeForm.toppingOptions.length === 0}
+
+ No toppings added yet.
+
+ {:else}
+
+ {#each activeForm.toppingOptions as topping, index}
+
+ {/if}
+
+
+ {/each}
+
+
+ Topping {index + 1}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/if}
+
+
+
+
+ Product Code
+ {pendingBrewMenu.productCode}
+
+
+
+ {#if getPendingBrewMaterials().length > 0}
+ Name
+
+ {pendingBrewMenu.name || pendingBrewMenu.otherName}
+
+
+
+ {/if}
+
+ {#if getPendingBrewToppings().length > 0}
+ Materials
+
+ {#each getPendingBrewMaterials() as mat}
+
+
+ {mat.name}
+
+ {mat.powderGram}g / {mat.waterYield}ml
+
+
+ {/each}
+
+
+ {/if}
+ Toppings
+
+ {#each getPendingBrewToppings() as topping}
+
+
+
+ {/each}
+ {topping.group}
+ {topping.topping}
+
+
+
diff --git a/src/routes/api/adv-manifest/+server.ts b/src/routes/api/adv-manifest/+server.ts
new file mode 100644
index 0000000..c532f1e
--- /dev/null
+++ b/src/routes/api/adv-manifest/+server.ts
@@ -0,0 +1,42 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { env } from '$env/dynamic/public';
+
+// Method 2: forward a machine-generated sync_1.file to the adv FTP server.
+const ADV_API_BASE = env.PUBLIC_POST_IMAGE;
+
+export const POST: RequestHandler = async ({ request }) => {
+ try {
+ const formData = await request.formData();
+
+ const country = formData.get('country') as string;
+ const uid = formData.get('uid') as string;
+ const displayName = formData.get('displayName') as string;
+ const email = formData.get('email') as string;
+ const file = formData.get('file') as File;
+
+ if (!country || !uid || !displayName || !email || !file) {
+ throw error(400, 'Missing required fields');
+ }
+
+ const endpoint = `${ADV_API_BASE}/adv/manifest/${encodeURIComponent(country)}/${encodeURIComponent(uid)}/${encodeURIComponent(displayName)}/${encodeURIComponent(email)}`;
+
+ const uploadFormData = new FormData();
+ uploadFormData.append('file', file);
+
+ const response = await fetch(endpoint, { method: 'POST', body: uploadFormData });
+
+ if (!response.ok) {
+ const errorData = await response.json().catch(() => ({ detail: response.statusText }));
+ throw error(response.status, errorData.detail || 'Manifest upload failed');
+ }
+
+ return json(await response.json());
+ } catch (err) {
+ console.error('[Adv Manifest Proxy] Error:', err);
+ if (err && typeof err === 'object' && 'status' in err) {
+ throw err;
+ }
+ throw error(500, err instanceof Error ? err.message : 'Internal server error');
+ }
+};
diff --git a/src/routes/api/adv-upload/+server.ts b/src/routes/api/adv-upload/+server.ts
new file mode 100644
index 0000000..877a12d
--- /dev/null
+++ b/src/routes/api/adv-upload/+server.ts
@@ -0,0 +1,55 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { env } from '$env/dynamic/public';
+
+// Adv videos are served by the same taobin_image service as menu images.
+const ADV_API_BASE = env.PUBLIC_POST_IMAGE;
+
+export const POST: RequestHandler = async ({ request }) => {
+ try {
+ const formData = await request.formData();
+
+ const country = formData.get('country') as string;
+ const uid = formData.get('uid') as string;
+ const displayName = formData.get('displayName') as string;
+ const email = formData.get('email') as string;
+ const file = formData.get('file') as File;
+ // 'false' when the manifest is generated on a machine (method 2).
+ const regenerate = (formData.get('regenerate') as string) ?? 'true';
+
+ if (!country || !uid || !displayName || !email || !file) {
+ throw error(400, 'Missing required fields');
+ }
+
+ const endpoint =
+ `${ADV_API_BASE}/adv/upload/${encodeURIComponent(country)}/${encodeURIComponent(uid)}/${encodeURIComponent(displayName)}/${encodeURIComponent(email)}` +
+ `?regenerate=${encodeURIComponent(regenerate)}`;
+
+ console.log('[Adv Upload Proxy] Endpoint:', endpoint, 'file:', file.name);
+
+ // Upstream expects the multipart field name `files`.
+ const uploadFormData = new FormData();
+ uploadFormData.append('files', file);
+
+ const response = await fetch(endpoint, {
+ method: 'POST',
+ body: uploadFormData
+ });
+
+ if (!response.ok) {
+ const errorData = await response.json().catch(() => ({ detail: response.statusText }));
+ throw error(response.status, errorData.detail || 'Upload failed');
+ }
+
+ const result = await response.json();
+ return json(result);
+ } catch (err) {
+ console.error('[Adv Upload Proxy] Error:', err);
+
+ if (err && typeof err === 'object' && 'status' in err) {
+ throw err;
+ }
+
+ throw error(500, err instanceof Error ? err.message : 'Internal server error');
+ }
+};
diff --git a/src/routes/api/image-upload/+server.ts b/src/routes/api/image-upload/+server.ts
new file mode 100644
index 0000000..aabd5bb
--- /dev/null
+++ b/src/routes/api/image-upload/+server.ts
@@ -0,0 +1,58 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { env } from '$env/dynamic/public';
+
+const IMAGE_API_BASE = env.PUBLIC_POST_IMAGE;
+
+export const POST: RequestHandler = async ({ request }) => {
+ try {
+ const formData = await request.formData();
+
+ const country = formData.get('country') as string;
+ const folder = formData.get('folder') as string;
+ const uid = formData.get('uid') as string;
+ const displayName = formData.get('displayName') as string;
+ const email = formData.get('email') as string;
+ const file = formData.get('file') as File;
+
+ if (!folder || !uid || !displayName || !email || !file) {
+ throw error(400, 'Missing required fields');
+ }
+
+
+ // Build the upload endpoint
+ let endpoint: string;
+ if (country) {
+ endpoint = `${IMAGE_API_BASE}/inter/${encodeURIComponent(country)}/image/${encodeURIComponent(folder)}/upload/${encodeURIComponent(uid)}/${encodeURIComponent(displayName)}/${encodeURIComponent(email)}`;
+ } else {
+ endpoint = `${IMAGE_API_BASE}/image/${encodeURIComponent(folder)}/upload/${encodeURIComponent(uid)}/${encodeURIComponent(displayName)}/${encodeURIComponent(email)}`;
+ }
+
+ console.log('[Image Upload Proxy] Endpoint:', endpoint);
+
+ // Create new FormData for the upstream request
+ const uploadFormData = new FormData();
+ uploadFormData.append('files', file);
+
+ const response = await fetch(endpoint, {
+ method: 'POST',
+ body: uploadFormData
+ });
+
+ if (!response.ok) {
+ const errorData = await response.json().catch(() => ({ detail: response.statusText }));
+ throw error(response.status, errorData.detail || 'Upload failed');
+ }
+
+ const result = await response.json();
+ return json(result);
+ } catch (err) {
+ console.error('[Image Upload Proxy] Error:', err);
+
+ if (err && typeof err === 'object' && 'status' in err) {
+ throw err;
+ }
+
+ throw error(500, err instanceof Error ? err.message : 'Internal server error');
+ }
+};
diff --git a/src/routes/api/sheet/stream/+server.ts b/src/routes/api/sheet/stream/+server.ts
new file mode 100644
index 0000000..5ecd79c
--- /dev/null
+++ b/src/routes/api/sheet/stream/+server.ts
@@ -0,0 +1,91 @@
+import { json } from '@sveltejs/kit';
+
+// In-memory store for streamed catalog data
+// Format: { batchId: { chunks: [...], status: 'collecting'|'complete'|'error' } }
+const streamCache = new Map
+
+
+
+
+
+
+
+
+ Image Upload
+Upload menu images to the server
+
+ {#if files.length > 0}
+
+ {/if}
+
+
+
+
+
+
+
+
+ Upload Settings
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {#if uploading}
+
+
+
+ Selected Files ({files.length})
+
+
+
+
+
+ {/if}
+
+
+
+
+
+
+
+
+ {COUNTRIES.find((c) => c.value === selectedCountry)?.label || 'Select country'}
+
+
+ {#each COUNTRIES as country}
+ {country.label}
+ {/each}
+
+
+
+
+
+
+
+
+ {ALLOWED_FOLDERS.find((f) => f.value === selectedFolder)?.label || 'Select folder'}
+
+
+ {#each ALLOWED_FOLDERS as folder}
+ {folder.label}
+ {/each}
+
+
+
+
+
+
+
+
+ {/if}
+
+
+ {#if files.length > 0}
+
+ {#if files.some((f) => f.status === 'success')}
+
+ {files.filter((f) => f.status === 'success').length} uploaded
+
+ {/if}
+ {#if files.some((f) => f.status === 'error')}
+
+ {files.filter((f) => f.status === 'error').length} failed
+
+ {/if}
+ {#if files.some((f) => f.status === 'pending')}
+
+ {files.filter((f) => f.status === 'pending').length} pending
+
+ {/if}
+
+
+ {#each files as item (item.id)}
+
+
+
+
+ {/each}
+
+ 
+
+
+
+ {#if item.status === 'uploading'}
+
+
+ {:else if item.status === 'success'}
+
+
+ {:else if item.status === 'error'}
+
+
+ {/if}
+
+
+ {#if item.status !== 'uploading'}
+
+ {/if}
+
+
+
+
+ + {item.file.name} +
++ {(item.file.size / 1024).toFixed(1)} KB +
+ {#if item.error} ++ {item.error} +
+ {/if} +