whynot-design/BOOTSTRAP.md

Bootstrap: prime whynot-design from this seed

You're holding a zip — whynot-design-seed.zip — that contains a complete first commit for the whynot-design repository at v0.2.0.

Step-by-step

# 1. Unzip into your fresh whynot-design clone.
cd /path/to/whynot-design
unzip ~/Downloads/whynot-design-seed.zip
mv whynot-design-seed/* whynot-design-seed/.[!.]* .
rmdir whynot-design-seed

# 2. Sanity-check the tree.
ls -la
# Expect: README.md  DesignSystemIntroduction.md  MultiFrameworkSupport.md
#         SKILL.md  CONTRIBUTING.md  CHANGELOG.md  BOOTSTRAP.md
#         package.json  src/  tokens/  assets/  adapters/  examples/
#         .gitea/  .github/  scripts/  tests/

# 3. Replace placeholder host names.
#    Search-and-replace `gitea.example.com` with your actual Gitea host in:
#      - package.json
#      - .npmrc
#      - .gitea/workflows/ci.yml  (and .github/ if you keep that)
#      - README.md (one quick-start block)

# 4. First commit.
git add -A
git commit -m "feat: seed whynot-design at v0.2.0 — three-layer architecture, Lit web components"
git tag v0.2.0
git push origin main --tags

# 5. Install + smoke-test.
pnpm install
pnpm showcase
# Visit http://localhost:4321/examples/showcase/
# Every <wn-*> component should render. If Lit fails to load,
# check that `lit` ^3.2.1 resolved in node_modules.

# 6. Generate Playwright baselines locally.
pnpm exec playwright install --with-deps chromium
pnpm test:visual:update
git add tests/visual/__screenshots__
git commit -m "test: add initial visual-regression baselines"
git push

After bootstrap

1. Record the bootstrap as DEC-004 in whynot-control/DECISIONS.md — something like "Established whynot-design as the implementation surface, three-layer architecture, Lit web components as the canonical component layer."
2. Mention whynot-design in whynot-control/SCOPE.md as a sibling repository.
3. Add @whynot/design as a dependency in your first consuming app — Django, React, or both. Follow MultiFrameworkSupport.md for the per-framework wiring.

Notes

• The git+ssh URL in package.json (gitea.example.com/whynot/whynot-design.git) is a placeholder. Replace with your actual Gitea host.
• The same goes for .npmrc and the registry URL in .gitea/workflows/ci.yml (commented out — uncomment when you stand up a Gitea Packages registry).
• .gitea/workflows/ci.yml and .github/workflows/ci.yml are identical. Keep whichever your forge uses and delete the other.
• The examples/showcase/index.html page uses importmap to load Lit from esm.sh for the standalone-no-build case. When you have a bundler in the consuming app, the bundler resolves lit from node_modules and the importmap is irrelevant.

You can delete this file after bootstrap

It's only useful for the first push.