Add logo to apps (#552)

* Add logo to manifest * dirty fix build fix image update image to high res Update sdk Add logos to manifests Update sdk update sdk * fix package in cms * fix lock * remove sdk from macaw binding package * update sdk
2023-06-14 16:05:36 +02:00 · 2023-06-14 16:05:36 +02:00 · 1dead1e54f
commit 1dead1e54f
parent 860bac46db
44 changed files with 222 additions and 179 deletions
--- a/.changeset/blue-wasps-cover.md
+++ b/.changeset/blue-wasps-cover.md
@ -0,0 +1,15 @@
+---
+"saleor-app-emails-and-messages": minor
+"saleor-app-data-importer": minor
+"saleor-app-products-feed": minor
+"saleor-app-monitoring": minor
+"saleor-app-invoices": minor
+"saleor-app-klaviyo": minor
+"saleor-app-search": minor
+"saleor-app-slack": minor
+"saleor-app-taxes": minor
+"saleor-app-cms": minor
+"saleor-app-crm": minor
+---
+
+Included dedicated logo and attached it to App's manifest. From Saleor 3.15 the logo will be visible in the Dashboard during and after installation.
--- a/.changeset/lemon-maps-grow.md
+++ b/.changeset/lemon-maps-grow.md
@ -14,4 +14,4 @@
 "saleor-app-crm": patch
 ---

-Updated @saleor/app-sdk to 0.40.0
+Updated @saleor/app-sdk to 0.40.1
--- a/apps/cms/package.json
+++ b/apps/cms/package.json
@ -17,7 +17,7 @@
    "@material-ui/core": "^4.12.4",
    "@material-ui/icons": "^4.11.3",
    "@material-ui/lab": "4.0.0-alpha.61",
-    "@saleor/app-sdk": "0.40.0",
+    "@saleor/app-sdk": "0.40.1",
    "@saleor/apps-shared": "workspace:*",
    "@saleor/macaw-ui": "^0.7.2",
    "@sentry/nextjs": "^7.43.0",
--- a/apps/cms/public/logo.png
+++ b/apps/cms/public/logo.png
--- a/apps/cms/src/pages/api/manifest.ts
+++ b/apps/cms/src/pages/api/manifest.ts
@ -27,6 +27,11 @@ export default createManifestHandler({
      supportUrl: "https://github.com/saleor/apps/discussions",
      homepageUrl: "https://github.com/saleor/apps",
      dataPrivacyUrl: "https://saleor.io/legal/privacy/",
+      brand: {
+        logo: {
+          default: `${context.appBaseUrl}/logo.png`,
+        },
+      },
    };

    return manifest;
--- a/apps/crm/package.json
+++ b/apps/crm/package.json
@ -13,7 +13,7 @@
  },
  "dependencies": {
    "@mailchimp/mailchimp_marketing": "^3.0.80",
-    "@saleor/app-sdk": "0.40.0",
+    "@saleor/app-sdk": "0.40.1",
    "@saleor/apps-shared": "workspace:*",
    "@saleor/macaw-ui": "0.8.0-pre.95",
    "@sentry/nextjs": "^7.52.1",
--- a/apps/crm/public/logo.png
+++ b/apps/crm/public/logo.png
--- a/apps/crm/src/pages/api/manifest.ts
+++ b/apps/crm/src/pages/api/manifest.ts
@ -34,6 +34,11 @@ export default createManifestHandler({
      homepageUrl: "https://github.com/saleor/apps",
      dataPrivacyUrl: "https://saleor.io/legal/privacy/",
      author: "Saleor Commerce",
+      brand: {
+        logo: {
+          default: `${context.appBaseUrl}/logo.png`,
+        },
+      },
    };

    return manifest;
--- a/apps/data-importer/package.json
+++ b/apps/data-importer/package.json
@ -15,7 +15,7 @@
    "@material-ui/core": "^4.12.4",
    "@material-ui/icons": "^4.11.3",
    "@material-ui/lab": "4.0.0-alpha.61",
-    "@saleor/app-sdk": "0.40.0",
+    "@saleor/app-sdk": "0.40.1",
    "@saleor/apps-shared": "workspace:*",
    "@saleor/macaw-ui": "^0.7.2",
    "@sentry/nextjs": "^7.39.0",
--- a/apps/data-importer/public/logo.png
+++ b/apps/data-importer/public/logo.png
--- a/apps/data-importer/public/logo.svg
+++ b/apps/data-importer/public/logo.svg
@ -1,6 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M25.3333 4.5C26.53 4.5 27.5 5.47005 27.5 6.66667V10.6667C27.5 11.1269 27.1269 11.5 26.6667 11.5C26.2064 11.5 25.8333 11.1269 25.8333 10.6667V6.66667C25.8333 6.39052 25.6095 6.16667 25.3333 6.16667H6.66667C6.39053 6.16667 6.16667 6.39052 6.16667 6.66667V21.3333C6.16667 21.6095 6.39053 21.8333 6.66667 21.8333H8.66667C9.1269 21.8333 9.5 22.2064 9.5 22.6667C9.5 23.1269 9.1269 23.5 8.66667 23.5H6.66667C5.47005 23.5 4.5 22.53 4.5 21.3333V6.66667C4.5 5.47005 5.47005 4.5 6.66667 4.5H25.3333Z" fill="white"/>
-<path d="M9.33333 10.6667C10.0697 10.6667 10.6667 10.0697 10.6667 9.33333C10.6667 8.59695 10.0697 8 9.33333 8C8.59695 8 8 8.59695 8 9.33333C8 10.0697 8.59695 10.6667 9.33333 10.6667Z" fill="white"/>
-<path d="M14.6667 9.33333C14.6667 10.0697 14.0697 10.6667 13.3333 10.6667C12.597 10.6667 12 10.0697 12 9.33333C12 8.59695 12.597 8 13.3333 8C14.0697 8 14.6667 8.59695 14.6667 9.33333Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M13.3333 13.8333C12.1367 13.8333 11.1667 14.8034 11.1667 16V25.3333C11.1667 26.53 12.1367 27.5 13.3333 27.5H26.6667C27.8633 27.5 28.8333 26.53 28.8333 25.3333V16C28.8333 14.8034 27.8633 13.8333 26.6667 13.8333H13.3333ZM12.8333 25.3333V19.5H16.5V25.8333H13.3333C13.0572 25.8333 12.8333 25.6095 12.8333 25.3333ZM12.8333 16V17.8333H16.5V15.5H13.3333C13.0572 15.5 12.8333 15.7239 12.8333 16ZM26.6667 25.8333H18.1667V19.5H27.1667V25.3333C27.1667 25.6095 26.9428 25.8333 26.6667 25.8333ZM18.1667 17.8333H27.1667V16C27.1667 15.7239 26.9428 15.5 26.6667 15.5H18.1667V17.8333Z" fill="white"/>
-</svg>
--- a/apps/data-importer/src/pages/api/manifest.ts
+++ b/apps/data-importer/src/pages/api/manifest.ts
@ -29,6 +29,11 @@ export default createManifestHandler({
      homepageUrl: "https://github.com/saleor/apps",
      dataPrivacyUrl: "https://saleor.io/legal/privacy/",
      author: "Saleor Commerce",
+      brand: {
+        logo: {
+          default: `${context.appBaseUrl}/logo.png`,
+        },
+      },
    };

    return manifest;
--- a/apps/emails-and-messages/package.json
+++ b/apps/emails-and-messages/package.json
@ -14,7 +14,7 @@
  "dependencies": {
    "@hookform/resolvers": "^3.1.0",
    "@monaco-editor/react": "^4.4.6",
-    "@saleor/app-sdk": "0.40.0",
+    "@saleor/app-sdk": "0.40.1",
    "@saleor/apps-shared": "workspace:*",
    "@saleor/apps-ui": "workspace:*",
    "@saleor/macaw-ui": "0.8.0-pre.95",
--- a/apps/emails-and-messages/public/logo.png
+++ b/apps/emails-and-messages/public/logo.png
--- a/apps/emails-and-messages/src/pages/api/manifest.ts
+++ b/apps/emails-and-messages/src/pages/api/manifest.ts
@ -40,6 +40,11 @@ export default createManifestHandler({
       * Requires 3.10 due to invoices event payload - in previous versions, order reference was missing
       */
      requiredSaleorVersion: ">=3.10 <4",
+      brand: {
+        logo: {
+          default: `${context.appBaseUrl}/logo.png`,
+        },
+      },
    };

    return manifest;
--- a/apps/invoices/package.json
+++ b/apps/invoices/package.json
@ -13,7 +13,7 @@
  },
  "dependencies": {
    "@hookform/resolvers": "^3.1.0",
-    "@saleor/app-sdk": "0.40.0",
+    "@saleor/app-sdk": "0.40.1",
    "@saleor/apps-shared": "workspace:*",
    "@saleor/macaw-ui": "0.8.0-pre.95",
    "@sentry/nextjs": "^7.36.0",
--- a/apps/invoices/public/logo.png
+++ b/apps/invoices/public/logo.png
--- a/apps/klaviyo/package.json
+++ b/apps/klaviyo/package.json
@ -14,7 +14,7 @@
    "@material-ui/core": "^4.12.4",
    "@material-ui/icons": "^4.11.3",
    "@material-ui/lab": "4.0.0-alpha.61",
-    "@saleor/app-sdk": "0.40.0",
+    "@saleor/app-sdk": "0.40.1",
    "@saleor/apps-shared": "workspace:*",
    "@saleor/macaw-ui": "^0.7.2",
    "@sentry/nextjs": "^7.36.0",
--- a/apps/klaviyo/public/favicon.ico
+++ b/apps/klaviyo/public/favicon.ico
--- a/apps/klaviyo/public/logo.png
+++ b/apps/klaviyo/public/logo.png
--- a/apps/klaviyo/public/vercel.svg
+++ b/apps/klaviyo/public/vercel.svg
@ -1,4 +0,0 @@
-<svg width="283" height="64" viewBox="0 0 283 64" fill="none" 
-    xmlns="http://www.w3.org/2000/svg">
-    <path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="#000"/>
-</svg>
--- a/apps/klaviyo/src/pages/api/manifest.ts
+++ b/apps/klaviyo/src/pages/api/manifest.ts
@ -28,6 +28,11 @@ const handler = createManifestHandler({
      homepageUrl: "https://github.com/saleor/apps",
      dataPrivacyUrl: "https://saleor.io/legal/privacy/",
      author: "Saleor Commerce",
+      brand: {
+        logo: {
+          default: `${context.appBaseUrl}/logo.png`,
+        },
+      },
    };
  },
 });
--- a/apps/monitoring/backend/monitoring/settings.py
+++ b/apps/monitoring/backend/monitoring/settings.py
@ -39,4 +39,5 @@ manifest = Manifest(
    extensions=[],
    webhooks=[],
    author="Saleor Commerce"
+    # TODO Add brand.logo.default
 )
--- a/apps/monitoring/package.json
+++ b/apps/monitoring/package.json
@ -14,7 +14,7 @@
    "@material-ui/core": "^4.12.4",
    "@material-ui/icons": "^4.11.3",
    "@material-ui/lab": "4.0.0-alpha.61",
-    "@saleor/app-sdk": "0.40.0",
+    "@saleor/app-sdk": "0.40.1",
    "@saleor/apps-shared": "workspace:*",
    "@saleor/macaw-ui": "^0.7.2",
    "@urql/exchange-auth": "^1.0.0",
--- a/apps/monitoring/src/public/favicon.ico
+++ b/apps/monitoring/src/public/favicon.ico
--- a/apps/monitoring/src/public/logo.png
+++ b/apps/monitoring/src/public/logo.png
--- a/apps/monitoring/src/public/vercel.svg
+++ b/apps/monitoring/src/public/vercel.svg
@ -1,4 +0,0 @@
-<svg width="283" height="64" viewBox="0 0 283 64" fill="none" 
-    xmlns="http://www.w3.org/2000/svg">
-    <path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="#000"/>
-</svg>
--- a/apps/products-feed/package.json
+++ b/apps/products-feed/package.json
@ -14,7 +14,7 @@
  "dependencies": {
    "@aws-sdk/client-s3": "^3.332.0",
    "@hookform/resolvers": "^3.1.0",
-    "@saleor/app-sdk": "0.40.0",
+    "@saleor/app-sdk": "0.40.1",
    "@saleor/apps-shared": "workspace:*",
    "@saleor/apps-ui": "workspace:*",
    "@saleor/macaw-ui": "0.8.0-pre.95",
--- a/apps/products-feed/public/logo.png
+++ b/apps/products-feed/public/logo.png
--- a/apps/products-feed/src/pages/api/manifest.ts
+++ b/apps/products-feed/src/pages/api/manifest.ts
@ -29,6 +29,11 @@ export default createManifestHandler({
      supportUrl: "https://github.com/saleor/apps/discussions",
      homepageUrl: "https://github.com/saleor/apps",
      dataPrivacyUrl: "https://saleor.io/legal/privacy/",
+      brand: {
+        logo: {
+          default: `${context.appBaseUrl}/logo.png`,
+        },
+      },
    };

    return manifest;
--- a/apps/search/package.json
+++ b/apps/search/package.json
@ -13,7 +13,7 @@
  },
  "dependencies": {
    "@hookform/resolvers": "^3.1.0",
-    "@saleor/app-sdk": "0.40.0",
+    "@saleor/app-sdk": "0.40.1",
    "@saleor/apps-shared": "workspace:*",
    "@saleor/apps-ui": "workspace:*",
    "@saleor/macaw-ui": "0.8.0-pre.95",
--- a/apps/search/public/logo.png
+++ b/apps/search/public/logo.png
--- a/apps/search/src/pages/api/manifest.ts
+++ b/apps/search/src/pages/api/manifest.ts
@ -47,6 +47,11 @@ export default createManifestHandler({
      supportUrl: "https://github.com/saleor/apps/discussions",
      homepageUrl: "https://github.com/saleor/apps",
      dataPrivacyUrl: "https://saleor.io/legal/privacy/",
+      brand: {
+        logo: {
+          default: `${context.appBaseUrl}/logo.png`,
+        },
+      },
    };

    return manifest;
--- a/apps/slack/package.json
+++ b/apps/slack/package.json
@ -14,7 +14,7 @@
    "@material-ui/core": "^4.12.4",
    "@material-ui/icons": "^4.11.3",
    "@material-ui/lab": "4.0.0-alpha.61",
-    "@saleor/app-sdk": "0.40.0",
+    "@saleor/app-sdk": "0.40.1",
    "@saleor/apps-shared": "workspace:*",
    "@saleor/macaw-ui": "^0.7.2",
    "@sentry/nextjs": "^7.30.0",
--- a/apps/slack/public/favicon.ico
+++ b/apps/slack/public/favicon.ico
--- a/apps/slack/public/logo.png
+++ b/apps/slack/public/logo.png
--- a/apps/slack/public/vercel.svg
+++ b/apps/slack/public/vercel.svg
@ -1,4 +0,0 @@
-<svg width="283" height="64" viewBox="0 0 283 64" fill="none" 
-    xmlns="http://www.w3.org/2000/svg">
-    <path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="#000"/>
-</svg>
--- a/apps/slack/src/pages/api/manifest.ts
+++ b/apps/slack/src/pages/api/manifest.ts
@ -19,6 +19,11 @@ const handler = createManifestHandler({
      supportUrl: "https://github.com/saleor/apps/discussions",
      homepageUrl: "https://github.com/saleor/apps",
      dataPrivacyUrl: "https://saleor.io/legal/privacy/",
+      brand: {
+        logo: {
+          default: `${context.appBaseUrl}/logo.png`,
+        },
+      },
    };

    return manifest;
--- a/apps/taxes/package.json
+++ b/apps/taxes/package.json
@ -16,7 +16,7 @@
    "@material-ui/core": "^4.12.4",
    "@material-ui/icons": "^4.11.3",
    "@material-ui/lab": "4.0.0-alpha.61",
-    "@saleor/app-sdk": "0.40.0",
+    "@saleor/app-sdk": "0.40.1",
    "@saleor/apps-shared": "workspace:*",
    "@saleor/apps-ui": "workspace:*",
    "@saleor/macaw-ui": "^0.7.2",
--- a/apps/taxes/public/logo.png
+++ b/apps/taxes/public/logo.png
--- a/apps/taxes/src/pages/api/manifest.ts
+++ b/apps/taxes/src/pages/api/manifest.ts
@ -29,6 +29,11 @@ export default createManifestHandler({
      author: "Saleor Commerce",
      dataPrivacyUrl: "https://saleor.io/legal/privacy/",
      requiredSaleorVersion: REQUIRED_SALEOR_VERSION,
+      brand: {
+        logo: {
+          default: `${context.appBaseUrl}/logo.png`,
+        },
+      },
    };

    return manifest;
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@ -15,7 +15,7 @@
    "@material-ui/core": "^4.12.4",
    "@material-ui/icons": "^4.11.3",
    "@material-ui/lab": "4.0.0-alpha.61",
-    "@saleor/app-sdk": "0.40.0",
+    "@saleor/app-sdk": "0.40.1",
    "@saleor/macaw-ui": "^0.7.2",
    "@types/react": "^18.0.27",
    "@types/react-dom": "^18.0.10",
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@ -9,7 +9,7 @@
    "typescript": "5.1.3"
  },
  "devDependencies": {
-    "@saleor/app-sdk": "0.40.0",
+    "@saleor/app-sdk": "0.40.1",
    "@saleor/macaw-ui": "0.8.0-pre.95",
    "@types/react": "^18.0.27",
    "@types/react-dom": "^18.0.10",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml