Lowercase application icon names (#2434)

* chore: remove app icons

* chore: rename icons

* chore: replace icon refs

.changeset/hot-beers-swim.md

@@ -0,0 +1,7 @@
+---
+'@commercetools-frontend/application-config': patch
+'@commercetools-frontend/assets': patch
+'playground': patch
+---
+
+Lowercase application icons

packages/application-config/CHANGELOG.md

@@ -186,7 +186,7 @@
   - Less configuration fields.
   - Support for two new variable placeholders:
     - `intl`: Given that menu labels are translated, you can reference a translation using the following syntax: `${intl:<local>:<translation_key>}`, for example `${intl:en:Menu.Avengers}`.
-    - `path`: Reference a file to load the its content and inline it. This is usually useful for SVG icons. The path can be relative to the application folder, for example `${path:./app.svg}`, or from a module, for example `${path:@commercetools-frontend/assets/application-icons/Rocket.svg}`.
+    - `path`: Reference a file to load the its content and inline it. This is usually useful for SVG icons. The path can be relative to the application folder, for example `${path:./app.svg}`, or from a module, for example `${path:@commercetools-frontend/assets/application-icons/rocket.svg}`.
 
   > NOTE: This is an opt-in feature and is meant to replace the `menu.json` approach. For now it's fully backwards compatible.
 
@@ -198,7 +198,7 @@
   {
     // ...
     "menuLinks": {
-      "icon": "${path:@commercetools-frontend/assets/application-icons/Rocket.svg}",
+      "icon": "${path:@commercetools-frontend/assets/application-icons/rocket.svg}",
       "defaultLabel": "${intl:en:Menu.StateMachines}",
       "labelAllLocales": [
         {

packages/application-config/schema.json

@@ -169,7 +169,7 @@
       "type": "object",
       "properties": {
         "icon": {
-          "description": "The SVG icon that represents this application. Pass the raw SVG string or a path to an SVG file, for example a relative path `${path:./app.svg}`, or a path from a module `${path:@commercetools-frontend/assets/application-icons/Rocket.svg}`.",
+          "description": "The SVG icon that represents this application. Pass the raw SVG string or a path to an SVG file, for example a relative path `${path:./app.svg}`, or a path from a module `${path:@commercetools-frontend/assets/application-icons/rocket.svg}`.",
           "type": "string"
         },
         "defaultLabel": {

packages/application-config/src/schema.ts

@@ -113,7 +113,7 @@ export interface JSONSchemaForCustomApplicationConfigurationFiles {
    */
   menuLinks?: {
     /**
-     * The SVG icon that represents this application. Pass the raw SVG string or a path to an SVG file, for example a relative path `${path:./app.svg}`, or a path from a module `${path:@commercetools-frontend/assets/application-icons/Rocket.svg}`.
+     * The SVG icon that represents this application. Pass the raw SVG string or a path to an SVG file, for example a relative path `${path:./app.svg}`, or a path from a module `${path:@commercetools-frontend/assets/application-icons/rocket.svg}`.
      */
     icon: string;
     /**

packages/application-config/src/substitute-variable-placeholders.ts

@@ -7,7 +7,7 @@ type Meta = { processEnv: NodeJS.ProcessEnv; applicationPath: string };
  * Allows variable placeholders. Supported types are:
  * - `env`: For example `${env:MC_API_URL}`.
  * - `intl`: For example `${intl:en:Menu.title}`.
- * - `path`: For example `${path:./app.svg}`, or `${path:@commercetools-frontend/assets/application-icons/Rocket.svg}`.
+ * - `path`: For example `${path:./app.svg}`, or `${path:@commercetools-frontend/assets/application-icons/rocket.svg}`.
  */
 const variableSyntax = /\${([ ~:\w.'",\-/()@]+?)}/g;
 const envRefSyntax = /^env:/g;

packages/application-config/test/fixtures/config-file-path-variables.json

@@ -8,7 +8,7 @@
     }
   },
   "menuLinks": {
-    "icon": "${path:@commercetools-frontend/assets/application-icons/Rocket.svg}",
+    "icon": "${path:@commercetools-frontend/assets/application-icons/rocket.svg}",
     "defaultLabel": "Avengers",
     "labelAllLocales": [
       {

packages/application-config/test/substitute-variable-placeholders.spec.js

@@ -34,7 +34,7 @@ describe('providing a config with env variable placeholders', () => {
         },
         empty: '${env:EMPTY}',
         moduleFilePath:
-          '${path:@commercetools-frontend/assets/application-icons/Rocket.svg}',
+          '${path:@commercetools-frontend/assets/application-icons/rocket.svg}',
         relativeFilePath: '${path:./i18n/data/en.json}',
         labelAllLocales: [
           {

packages/application-shell/CHANGELOG.md

@@ -271,7 +271,7 @@
   - Less configuration fields.
   - Support for two new variable placeholders:
     - `intl`: Given that menu labels are translated, you can reference a translation using the following syntax: `${intl:<local>:<translation_key>}`, for example `${intl:en:Menu.Avengers}`.
-    - `path`: Reference a file to load the its content and inline it. This is usually useful for SVG icons. The path can be relative to the application folder, for example `${path:./app.svg}`, or from a module, for example `${path:@commercetools-frontend/assets/application-icons/Rocket.svg}`.
+    - `path`: Reference a file to load the its content and inline it. This is usually useful for SVG icons. The path can be relative to the application folder, for example `${path:./app.svg}`, or from a module, for example `${path:@commercetools-frontend/assets/application-icons/rocket.svg}`.
 
   > NOTE: This is an opt-in feature and is meant to replace the `menu.json` approach. For now it's fully backwards compatible.
 
@@ -283,7 +283,7 @@
   {
     // ...
     "menuLinks": {
-      "icon": "${path:@commercetools-frontend/assets/application-icons/Rocket.svg}",
+      "icon": "${path:@commercetools-frontend/assets/application-icons/rocket.svg}",
       "defaultLabel": "${intl:en:Menu.StateMachines}",
       "labelAllLocales": [
         {

packages/constants/CHANGELOG.md

@@ -73,7 +73,7 @@
   - Less configuration fields.
   - Support for two new variable placeholders:
     - `intl`: Given that menu labels are translated, you can reference a translation using the following syntax: `${intl:<local>:<translation_key>}`, for example `${intl:en:Menu.Avengers}`.
-    - `path`: Reference a file to load the its content and inline it. This is usually useful for SVG icons. The path can be relative to the application folder, for example `${path:./app.svg}`, or from a module, for example `${path:@commercetools-frontend/assets/application-icons/Rocket.svg}`.
+    - `path`: Reference a file to load the its content and inline it. This is usually useful for SVG icons. The path can be relative to the application folder, for example `${path:./app.svg}`, or from a module, for example `${path:@commercetools-frontend/assets/application-icons/rocket.svg}`.
 
   > NOTE: This is an opt-in feature and is meant to replace the `menu.json` approach. For now it's fully backwards compatible.
 
@@ -85,7 +85,7 @@
   {
     // ...
     "menuLinks": {
-      "icon": "${path:@commercetools-frontend/assets/application-icons/Rocket.svg}",
+      "icon": "${path:@commercetools-frontend/assets/application-icons/rocket.svg}",
       "defaultLabel": "${intl:en:Menu.StateMachines}",
       "labelAllLocales": [
         {

packages/cypress/CHANGELOG.md

@@ -188,7 +188,7 @@
   - Less configuration fields.
   - Support for two new variable placeholders:
     - `intl`: Given that menu labels are translated, you can reference a translation using the following syntax: `${intl:<local>:<translation_key>}`, for example `${intl:en:Menu.Avengers}`.
-    - `path`: Reference a file to load the its content and inline it. This is usually useful for SVG icons. The path can be relative to the application folder, for example `${path:./app.svg}`, or from a module, for example `${path:@commercetools-frontend/assets/application-icons/Rocket.svg}`.
+    - `path`: Reference a file to load the its content and inline it. This is usually useful for SVG icons. The path can be relative to the application folder, for example `${path:./app.svg}`, or from a module, for example `${path:@commercetools-frontend/assets/application-icons/rocket.svg}`.
 
   > NOTE: This is an opt-in feature and is meant to replace the `menu.json` approach. For now it's fully backwards compatible.
 
@@ -200,7 +200,7 @@
   {
     // ...
     "menuLinks": {
-      "icon": "${path:@commercetools-frontend/assets/application-icons/Rocket.svg}",
+      "icon": "${path:@commercetools-frontend/assets/application-icons/rocket.svg}",
       "defaultLabel": "${intl:en:Menu.StateMachines}",
       "labelAllLocales": [
         {

playground/CHANGELOG.md

@@ -290,7 +290,7 @@
   - Less configuration fields.
   - Support for two new variable placeholders:
     - `intl`: Given that menu labels are translated, you can reference a translation using the following syntax: `${intl:<local>:<translation_key>}`, for example `${intl:en:Menu.Avengers}`.
-    - `path`: Reference a file to load the its content and inline it. This is usually useful for SVG icons. The path can be relative to the application folder, for example `${path:./app.svg}`, or from a module, for example `${path:@commercetools-frontend/assets/application-icons/Rocket.svg}`.
+    - `path`: Reference a file to load the its content and inline it. This is usually useful for SVG icons. The path can be relative to the application folder, for example `${path:./app.svg}`, or from a module, for example `${path:@commercetools-frontend/assets/application-icons/rocket.svg}`.
 
   > NOTE: This is an opt-in feature and is meant to replace the `menu.json` approach. For now it's fully backwards compatible.
 
@@ -302,7 +302,7 @@
   {
     // ...
     "menuLinks": {
-      "icon": "${path:@commercetools-frontend/assets/application-icons/Rocket.svg}",
+      "icon": "${path:@commercetools-frontend/assets/application-icons/rocket.svg}",
       "defaultLabel": "${intl:en:Menu.StateMachines}",
       "labelAllLocales": [
         {

playground/custom-application-config.mjs

@@ -33,7 +33,7 @@ const config = {
     },
   },
   menuLinks: {
-    icon: '${path:@commercetools-frontend/assets/application-icons/Rocket.svg}',
+    icon: '${path:@commercetools-frontend/assets/application-icons/rocket.svg}',
     defaultLabel: '${intl:en:Menu.StateMachines}',
     labelAllLocales: [
       {