Merge branch 'dev' into bugfix/breadcrumbs

Author: madsrasmussen

.eslintignore

@@ -0,0 +1 @@
+node_modules/

.eslintrc.js

@@ -1,4 +1,5 @@
 module.exports = {
+  ignorePatterns: ['vite.*.js'],
   root: true,
   parser: '@typescript-eslint/parser',
   plugins: ['@typescript-eslint', 'html', 'import'],

.github/pull_request_template.md

@@ -0,0 +1,31 @@
+<!--- Provide a general summary of your changes in the Title above -->
+
+## Description
+
+<!--- Describe the changes in detail -->
+
+## Types of changes
+
+<!--- What types of changes does your code introduce? Put an `x` in all the boxes that apply: -->
+
+- [ ] Bug fix (non-breaking change which fixes an issue)
+- [ ] New feature (non-breaking change which adds functionality)
+- [ ] Breaking change (fix or feature that would cause existing functionality to change)
+- [ ] Chore (minor updates related to the tooling or maintenance of the repository, does not impact compiled assets)
+
+## Motivation and context
+
+<!--- Why is this change required? What problem does it solve? -->
+
+## How to test?
+
+## Screenshots (if appropriate)
+
+## Checklist
+
+<!--- Go over all the following points, and put an `x` in all the boxes that apply.  If you're unsure about any of these, don't hesitate to ask. We're here to help! -->
+
+- [ ] If my change required a change to the documentation, I have updated the documentation in this pull request.
+- [ ] I have read the **[CONTRIBUTING](<(https://github.com/umbraco/Umbraco.UI/blob/dev/docs/CONTRIBUTING.md)>)** document.
+- [ ] I have added tests to cover my changes.
+- [ ] All new and existing tests passed.

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

@@ -1,46 +1,68 @@
-name: Azure Static Web Apps CI/CD
-
-on:
-  push:
-    branches:
-      - main
-  pull_request:
-    types: [opened, synchronize, reopened, closed]
-    branches:
-      - main
-
-jobs:
-  build_and_deploy_job:
-    if: github.event_name == 'push' || (github.event_name == 'pull_request' && github.event.action != 'closed')
-    runs-on: ubuntu-latest
-    name: Build and Deploy Job
-    steps:
-      - uses: actions/checkout@v2
-        with:
-          submodules: true
-      - name: Build And Deploy
-        id: builddeploy
-        uses: Azure/static-web-apps-deploy@v1
-        with:
-          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_DELIGHTFUL_BEACH_055ECB503 }}
-          repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments)
-          action: "upload"
-          ###### Repository/Build Configurations - These values can be configured to match your app requirements. ######
-          # For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig
-          app_location: "/" # App source code path
-          app_build_command: "npm ci && npm run storybook:build"
-          api_location: "" # Api source code path - optional
-          output_location: "/storybook-static" # Built app content directory - optional
-          ###### End of Repository/Build Configurations ######
-
-  close_pull_request_job:
-    if: github.event_name == 'pull_request' && github.event.action == 'closed'
-    runs-on: ubuntu-latest
-    name: Close Pull Request Job
-    steps:
-      - name: Close Pull Request
-        id: closepullrequest
-        uses: Azure/static-web-apps-deploy@v1
-        with:
-          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_DELIGHTFUL_BEACH_055ECB503 }}
-          action: "close"
+name: Azure Static Web Apps CI/CD
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    types: [opened, synchronize, reopened, closed]
+    branches:
+      - main
+
+jobs:
+  
+  test:
+    # The type of runner that the job will run on
+    runs-on: ubuntu-latest
+    
+    strategy:
+      matrix:
+        node-version: [16.x]
+
+    # Steps represent a sequence of tasks that will be executed as part of the job
+    steps:
+      # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it      
+      - uses: actions/checkout@v2
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: npm ci
+      - run: npm run build:prod 
+
+  build_and_deploy_job:
+    needs: test
+    if: github.event_name == 'push' || (github.event_name == 'pull_request' && github.event.action != 'closed')
+    runs-on: ubuntu-latest
+    name: Build and Deploy Job
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          submodules: true
+        
+      - name: Build And Deploy
+        id: builddeploy
+        uses: Azure/static-web-apps-deploy@v1
+        with:
+          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_DELIGHTFUL_BEACH_055ECB503 }}
+          repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments)
+          action: "upload"
+          ###### Repository/Build Configurations - These values can be configured to match your app requirements. ######
+          # For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig
+          app_location: "/" # App source code path
+          app_build_command: "npm run storybook:build"
+          api_location: "" # Api source code path - optional
+          output_location: "/storybook-static" # Built app content directory - optional
+          ###### End of Repository/Build Configurations ######
+
+  close_pull_request_job:
+    if: github.event_name == 'pull_request' && github.event.action == 'closed'
+    runs-on: ubuntu-latest
+    name: Close Pull Request Job
+    steps:
+      - name: Close Pull Request
+        id: closepullrequest
+        uses: Azure/static-web-apps-deploy@v1
+        with:
+          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_DELIGHTFUL_BEACH_055ECB503 }}
+          action: "close"

.github/workflows/publish.yml

@@ -22,14 +22,7 @@ jobs:
       # pulls all commits (needed for lerna / semantic release to correctly version)
           fetch-depth: "0"
 
-      - name: Configure CI Git User
-        run: |
-          git config --global user.name '@julczka'
-          git config --global user.email '[email protected]'
-          git remote set-url origin https://$GITHUB_ACTOR:[email protected]/umbraco/Umbraco.UI
-        env:
-          GITHUB_PAT: ${{ secrets.JULCZKA_PAT }}
-
+  
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v2
         with:
@@ -47,12 +40,10 @@ jobs:
           echo "//registry.npmjs.org/:_authToken=${NPM_TOKEN}" >> .npmrc
           npm whoami
         env:
-          NPM_TOKEN: ${{ secrets.JULCZKA_AUTOMATION_NPM_TOKEN}}
+          NPM_TOKEN: ${{ secrets.UMBRACO_PUBLISH_NPM_TOKEN}}
 
       - name: Publish package
         run: npm run lerna:publish
         env:
-          GH_TOKEN: ${{ secrets.JULCZKA_PAT }}
-          GITHUB_TOKEN: ${{ secrets.JULCZKA_PAT }}
-          NPM_TOKEN: ${{ secrets.JULCZKA_AUTOMATION_NPM_TOKEN}}
+          NPM_TOKEN: ${{ secrets.UMBRACO_PUBLISH_NPM_TOKEN}}
 

.gitignore

@@ -23,10 +23,14 @@
 /packages/**/lib/**/*.d.ts
 tsconfig.tsbuildinfo
 /out-tsc/
+/packages/**/node_modules/
 
 
 custom-elements.json
+/packages/uui-css/custom-properties.js
+/packages/uui-css/custom-properties.module.js
 storybook-static
 debug.log
 out-css
 *.log
+.eslintcache

.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/pre-commit

@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-npm run format
+npx lint-staged

.storybook/images/UI_release-min.png

@@ -1,4 +1,6 @@
 const tsconfigPaths = require('vite-tsconfig-paths').default;
+const processLitCSSPlugin =
+  require('../scripts/vite.processLitCSSPlugin').default;
 
 module.exports = {
   stories: ['../packages/**/*.story.ts'],
@@ -11,16 +13,21 @@ module.exports = {
   async viteFinal(config, { configType }) {
     // customize the Vite config here
 
+    config.plugins.push(processLitCSSPlugin());
+
     if (configType === 'DEVELOPMENT') {
       // add plugins
       config.plugins.push(tsconfigPaths());
 
       // pre bundle dependencies for faster startup time
       config.optimizeDeps.include.push('@storybook/web-components');
+      config.optimizeDeps.include.push('lit-element');
       config.optimizeDeps.include.push('lit-html');
       config.optimizeDeps.include.push('lit');
       config.optimizeDeps.include.push('lit/decorators.js');
       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');
     }
 
     return config;