Merge branch 'main' into typescript-snippets

.changeset/angry-days-swim.md

@@ -0,0 +1,31 @@
+---
+'@commercetools-frontend/application-shell-connectors': patch
+---
+
+There is a new React hook which you can use to access the Project Images rewrite configuration [see documentation](https://docs.commercetools.com/custom-applications/api-reference/commercetools-frontend-application-shell-connectors#project-image-settings).
+
+You would use it like this:
+
+```js
+function MyComponent() {
+  const { isLoading, imageRegex } = useProjectExtensionImageRegex();
+
+  if (isLoading) return <LoadingSpinner />;
+
+  return (
+    <div>
+      <h1>Project images regex: {imageRegex}</h1>
+    </div>
+  );
+}
+
+function MyApp() {
+  return (
+    <ProjectExtensionProviderForImageRegex>
+      <MyComponent />
+    </ProjectExtensionProviderForImageRegex>
+  );
+}
+```
+
+Both `GetProjectExtensionImageRegex` component and `withProjectExtensionImageRegex` still exists for backwards compatibility but have been marked as deprecated.

.changeset/bright-plants-fail.md

@@ -0,0 +1,28 @@
+---
+'@commercetools-backend/eslint-config-node': patch
+'@commercetools-backend/express': patch
+'@commercetools-backend/loggers': patch
+'@commercetools-frontend/actions-global': patch
+'@commercetools-frontend/application-config': patch
+'@commercetools-frontend/application-shell': patch
+'@commercetools-frontend/application-shell-connectors': patch
+'@commercetools-frontend/assets': patch
+'@commercetools-frontend/babel-preset-mc-app': patch
+'@commercetools-frontend/browser-history': patch
+'@commercetools-frontend/constants': patch
+'@commercetools-frontend/create-mc-app': patch
+'@commercetools-frontend/eslint-config-mc-app': patch
+'@commercetools-frontend/i18n': patch
+'@commercetools-frontend/jest-preset-mc-app': patch
+'@commercetools-frontend/l10n': patch
+'@commercetools-frontend/mc-html-template': patch
+'@commercetools-frontend/mc-scripts': patch
+'@commercetools-frontend/notifications': patch
+'@commercetools-frontend/permissions': patch
+'@commercetools-frontend/react-notifications': patch
+'@commercetools-frontend/sdk': patch
+'@commercetools-frontend/sentry': patch
+'@commercetools-frontend/url-utils': patch
+---
+
+Drop the copyright year from the license files

.changeset/config.json

@@ -7,7 +7,7 @@
     }
   ],
   "commit": false,
-  "linked": [
+  "fixed": [
     [
       "@commercetools-backend/*",
       "@commercetools-frontend/*",

.changeset/dirty-ravens-judge.md

@@ -0,0 +1,5 @@
+---
+'@commercetools-frontend/l10n': minor
+---
+
+The localized data has been updated. In particular, the time zones data has been updated and restructured to be more usable and readable.

.changeset/dry-planes-fry.md

@@ -0,0 +1,5 @@
+---
+'@commercetools-frontend/application-components': patch
+---
+
+Accessibility improvements of the `TabHeader` component.

.changeset/little-wasps-hug.md

@@ -0,0 +1,28 @@
+---
+'@commercetools-frontend/mc-scripts': minor
+---
+
+Migrate CLI to TypeScript.
+
+Internally, the CLI now uses [cac](https://github.com/cacjs/cac) to handle CLI commands and options.
+
+# Deprecated entry points
+
+Importing the function `createPostcssConfig` from the main entry point `@commercetools-frontend/mc-scripts` is now deprecated. Use the entry point `@commercetools-frontend/mc-scripts/postcss` instead.
+
+```diff
+const {
+  createPostcssConfig,
+-} = require('@commercetools-frontend/mc-scripts');
++} = require('@commercetools-frontend/mc-scripts/postcss');
+```
+
+Importing the functions `createWebpackConfigForDevelopment` and `createWebpackConfigForProduction` from the main entry point `@commercetools-frontend/mc-scripts` is now deprecated. Use the entry point `@commercetools-frontend/mc-scripts/webpack` instead.
+
+```diff
+const {
+  createWebpackConfigForDevelopment,
+  createWebpackConfigForProduction,
+-} = require('@commercetools-frontend/mc-scripts');
++} = require('@commercetools-frontend/mc-scripts/webpack');
+```

.changeset/quick-plums-wonder.md

@@ -0,0 +1,9 @@
+---
+'@commercetools-frontend/application-shell': patch
+---
+
+Fixed aria role names.
+
+We were using invalid role names in some of the component's elements.
+
+Special mention to the element wrapping the notifications as it now uses the aria-live [attribute](https://www.w3.org/TR/wai-aria/#aria-live) (with **polite** value).

.changeset/quick-rocks-rhyme.md

@@ -0,0 +1,5 @@
+---
+'@commercetools-frontend/assets': patch
+---
+
+Convert entry point to typescript

.changeset/red-trainers-behave.md

@@ -0,0 +1,5 @@
+---
+"@commercetools-frontend/application-shell": patch
+---
+
+Fix `ApplicationShell` header selectors a11y issues

.changeset/silver-cobras-switch.md

@@ -0,0 +1,5 @@
+---
+'@commercetools-frontend/application-shell-connectors': patch
+---
+
+Export `TImageRegexContext` type

.changeset/slimy-apples-grab.md

@@ -0,0 +1,5 @@
+---
+'@commercetools-frontend/mc-html-template': patch
+---
+
+Removed _user-scalable=no_ property from `viewport` meta tag as it is a problem from the [accessibility point of view](https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag#viewport_basics).

.changeset/wicked-foxes-play.md

@@ -0,0 +1,5 @@
+---
+'@commercetools-frontend/application-shell': patch
+---
+
+Fix `ApplicationShell` header a11y issues in user menu dropdown

.eslintrc.js

@@ -31,6 +31,18 @@ module.exports = {
         ],
       },
     },
+    {
+      files: ['**/*.core.graphql'],
+      rules: {
+        'graphql/template-strings': [
+          'error',
+          {
+            env: 'literal',
+            schemaJson: require('./schemas/core.json'),
+          },
+        ],
+      },
+    },
     {
       files: ['**/*.settings.graphql'],
       rules: {

.github/ISSUE_TEMPLATE/bug_report.md

@@ -7,6 +7,10 @@ labels:
 assignees: ''
 ---
 
+<!---
+Before you submit, please search open/closed github issues and discussions since someone might have asked something similar before.
+-->
+
 **Describe the issue**
 
 <!-- A clear and concise description of what's not working. -->

.github/ISSUE_TEMPLATE/config.yml

@@ -1,6 +1,6 @@
 # https://help.github.com/en/github/building-a-strong-community/configuring-issue-templates-for-your-repository#configuring-the-template-chooser
 blank_issues_enabled: true
 contact_links:
-  - name: commercetools Platform Support
+  - name: commercetools Support
     url: https://jira.commercetools.com/servicedesk/customer/portal/1
     about: Have an issue or question that contains sensitive or customer information? Ask our support team!

.github/actions/ci/action.yml

@@ -0,0 +1,36 @@
+name: CI
+
+description: Shared action with basic setup for each job
+
+runs:
+  using: composite
+
+  steps:
+    - name: Setup Node (uses version in .nvmrc)
+      uses: actions/setup-node@v3
+      with:
+        node-version-file: '.nvmrc'
+
+    - name: Get yarn cache
+      id: yarn-cache
+      run: echo "::set-output name=dir::$(yarn config get cacheFolder)"
+      shell: bash
+
+    - uses: actions/cache@v3
+      with:
+        path: ${{ steps.yarn-cache.outputs.dir }}
+        key: ${{ runner.os }}-yarn-v1-${{ hashFiles('**/yarn.lock') }}
+        restore-keys: |
+          ${{ runner.os }}-yarn-v1-
+
+    - name: Install dependencies
+      run: yarn install --immutable
+      env:
+        # https://github.com/bahmutov/cypress-gh-action-split-install/blob/ca3916d4e7240ebdc337825d2d78eb354855464b/.github/workflows/tests.yml#L14-L18
+        # https://github.com/marketplace/actions/cypress-io#custom-install
+        CYPRESS_INSTALL_BINARY: "0"
+      shell: bash
+
+    - name: Building packages
+      run: yarn build
+      shell: bash

.github/workflows/deployment.yml

@@ -0,0 +1,34 @@
+name: Deployment
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  deploy_playground:
+    runs-on: ubuntu-latest
+
+    timeout-minutes: 10
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install dependencies and build packages
+        uses: ./.github/actions/ci
+
+      - name: Building Playground application
+        run: yarn playground:build
+        env:
+          APP_ID: ${{ secrets.APP_ID_PLAYGROUND }}
+          MC_API_URL: ${{ secrets.MC_API_URL }}
+          CTP_INITIAL_PROJECT_KEY: ${{ secrets.CYPRESS_PROJECT_KEY }}
+          HOST_GCP_STAGING: ${{ secrets.HOST_GCP_STAGING }}
+
+      - name: Deploying Playground application to Vercel (production)
+        run: |
+          yarn workspace playground run deploy --prod --token="${{ secrets.VERCEL_TOKEN_PLAYGROUND }}"
+        env:
+          VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID_PLAYGROUND }}
+          VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID_PLAYGROUND }}

.github/workflows/docs.yml

@@ -14,7 +14,7 @@ jobs:
   build_and_deploy_docs:
     runs-on: ubuntu-latest
 
-    timeout-minutes: 20
+    timeout-minutes: 10
 
     # https://github.com/bahmutov/cypress-gh-action-split-install/blob/ca3916d4e7240ebdc337825d2d78eb354855464b/.github/workflows/tests.yml#L8-L11
     env:
@@ -64,7 +64,7 @@ jobs:
       - name: Deploy to Vercel (Production)
         if: ${{ env.DEPLOY_DOCS_ENV == 'Production' }}
         id: deploy-docs-to-vercel-production
-        uses: amondnet/vercel-action@v20
+        uses: amondnet/vercel-action@v25
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}
           scope: commercetools
@@ -87,7 +87,7 @@ jobs:
       - name: Deploy to Vercel (Preview)
         if: ${{ env.DEPLOY_DOCS_ENV == 'Preview' }}
         id: deploy-docs-to-vercel-preview
-        uses: amondnet/vercel-action@v20
+        uses: amondnet/vercel-action@v25
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}
           scope: commercetools
@@ -124,7 +124,7 @@ jobs:
 
     runs-on: ubuntu-latest
 
-    timeout-minutes: 5
+    timeout-minutes: 10
 
     steps:
       - name: Checkout