This is a collection of package that Deux Huit Huit uses to build websites. They are meant to be used with Svelte, Sveltekit and Craft CMS.
- @288-toolkit/animations
- @288-toolkit/arrays
- @288-toolkit/base64-filters
- @288-toolkit/component-loader
- @288-toolkit/components
- @288-toolkit/components/back-to-top
- @288-toolkit/components/cookie-popup
- @288-toolkit/components/copyright
- @288-toolkit/components/dev-error-page
- @288-toolkit/components/dismissable
- @288-toolkit/components/html-elements
- @288-toolkit/components/marquee
- @288-toolkit/components/minimap
- @288-toolkit/components/pagination
- @288-toolkit/components/slideshow
- @288-toolkit/components/sprite-animation
- @288-toolkit/components/video-embed
- @288-toolkit/css
- @288-toolkit/dates
- @288-toolkit/device
- @288-toolkit/format
- @288-toolkit/forms
- @288-toolkit/functions
- @288-toolkit/graphql
- @288-toolkit/hooks
- @288-toolkit/html-parser
- @288-toolkit/http
- @288-toolkit/i18n
- @288-toolkit/math
- @288-toolkit/page-transition
- @288-toolkit/shares
- @288-toolkit/strings
- @288-toolkit/timeout
- @288-toolkit/typed-context
- @288-toolkit/types
- @288-toolkit/ui
- @288-toolkit/url
- @288-toolkit/vite-plugin-svelte-inline-component
- @288-toolkit/vite-plugin-svelte-replacers
To easily create a package:
- Install pnpm globally:
npm i -g pnpm
- Clone the repo locally
git clone https://github.com/DeuxHuitHuit/288-toolkit
- Create a new branch
git checkout -b <package-name>
- Run the
make-pkg
script:
pnpm make-pkg
This will scaffold a basic workspace inside the packages
folder.
-
Run
pnpm build
to build the packages. -
Run
pnpm changeset
then follow the instructions. This will generate a new changeset. -
Run
pnpm changeset version
. This will update changed packages versions and changelogs. -
Commit everything and push to your branch. Once the branch is merged into main, the package will automatically get published to npm.