- Implemented Google Photos Picker with Session API. - Fixed 403 Forbidden errors by adding OAuth headers to download requests. - Implemented MediaHandler resilience: - 3-Step Import (Save to Root -> Verify Folder -> Move). - Advanced Drive API Fallback (v3/v2) for file creation. - Blob Sanitization (Utilities.newBlob) to fix server errors. - Enabled Advanced Drive Service in ppsscript.json. - Updated Documentation (MEMORY.md, ARCHITECTURE.md) with findings.
2.9 KiB
2.9 KiB
Project Memory
Project Context
This project (product_inventory) integrates Google Sheets with Shopify. It serves as a master inventory management tool where users edit product data in a Google Sheet, and scripts automatically sync those changes to Shopify.
Critical Components:
- Google Apps Script: Runs the logic.
- "vars" Sheet: Holds all configuration and API keys. NEVER hardcode credentials.
- Shopify Admin API: Used for syncing. REST for Orders, GraphQL for Products.
Work Patterns & Agreements
- Documentation First: Before implementing complex features, we update the plan and often the documentation (README/ARCHITECTURE).
- Safety First: We use
SafeToAutoRun: falsefor commands that deploy or modify external state until verified. - Strict Typing: We use TypeScript. No
anyunless absolutely necessary (and even then, we try to avoid it). - TDD: We follow Test Driven Development (Red/Green/Refactor). Write failing tests before implementing features.
- Artifact Usage: We use
task.md,implementation_plan.md, andwalkthrough.mdto track state.
Key Technical Decisions
- Queue System: We implemented
onEditQueue.tsto batch edits. This prevents hitting Shopify API rate limits and Google Apps Script execution limits during rapid manual edits. - Hybrid API: We use REST for retrieving Orders (legacy/easier for flat data) and GraphQL for Products (more efficient/flexible).
- Global Exports: Functions in
src/global.tsare explicitly exposed to be callable by Apps Script triggers.
User Preferences
- OS: Windows.
- Shell: PowerShell.
- Node Manager:
fnm. 28: 29: ## Integrated Media Manager 30: We implemented a "Sidebar-First" architecture for product media (Option 2): 31: - Frontend:MediaSidebar.htmluses Glassmorphism CSS and Client-Side Polling to detect SKU changes. 32: - Google Picker: Integrated viapicker.jsusing an API Key and OAuth Token passed securely from backend. 33: - Drive as Source of Truth: All uploads go to Drive first (Folder structure:Root/SKU/Files). 34: - Shopify Sync:MediaServiceorchestrates the complexStaged Uploads->Create Mediamutation flow. 35: - Security:appsscript.jsonrequires explicit scopes foruserinfo.email(Picker),drive(Files), anddrive(Advanced Service). API Keys are stored invarssheet, never hardcoded.
Media Handling Quirks
- Google Photos Picker:
- The
baseUrlreturned by the Picker API is hidden insidemediaFile.baseUrl(not top-level). - Downloading this URL requires an Authorization header with the script's OAuth token, or it returns 403.
DriveApp.createFile(blob)is fragile with blobs fromUrlFetchApp. We use a 2-step fallback:- Sanitize with
Utilities.newBlob(). - Fallback to Advanced Drive Service (
Drive.Files.create/v3) if standard creation fails.
- Sanitize with
- The