[object Object]

← back to Prestige Car Wash Video

chore: lint, refactor (dead-code), v1.0.1 (session close)

12ff85308a20edad867dd4f7d48c1a9fe93045f0 · 2026-07-12 09:35:29 -0700 · Steve Abrams

Files touched

Diff

commit 12ff85308a20edad867dd4f7d48c1a9fe93045f0
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Sun Jul 12 09:35:29 2026 -0700

    chore: lint, refactor (dead-code), v1.0.1 (session close)
---
 .gitignore               | 1 +
 package-lock.json        | 4 ++--
 package.json             | 2 +-
 src/BrowserShot.tsx      | 5 ++---
 src/Caption.tsx          | 2 +-
 src/scenes/FcfsScene.tsx | 4 ++--
 6 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/.gitignore b/.gitignore
index 6bbd052..6df40d2 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,3 +3,4 @@ out/
 shots/
 *.log
 .DS_Store
+.env*
diff --git a/package-lock.json b/package-lock.json
index b06439b..37b264f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "prestige-car-wash-video",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "prestige-car-wash-video",
-      "version": "1.0.0",
+      "version": "1.0.1",
       "dependencies": {
         "@remotion/cli": "4.0.290",
         "puppeteer-core": "24.10.0",
diff --git a/package.json b/package.json
index 35932a9..b437c4f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "prestige-car-wash-video",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "private": true,
   "description": "Remotion showcase video for the Prestige Car Wash build (front-facing + admin walkthrough)",
   "scripts": {
diff --git a/src/BrowserShot.tsx b/src/BrowserShot.tsx
index ed7a0c3..ca37742 100644
--- a/src/BrowserShot.tsx
+++ b/src/BrowserShot.tsx
@@ -6,7 +6,6 @@ const FONT = 'Inter, "SF Pro Display", system-ui, -apple-system, sans-serif';
 // A macOS-style browser window that "Ken Burns" pans/zooms the captured page.
 export const BrowserShot: React.FC<{ s: Section }> = ({ s }) => {
   const frame = useCurrentFrame();
-  const local = frame; // inside a <Sequence>, useCurrentFrame() is section-local
 
   // window geometry on the 1920x1080 stage
   const FRAME_W = 1560;
@@ -20,7 +19,7 @@ export const BrowserShot: React.FC<{ s: Section }> = ({ s }) => {
   const dur = s.frames;
   // vertical pan for tall pages; gentle zoom for short ones
   const overflow = Math.max(0, scaledH - VIEW_H);
-  const eased = interpolate(local, [0, dur], [0, 1], {
+  const eased = interpolate(frame, [0, dur], [0, 1], {
     easing: Easing.inOut(Easing.ease),
     extrapolateRight: 'clamp',
   });
@@ -28,7 +27,7 @@ export const BrowserShot: React.FC<{ s: Section }> = ({ s }) => {
   const zoom = overflow > 8 ? 1 : interpolate(eased, [0, 1], [1.0, 1.05]);
 
   // whole-window intro: rise + settle
-  const rise = interpolate(local, [0, 18], [40, 0], {
+  const rise = interpolate(frame, [0, 18], [40, 0], {
     easing: Easing.out(Easing.cubic),
     extrapolateRight: 'clamp',
   });
diff --git a/src/Caption.tsx b/src/Caption.tsx
index ee24050..4f12f03 100644
--- a/src/Caption.tsx
+++ b/src/Caption.tsx
@@ -3,7 +3,7 @@ import type { Section } from './sections';
 
 const FONT = 'Inter, "SF Pro Display", system-ui, -apple-system, sans-serif';
 
-export const Caption: React.FC<{ s: Section; index: number; total: number }> = ({ s, index, total }) => {
+export const Caption: React.FC<{ s: Section; index: number; total: number }> = ({ s }) => {
   const f = useCurrentFrame();
   const inX = interpolate(f, [6, 24], [-60, 0], { easing: Easing.out(Easing.cubic), extrapolateRight: 'clamp', extrapolateLeft: 'clamp' });
   const inO = interpolate(f, [6, 24], [0, 1], { extrapolateRight: 'clamp', extrapolateLeft: 'clamp' });
diff --git a/src/scenes/FcfsScene.tsx b/src/scenes/FcfsScene.tsx
index c1641d9..3c17c18 100644
--- a/src/scenes/FcfsScene.tsx
+++ b/src/scenes/FcfsScene.tsx
@@ -3,7 +3,7 @@ import type { Scene } from '../story';
 
 const FONT = 'Inter, "SF Pro Display", system-ui, -apple-system, sans-serif';
 
-const Lane: React.FC<{ i: number; total: number; accent: string; frames: number }> = ({ i, total, frames, accent }) => {
+const Lane: React.FC<{ i: number; accent: string }> = ({ i, accent }) => {
   const f = useCurrentFrame();
   const start = 20 + i * 5;
   // a car glides up each of the 6 lanes, staggered, then loops
@@ -46,7 +46,7 @@ export const FcfsScene: React.FC<{ s: Scene }> = ({ s }) => {
         </div>
 
         <div style={{ display: 'flex', gap: 22, marginTop: 44 }}>
-          {[...Array(6)].map((_, i) => <Lane key={i} i={i} total={6} frames={s.frames} accent={s.accent} />)}
+          {[...Array(6)].map((_, i) => <Lane key={i} i={i} accent={s.accent} />)}
         </div>
 
         <div style={{ marginTop: 40, display: 'flex', gap: 46, opacity: subO, fontFamily: FONT }}>

← d99d495 Narrated story video: Steve-voice VO, all 8 options w/ real  ·  back to Prestige Car Wash Video  ·  Add PrestigeAdmin composition: dedicated 68s Growth Center b 322c8af →