Dev — W08 (Feb 19 – 25)

Wed Feb 19 — IR Pipeline Full Parity & KV Renderer

IR Pipeline — Full Parity — Completed all remaining IR fixes: style function calls in string captures, BlocksRenderer in children slots, ContentFor for content descriptors, blocks-renderer capture handling. Final score: 228/228 components, 69/69 AB tests.

KV Renderer (Phase 1–5) — Built the Workers-based renderer from scratch:

Phase 1: KV-based renderer Worker skeleton
Phase 2: KV output format in transpiler (230/230 components)
Phase 3: Renderer-based dev orchestration with KV seeding
Phase 4: Client bundle, asset serving, R2 integration
Phase 5: HTTP-based KV seeding, static assets binding, dev endpoints

Workers for Platforms Pivot — Module emitter, registry bundler, and executor. Dispatch worker + deploy script. Registry shim approach where wrangler bundles on the fly.

String-Mode Transpiler — Transpiler fixes for string concatenation output mode + renderer Storefront API integration.

Thu Feb 20 — Visual Parity & Section Fixes

Visual Comparison Tool — Built parity tracker that renders LayerKick vs Shopify side-by-side, comparing DOM structure and visual output per section.

Theme CSS Generation — Section {% stylesheet %} blocks extracted and generated as CSS. Render-in-style fix for dynamic CSS.

Section Parity Fixes — Policies, schema defaults, section stack, form IDs, filter fixes. Color objects in color_brightness/color_modify filters. Relative menu URLs, inline placeholder SVGs, font-face injection + inline style deduplication.

Header Parity — Cart drawer, menus, login button, props isolation. Layout snippets (import map + search modal).

Hero & Product List — Height parity, layout structure, filter inlines, duplicate blocks fix, collection sort order.

Store Password Auth — Authentication for password-protected Shopify stores + shell extras discovery.

SSR Cart — Server-side cart fetch using server auth session.

Fri Feb 21 — Production Architecture

Per-Section Caching — Section-level cache with server-side assembly and dynamic cart rendering. Deploy-versioned cache keys (DEPLOY_VERSION) for automatic invalidation.

Edge + Theme Worker Deploy — Service binding architecture: dispatch worker routes to theme worker. Custom domain + CDN cache for static assets. Theme assets served from Shopify CDN instead of self-hosting.

In-Memory KV Cache — Eliminated redundant KV reads on warm requests.

All-KV Architecture — Removed Storefront API and Redis from the rendering stack. Business data (products, collections, menus) read entirely from KV.

Full-Page CDN Caching — Anonymous visitors served from edge cache. Static header (customer data only in hidden drawer).

External CSS — INLINE_CSS env var strips section stylesheet blocks, uses external Shopify CSS. Clean CSS ownership with one source per category, no runtime dedup. Per-page CSS from Shopify replaces monolithic shell CSS.

Sat Feb 22 — Multi-Client & Parity Tooling

Multi-Client Seed Pipeline — Dynamic credentials from KV, theme dir derived from CLIENT_SLUG + THEME_ID env vars.

Parity Audit Tool — pnpm parity:fix generates a fix checklist. Dev server streamlining for faster iteration.

Theme Layout Transpilation — theme.liquid → JS layout render function.

Transpiler Fixes (batch) — Section blocks iteration (object to array via blockOrder), template locals hoisting order, page_title + current_page globals in snippet scope, linklists global, font resolver, paginated API fetches, lazysizes hydration.

Google Fonts — Font loading via Google Fonts CDN, simplified font_face filter.

LCP Optimization — Eager-load first product image. Auto-derive width/height on img tags to reduce CLS.

Lighthouse Tooling — Local Lighthouse fallback for password-protected Shopify sites.

Sun Feb 23 — SSR Overrides & Dashboard V1

SSR Config — Theme-specific ssr.json replaces hardcoded CSS overrides. Covers AOS visibility, image aspect ratio, testimonials layout, header logo sizing.

URL Architecture — Deploy naming convention and Vercel-like promotion (pnpm promote). Custom domain per theme deploy preview.

Dashboard V1 — Client stats dashboard with obfuscated route. Converted to Tailwind v4. Deploys tab with 5 sub-views. Mobile responsive layout.

Transpiler Fixes — Implicit schema defaults, json filter nil handling, .size polyfill, footer section-group, payment types, inline payment icon SVGs, compare_at_price_max/min for strikethrough pricing, blockOrder auto-injection in render tags, formatDate unix timestamps.

Mon Feb 24 — Webhooks, A/B Testing & Regression Tests

Webhook Cache Invalidation — Full pipeline: Shopify webhooks → edge worker → targeted KV + section cache purge. Deep dependency tracking at the section level for product/collection changes.

A/B Test Tracking — Conversion tracking via webhooks, dispatch AB middleware, dashboard lift report. Two-mode revenue estimate with real data and methodology disclosure. Experiment tab in dashboard.

Regression Test Suite — Two-tier transpiler regression tests. Resolved all pre-existing test failures across liquid-transpiler.

Parity Fixes — @app block rendering, add-to-cart button styling, third-party filtering, product template overrides, image dimension normalization, app-block hydration contract with resilient fallbacks.

Pixel Diff Audit — Visual regression testing with pixel diff comparison and HTML report hardening.

Tue Feb 25 — Template Gating & Parity Loop

Per-Deploy Template Gating — Stable rollouts via per-template whitelist in deploy config. Only whitelisted templates render through LayerKick; others proxy to Shopify.

Parity Loop — Thin section loop command (pnpm parity:loop). Zero-context URL entrypoint for quick parity checks. Theme-agnostic overlay policy for visual audit.

Template URL Counts — Accurate per-template URL counts from Admin API, filtered to published resources. --remote mode for production counts.

Article Template — Parity for article pages: missing Shopify globals, time_tag filter fix.

Collection Transpilation — Stabilized collection data hydration and template overrides in renderer.

Whitespace Fixes — Preserved whitespace after block tag closing delimiters and trailing whitespace inside inline HTML elements.