Switch to npm workspaces

[XhmikosR]

TODO:

• fix icons-font path
• double check node_modules references; they are probably broken and I'm unsure how to fix them :/
• fix StackBlitz examples with node_modules references
• fix StackBlitz; remove startCommand from package.json and use URL parameters or something https://developer.stackblitz.com/platform/webcontainers/project-config

Notes:

• the CI patch is less code to maintain but it might be nice to have separate CI runs per project, so I might drop it
• I used a wildcard in the root package.json to keep it simple
• later we could probably move some common scripts in the root package.json if needed

Fixes #96

---

StackBlitz links:

• https://stackblitz.com/github/twbs/examples/tree/xmr/workspaces/packages/color-modes?file=index.html
• https://stackblitz.com/github/twbs/examples/tree/xmr/workspaces/packages/icons-font?file=index.html
• https://stackblitz.com/github/twbs/examples/tree/xmr/workspaces/packages/react-nextjs?file=src%2Fpages%2Findex.tsx
• https://stackblitz.com/github/twbs/examples/tree/xmr/workspaces/packages/sass-js?file=index.html
• https://stackblitz.com/github/twbs/examples/tree/xmr/workspaces/packages/sass-js-esm?file=index.html
• https://stackblitz.com/github/twbs/examples/tree/xmr/workspaces/packages/starter?file=index.html
• https://stackblitz.com/github/twbs/examples/tree/xmr/workspaces/packages/vite?file=src%2Findex.html
• https://stackblitz.com/github/twbs/examples/tree/xmr/workspaces/packages/vue?file=index.html
• https://stackblitz.com/github/twbs/examples/tree/xmr/workspaces/packages/webpack?file=src%2Findex.html

[XhmikosR]

I'm going to have to drop this idea, unfortunately, since I can't make relative paths to work properly locally and on StackBlitz :/

Basically these packages are broken in this branch due to the hardcoded paths:

• color-modes
• icons-font
• sass-js
• sass-js-esm

The other packages seem to work fine, though.

It would help maintenance a lot, so if anyone has any ideas let me know, otherwise let's drop this PR.

/CC @julien-deramond @kyletsang

[kyletsang]

I'm going to have to drop this idea, unfortunately, since I can't make relative paths to work properly locally and on StackBlitz :/

Basically these packages are broken in this branch due to the hardcoded paths:

* color-modes

* icons-font

* sass-js

* sass-js-esm

The other packages seem to work fine, though.

It would help maintenance a lot, so if anyone has any ideas let me know, otherwise let's drop this PR.

/CC @julien-deramond @kyletsang

I think we should copy the required assets into the project directory as part of some pre-build script. So something like this in the icons-font project:

package.json

"copy-assets": "shx rm -rf dist && shx mkdir -p ./dist/bootstrap-icons && shx cp -r ../../node_modules/bootstrap-icons ./dist",

styles.scss

$bootstrap-icons-font-dir: "../dist/bootstrap-icons/font/fonts";
@import "bootstrap-icons/font/bootstrap-icons";

[XhmikosR]

Closing per #155