ShootBook — LumiCore

Getting Started

1. Place these files in the same folder:
   • ProSET_Session_Journal_V1_3_ChatGPT_CR_v3.html (your app)
   • utils.js, settings.js, styles.css (support files)
   • (Optional) assets/LC-SBLogo.png for the header logo
2. Open the app HTML in a modern Chromium-based browser (Chrome/Edge). Safari/Firefox work, but some file APIs are limited.
3. Use light/dark theme toggle as desired. The UI adapts in both themes.

Key Features

• Session tracking: date, teams, location, level, sport, notes
• Equipment tracking: bodies, additional camera, lenses
• For-hire toggle with clamped USD rate (0–10,000)
• Editable lists: Levels, Sports/Events, Cameras, Lenses
• Theme toggle (light/dark), responsive layout
• Local persistence + JSON import/export; optional file Open/Save

Storage Model

Data lives in localStorage under key proset.sj2. JSON files are optional backups you export or save— deleting a JSON file on disk does not clear localStorage.

• Auto‑save: changes to Sessions/Lists auto-write to localStorage.
• Startup: app hydrates from localStorage; if none, it starts fresh with default lists.

Import / Export

• Export JSON: download a snapshot of Sessions + Lists.
• Import JSON: merge Lists and replace Sessions from a file.

Tip: To test import cleanly, first clear localStorage (see Reset section) and then import.

Open / Save File (optional)

On Chromium browsers, you can use the File System Access API to save/open a working JSON file (suggested name tsipssj.json).

• Save File: pick or create a JSON; subsequent saves write to the same handle.
• Open File: pick an existing JSON; the status badge shows its name.

Note: Deleting this file later does not clear localStorage; use the reset controls below.

Settings & Lists

Use the gear icon to open Settings. You can add/remove items for Levels, Sports/Events, Cameras, and Lenses.

“Edit List” buttons beside dropdowns jump you straight to Settings.

Wipe / Factory Reset

• Wipe Sessions (keep lists): deletes all journal entries, preserves custom lists.
• Factory Reset: clears sessions, restores default lists, and clears file handle/name.

Manual: You can also run localStorage.removeItem('proset.sj2') in the console, then refresh.

Test Scenarios

1. Local persistence: add a session → refresh → session remains.
2. Export & clear & import: add sessions → Export → clear localStorage → refresh (empty) → Import → sessions return.
3. Open/Save handle: Save File → add session → Save File → delete disk file → refresh → session still present (from localStorage).
4. Wipe Sessions: wipe → table becomes empty; lists intact across refresh.
5. Factory Reset: lists return to defaults; status shows Local.

Troubleshooting

• Blank screen: check console for JSX scope errors (e.g., missing SettingsModal import). Ensure utils.js and settings.js load before the Babel script.
• Styles look dark in light mode: confirm styles.css is linked after Tailwind, and includes the light‑theme overrides.
• File open/save missing: your browser may not support the File System Access API. Use Import/Export instead.