Merge branch 'dev' into bugfix/uui-loader-circle

Author: JesmoDev

.eslintignore

@@ -1 +1,2 @@
 node_modules/
+.eslintrc.js

.eslintrc.js

@@ -10,6 +10,7 @@ module.exports = {
     'plugin:@typescript-eslint/recommended',
     'plugin:lit/recommended',
     'plugin:lit-a11y/recommended',
+    'plugin:storybook/recommended',
   ],
   rules: {
     // disable the rule for all files

.github/workflows/azure-static-web-apps-delightful-beach-055ecb503.yml

@@ -28,8 +28,10 @@ jobs:
         uses: actions/setup-node@v2
         with:
           node-version: ${{ matrix.node-version }}
-      - run: npm ci
+          cache: 'npm'
+      - run: npm install
       - run: npm run lint
+      - run: npm run test
       - run: npm run build:prod
 
   build_and_deploy_job:

.github/workflows/tests.yml

@@ -30,6 +30,8 @@ jobs:
         uses: actions/setup-node@v2
         with:
           node-version: ${{ matrix.node-version }}
+          cache: 'npm'
       - run: npm install
       - run: npm run lint
+      - run: npm run test
       - run: npm run build:prod

.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

.prettierignore

@@ -0,0 +1 @@
+*.hbs

.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;

package-lock.json

@@ -19,10 +19,10 @@
     "custom-elements"
   ],
   "scripts": {
-    "lint:eslint": "eslint --ext .ts,.html . --ignore-path .gitignore",
-    "format:eslint": "eslint --ext .ts,.html . --fix --ignore-path .gitignore",
-    "lint:prettier": "prettier \"**/*.js\" \"**/*.ts\" --check --ignore-path .gitignore",
-    "format:prettier": "prettier \"**/*.js\" \"**/*.ts\" --write --ignore-path .gitignore",
+    "lint:eslint": "eslint --ext .ts,.html,.mjs,.cjs . --ignore-path .gitignore",
+    "format:eslint": "eslint --ext .ts,.html,.mjs,.cjs . --fix --ignore-path .gitignore",
+    "lint:prettier": "prettier \"**/*.js\" \"**/*.ts\" \"**/*.mjs\" --check --ignore-path .gitignore",
+    "format:prettier": "prettier \"**/*.js\" \"**/*.ts\" \"**/*.mjs\"  --write --ignore-path .gitignore",
     "lint": "npm run lint:eslint && npm run lint:prettier",
     "format": "npm run format:eslint && npm run format:prettier",
     "storybook": "npm run bootstrap && npm run storybook:analyze && start-storybook -p 6006 -s ./.storybook/images",
@@ -33,16 +33,16 @@
     "test:coverage": "web-test-runner --node-resolve --coverage",
     "test:coverage-for": "node ./scripts/test-coverage-package.js",
     "dev": "npm run clean && npm run storybook",
-    "build": "lerna run --scope @umbraco-ui/uui-css build && lerna run build",
-    "build:prod": "npm run clean && npm run build && npm run test",
-    "clean": "lerna run clean --parallel",
+    "build": "lerna run --scope @umbraco-ui/uui-css build && turbo run build",
+    "build:prod": "npm run clean && npm run build",
+    "clean": "turbo run clean --parallel",
     "lerna:publish": "npm run build:prod && npm whoami && lerna publish from-package --yes && npm run lerna-fix",
     "lerna:version": "lerna version --no-push --exact --no-git-tag-version && rimraf package-lock.json && npm i",
     "lerna:diff": "lerna diff",
     "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",
@@ -60,11 +60,11 @@
     "@babel/core": "7.15.0",
     "@open-wc/testing": "2.5.33",
     "@rollup/plugin-node-resolve": "13.0.5",
-    "@storybook/addon-a11y": "6.4.14",
-    "@storybook/addon-actions": "6.4.14",
-    "@storybook/addon-essentials": "6.4.14",
-    "@storybook/addon-links": "6.4.14",
-    "@storybook/web-components": "6.4.14",
+    "@storybook/addon-a11y": "6.4.18",
+    "@storybook/addon-actions": "6.4.18",
+    "@storybook/addon-essentials": "6.4.18",
+    "@storybook/addon-links": "6.4.18",
+    "@storybook/web-components": "6.4.18",
     "@types/chai": "^4.3.0",
     "@typescript-eslint/eslint-plugin": "5.7.0",
     "@typescript-eslint/parser": "5.7.0",
@@ -81,6 +81,7 @@
     "eslint-plugin-import": "2.24.2",
     "eslint-plugin-lit": "1.5.1",
     "eslint-plugin-lit-a11y": "1.1.0-next.1",
+    "eslint-plugin-storybook": "^0.5.6",
     "husky": "7.0.4",
     "lerna": "4.0.0",
     "lint-staged": "10.5.4",
@@ -102,8 +103,9 @@
     "rollup-plugin-import-css": "3.0.2",
     "rollup-plugin-minify-html-literals": "1.2.6",
     "rollup-plugin-postcss": "4.0.2",
-    "storybook-builder-vite": "0.1.13",
+    "storybook-builder-vite": "0.1.14",
     "tsc-files": "1.1.2",
+    "turbo": "*",
     "typescript": "4.5.2",
     "vite": "2.6.14",
     "vite-tsconfig-paths": "3.3.17",
@@ -113,8 +115,9 @@
     "./packages/*"
   ],
   "lint-staged": {
-    "**/*.ts": "tsc-files --project tsconfig-lint-staged.json",
-    "**/*.{mjs}": "eslint --cache --fix -c .eslintrc.js",
+    "*.ts": "tsc-files --project tsconfig-lint-staged.json",
+    "*.{js,ts,mjs,cjs,html}": "eslint --cache --fix -c .eslintrc.js",
     "*": "prettier --ignore-unknown --write"
-  }
+  },
+  "packageManager": "[email protected]"
 }

package.json

@@ -24,6 +24,7 @@ const createEsModulesConfig = (entryPoints = []) => {
           file: `./lib/${name}.js`,
           format: 'es',
         },
+        external: [/^lit/, /^@umbraco-ui/],
         plugins: [
           importCss({ from: undefined }),
           processLitCSSPlugin(),
@@ -83,7 +84,7 @@ export const UUIProdConfig = ({
   entryPoints = [],
   cssFiles = [],
   bundle,
-  namespace = 'uui',
+  namespace = '',
 }) => {
   const cssFilesConfig = createCSSFilesConfig(cssFiles);
   const esModulesConfig = createEsModulesConfig(entryPoints);