Skip to content

Commit 95c56b5

Browse files
committed
fix: correct entries in package.json files, noExternal config no longer needed
Fixes #375
1 parent f8ec33b commit 95c56b5

File tree

44 files changed

+80
-27
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

44 files changed

+80
-27
lines changed

MIGRATING.md

+1
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,7 @@ https://github.com/material-components/material-components-web/blob/master/CHANG
2121
## Changes
2222

2323
- MDC events are now dispatched with "SMUI" instead of "MDC" prefix. They are dispatched as both though, so your code shouldn't break. You should still update your code to use the new "SMUI" prefix anyway.
24+
- There's no longer any required Vite config. Big thanks to [Ben McCann](https://github.com/benmccann) for [clearing up my misconceptions and helping me fix the package.json files](https://github.com/hperrin/svelte-material-ui/issues/375#issuecomment-994227865).
2425

2526
### Components
2627

SVELTEKIT.md

-26
Original file line numberDiff line numberDiff line change
@@ -80,32 +80,6 @@ Or this for with Dark Mode support.
8080
/>
8181
```
8282

83-
## Required Vite Config
84-
85-
Now you'll need to add one special config entry in your `svelte.config.js` file. In that file, within the "config" object, underneath the "kit" property, add the following "vite" config.
86-
87-
```js
88-
// In this definition...
89-
const config = {
90-
// ... ignore the stuff here
91-
92-
// Under this object...
93-
kit: {
94-
// ... ignore the stuff here
95-
96-
// Add this part. ---
97-
vite: {
98-
ssr: {
99-
noExternal: [/^@material\//, /^@smui(?:-extra)?\//],
100-
},
101-
},
102-
// All done! ---
103-
},
104-
};
105-
```
106-
107-
If you don't add this config, you'll see errors like [`Unknown file extension ".svelte" for ...`](https://github.com/hperrin/svelte-material-ui/issues/375).
108-
10983
## Finishing Up
11084

11185
After that, run `npm run prepare` to build your CSS file, then you can run `npm run dev` to start developing. Happy coding!

packages/accordion/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Accordion",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/autocomplete/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Autocomplete",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/badge/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Badge",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/banner/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Banner",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/button/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Button",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/card/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Card",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/checkbox/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Checkbox",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/chips/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Chips",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/circular-progress/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Circular Progress",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/common/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Common",
55
"type": "module",
6+
"svelte": "./dist/index.js",
67
"exports": {
78
"./package.json": "./package.json",
89
".": "./dist/index.js",

packages/data-table/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Data Table",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/dialog/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Dialog",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/drawer/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Drawer",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/fab/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Floating Action Button",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/floating-label/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Floating Label",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/form-field/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Form Field",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/icon-button/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Icon Button",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/image-list/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Image List",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/layout-grid/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Layout Grid",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/line-ripple/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Line Ripple",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/linear-progress/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Linear Progress",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/list/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - List",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/menu-surface/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Menu Surface",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/menu/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Menu",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/notched-outline/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Notched Outline",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/paper/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Paper",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/radio/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Radio",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/ripple/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Ripple",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/segmented-button/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Segmented Button",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/select/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Select",
55
"type": "module",
6+
"svelte": "./dist/index.js",
67
"exports": {
78
"./package.json": "./package.json",
89
".": "./dist/index.js",

packages/site/svelte.config.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ const config = {
3030

3131
vite: {
3232
ssr: {
33-
noExternal: ['tinygesture', /^@material\//, /^@smui(?:-extra)?\//],
33+
noExternal: ['tinygesture'],
3434
},
3535
resolve: {
3636
alias: {

packages/slider/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Slider",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/snackbar/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Snackbar",
55
"type": "module",
6+
"svelte": "./dist/index.js",
67
"exports": {
78
"./package.json": "./package.json",
89
".": "./dist/index.js",

packages/switch/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Switch",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/tab-bar/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Tab Bar",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

packages/tab-indicator/package.json

+2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
"version": "6.0.0-beta.11",
44
"description": "Svelte Material UI - Tab Indicator",
55
"type": "module",
6+
"main": "dist/index.js",
67
"module": "dist/index.js",
8+
"svelte": "dist/index.js",
79
"types": "src/index.ts",
810
"keywords": [
911
"svelte",

0 commit comments

Comments
 (0)