@wix/vibe-restaurants-olo-plugin-files
v0.3.0
Published
1. first implement your headless compoenents 2. implement your componeents / ui components / pages, add them under `src/componenets/restaurants-olo` and `src/componenets/ui/restaurants-olo`. use your headless compoenents to implement your components 3. he
Downloads
333
Maintainers
Keywords
Readme
Implement components
- first implement your headless compoenents
- implement your componeents / ui components / pages, add them under
src/componenets/restaurants-oloandsrc/componenets/ui/restaurants-olo. use your headless compoenents to implement your components - headless / ui (shadcn) guidelines: https://github.com/wix-incubator/headless-components/blob/main/docs/api/API.md
Notes: Make sure your headless components are part of picasso main template package.json here: https://github.com/wix-private/picasso/blob/master/packages/picasso-template-image/main/package.json, otherwise PR or ask the picasso team to add them
Test build of zip files to be used by plugin module:
- build of this package should use something like
node scripts/build-zip.js- it should only compress compoentns/restaurants-olo and components/ui/restaurants-olo - see zip file ends up ok in dist/statics/
- see zip is exported ok in index.js as
zipPath - bump the files package version manually
- merge to master and make sure a new package is published (public npm package)
- use this package in
vibe-restaurants-olo-pluginand use the zip file from there to be used during the "install" step and copy the files over to the picasso template in runtime
Testing over Wix Vibe main template:
npm run reset-template(re-run this to reset it)
brings and resets the main Wix Wibe template for you to test your components over
npm run bootstrap
This will initialize your dev site for your module Create a site Create a headless component Create a dev center component and install on the site Create a wix.config.json (which you can commit and push) Create a .env.local file connected to your new site and app The site will serve as the site you use in order to view the business information you see when running locally
npm run template-dev
Start the dev server allowing you to start coding, the repo is equipped with a set of cursor rules allowing you to develop the headless component easier, you can adjust them to your liking
npm run template-check && npm run template-build- to make sure there all your components play nicely over the Wix Vibe template
Testing your instructions with LLM (WIP):
- open as an individual cursor project
- ask agent: integrate all page components in src/components/restaurants-olo to the main router. implement homepage.
