Marvin UI Library

Frameworks

• (Emotion) Styled Components
• Mantine
• Storybook
• Rollup.js

Boilerplate Reference

• [repo]
• [video]
• combined with:
• [url]
  • ended up taking rollup.config.js and tsconfig from here after couldn't solve some errors

Modifications from Boilerplate

• tsconfig.json modifications:
  • "target": "es6"
  • "allowJs": true
  • "paths": { "@/": ["./"] }
• package.json
  • "^@/(.*)$": "/$1" to "jest/moduleNameMapper"
• Storybook
  • preview.tsx: added mantine theme from signup
  • main.ts: staticDirs: ['../public'],
  • copied preview-head.html from signup

Troubleshooting

• Was running into an error: "Uncaught TypeError: Cannot read properties of null (reading 'useContext').
  • this library fixed the issue: rollup-plugin-peer-deps-external src
• I had issues running Storybook. Had to do the following to fix:
  • Node version >=18.12.0. (use nvm to switch versions)
  • use Yarn 4 according to this [issue]
  • instructions to install Yarn 4 here [link]
  • "@storybook/addon-a11y": "7.6.16" works with this setup. v8 doesn't work.
• Installing this fixed some errors: rollup-plugin-dts. add it to your rollup.config

Current Issue

• I cannot figure out how to build and publish this library if i were to put types in ts definition files (ie *.d.ts)