mirror of
https://github.com/Kong/insomnia
synced 2024-11-07 22:30:15 +00:00
eb21506d40
* ⚡️ vite
* replace webpack with esbuild in build script
* move build sr to esbuild
* esbuild send-request shim
* remove main externals
* fix lint
* remove webpack from insomnia-testing
* removes more webpack stuff
TODO after this PR: make debugging work again
* pin swagger-ui-react to version before esm change
* restore prepare script to build in bootstrap
* use default tsconfig for eslint and apply fixes
* bundle insomnia-components as cjs/esm
* makes ca_certs.ts pass linting
* builds types for insomnia-components
* improve build script for production
* skip typechecking insomnia-components
* separate package from build
* add electron to externals
* add preload bundling and fix build output
* exclude grpc/proto-loader from the bundle
* move node packages to commonjs
* don't bundle grpc since it's a node module
* fix content security error
* use vite lib mode for insomnia-components
* tidy up vite config and tsconfig options
* update package-locks
* use process.env. for static build time variables
* fix vscode debugging
Co-authored-by: jackkav <jackkav@gmail.com>
Co-authored-by: Dimitri Mitropoulos <dimitrimitropoulos@gmail.com>
|
||
|---|---|---|
| .. | ||
| src | ||
| .eslintignore | ||
| .eslintrc.js | ||
| .gitignore | ||
| .npmignore | ||
| .nvmrc | ||
| jest.config.js | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| svgr.config.js | ||
| tsconfig.build.json | ||
| tsconfig.json | ||
| vite.config.ts | ||
insomnia-components
insomnia-components is a React component library of UI elements needed to build Insomnia.
SVGs
We use SVGR on the source SVGs to minify and convert them to React components. This conversion happens during npm run bootstrap.
The generated icons can automatically be bound to the theme library built into Insomnia, by following a few rules. In the source SVG:
- All background colors should be black (#000)
- All foreground colors should be white (#FFF)
SVGR converts these colors to fill='' and fill='currentColor' respectively. These icons are exposed via svg-icon.js, which sets the css fill and color of the SVG according to the required theme.