Merge pull request #126 from umbraco/feature/type-module

iOvergaard · web-flow · commit ec4c288ff451 · 2022-02-03T16:17:39.000+01:00
Add type:module to all packages
diff --git a/.gitignore b/.gitignore
@@ -27,8 +27,7 @@ tsconfig.tsbuildinfo
 
 
 custom-elements.json
-/packages/uui-css/custom-properties.js
-/packages/uui-css/custom-properties.module.js
+/packages/uui-css/custom-properties.*
 storybook-static
 debug.log
 out-css
diff --git a/.storybook/main.js b/.storybook/main.js
@@ -27,6 +27,7 @@ module.exports = {
       config.optimizeDeps.include.push('lit/directives/style-map.js');
       config.optimizeDeps.include.push('lit/directives/if-defined.js');
       config.optimizeDeps.include.push('lit/directives/unsafe-html.js');
+      config.optimizeDeps.include.push('element-internals-polyfill');
     }
 
     return config;
diff --git a/package.json b/package.json
@@ -42,7 +42,7 @@
     "lerna-fix": "lerna exec -- node ../../scripts/lerna-fix.mjs",
     "lerna:modify-package": "lerna exec -- node ../../scripts/modify-pkgjson.mjs",
     "postinstall": "npm run bootstrap",
-    "bootstrap": "lerna run --scope @umbraco-ui/uui-css build && node ./scripts/generate-ts-config.js",
+    "bootstrap": "lerna run --scope @umbraco-ui/uui-css clean && lerna run --scope @umbraco-ui/uui-css build && node ./scripts/generate-ts-config.js",
     "prepare": "husky install",
     "new-package": "plop && npm i",
     "pack-all": "npm run build:prod && node ./scripts/pack-packages.js",
diff --git a/packages/uui-action-bar/package.json b/packages/uui-action-bar/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-avatar-group/package.json b/packages/uui-avatar-group/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-avatar/package.json b/packages/uui-avatar/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-badge/package.json b/packages/uui-badge/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-boolean-input/package.json b/packages/uui-boolean-input/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-box/package.json b/packages/uui-box/package.json
@@ -21,6 +21,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-breadcrumbs/package.json b/packages/uui-breadcrumbs/package.json
@@ -24,6 +24,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-button-group/package.json b/packages/uui-button-group/package.json
@@ -23,6 +23,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-button-inline-create/package.json b/packages/uui-button-inline-create/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-button/package.json b/packages/uui-button/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-card-content-node/package.json b/packages/uui-card-content-node/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-card-media/package.json b/packages/uui-card-media/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-card-user/package.json b/packages/uui-card-user/package.json
@@ -23,6 +23,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-card/package.json b/packages/uui-card/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-caret/package.json b/packages/uui-caret/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-checkbox/package.json b/packages/uui-checkbox/package.json
@@ -25,6 +25,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-css/package.json b/packages/uui-css/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "files": [
     "assets",
     "dist",
@@ -35,7 +36,7 @@
     "build": "npm run build:cssprops && npm run build:rootcss && tsc --build --force && rollup -c rollup.config.js",
     "build:cssprops": "postcss lib/custom-properties.css --base lib/ --dir dist && npm run custom-properties-cache",
     "build:rootcss": "postcss lib/uui-css.css --base lib/ --dir dist",
-    "clean": "tsc --build --clean && rimraf dist lib/*.js lib/**/*.js custom-elements.json custom-properties.js custom-properties.module.js",
+    "clean": "tsc --build --clean && rimraf dist lib/*.js lib/**/*.js custom-elements.json custom-properties.*",
     "analyze": "web-component-analyzer **/*.element.ts --outFile custom-elements.json",
     "custom-properties-cache": "node ./scripts/update-custom-properties-cache.mjs"
   },
diff --git a/packages/uui-css/scripts/cache-custom-properties.mjs b/packages/uui-css/scripts/cache-custom-properties.mjs
@@ -1,6 +1,6 @@
-import postcss from 'postcss';
 import * as fs from 'fs/promises';
 import path from 'path';
+import postcss from 'postcss';
 import postcssCustomProperties from 'postcss-custom-properties';
 import * as postCssValueParser from 'postcss-values-parser';
 
@@ -37,7 +37,7 @@ export const CacheCustomProperties = async masterCSSPath => {
 
     try {
       await fs.writeFile(
-        './custom-properties.js',
+        './custom-properties.cjs',
         `module.exports = ${json};`,
         'utf8'
       );
diff --git a/packages/uui-dialog/package.json b/packages/uui-dialog/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-form/package.json b/packages/uui-form/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-icon-registry-essential/package.json b/packages/uui-icon-registry-essential/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-icon-registry/package.json b/packages/uui-icon-registry/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-icon/package.json b/packages/uui-icon/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-input-password/package.json b/packages/uui-input-password/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-input/package.json b/packages/uui-input/package.json
@@ -23,6 +23,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-keyboard-shortcut/package.json b/packages/uui-keyboard-shortcut/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-label/package.json b/packages/uui-label/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-loader-bar/package.json b/packages/uui-loader-bar/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-loader-circle/package.json b/packages/uui-loader-circle/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-loader/package.json b/packages/uui-loader/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-menu-item/package.json b/packages/uui-menu-item/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-pagination/package.json b/packages/uui-pagination/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-progress-bar/package.json b/packages/uui-progress-bar/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-radio/package.json b/packages/uui-radio/package.json
@@ -25,6 +25,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-ref-list/package.json b/packages/uui-ref-list/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-ref-node-data-type/package.json b/packages/uui-ref-node-data-type/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-ref-node-document-type/package.json b/packages/uui-ref-node-document-type/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-ref-node-form/package.json b/packages/uui-ref-node-form/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-ref-node-member/package.json b/packages/uui-ref-node-member/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-ref-node-package/package.json b/packages/uui-ref-node-package/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-ref-node-user/package.json b/packages/uui-ref-node-user/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-ref-node/package.json b/packages/uui-ref-node/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-ref/package.json b/packages/uui-ref/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-scroll-container/package.json b/packages/uui-scroll-container/package.json
@@ -22,6 +22,7 @@
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",
diff --git a/packages/uui-select/package.json b/packages/uui-select/package.json
diff --git a/packages/uui-slider/package.json b/packages/uui-slider/package.json
diff --git a/packages/uui-symbol-expand/package.json b/packages/uui-symbol-expand/package.json
diff --git a/packages/uui-symbol-file/package.json b/packages/uui-symbol-file/package.json
diff --git a/packages/uui-symbol-folder/package.json b/packages/uui-symbol-folder/package.json
diff --git a/packages/uui-symbol-more/package.json b/packages/uui-symbol-more/package.json
diff --git a/packages/uui-symbol-sort/package.json b/packages/uui-symbol-sort/package.json
diff --git a/packages/uui-table/package.json b/packages/uui-table/package.json
diff --git a/packages/uui-tabs/package.json b/packages/uui-tabs/package.json
diff --git a/packages/uui-tag/package.json b/packages/uui-tag/package.json
diff --git a/packages/uui-textarea/package.json b/packages/uui-textarea/package.json
diff --git a/packages/uui-toast-notification-container/package.json b/packages/uui-toast-notification-container/package.json
diff --git a/packages/uui-toast-notification-layout/package.json b/packages/uui-toast-notification-layout/package.json
diff --git a/packages/uui-toast-notification/package.json b/packages/uui-toast-notification/package.json
diff --git a/packages/uui-toggle/package.json b/packages/uui-toggle/package.json
diff --git a/packages/uui/package.json b/packages/uui/package.json
diff --git a/scripts/vite.processLitCSSPlugin.js b/scripts/vite.processLitCSSPlugin.js

Original file line number	Diff line number	Diff line change
`@@ -27,6 +27,7 @@ module.exports = {`
`27`	`27`	`config.optimizeDeps.include.push('lit/directives/style-map.js');`
`28`	`28`	`config.optimizeDeps.include.push('lit/directives/if-defined.js');`
`29`	`29`	`config.optimizeDeps.include.push('lit/directives/unsafe-html.js');`
	`30`	`+ config.optimizeDeps.include.push('element-internals-polyfill');`
`30`	`31`	`}`
`31`	`32`
`32`	`33`	`return config;`