Merge canary to main (#1686)

* log suspicious taxes calculation (#1658)

* fix log (#1660)

* Use vercel log drain in merchant apps (#1657)

* Use vercel log drain

* Add changeset

* improve log for non zero line (#1663)

* Bring back Segment app to monorepo (#1665)

* Fix deployment of Segment app (#1666)

* Add setup node to GHA workflow (#1673)

* Add Sentry to Segment app (#1671)

* Add OTEL & improve logs in Segment app (#1675)

* Fixed app version send to Segment & how we send events (#1676)

* Add use-case to Segment app (#1677)

* Initially disable Segment app webhooks (#1678)

* Add README to Segment app (#1683)

* Improve Segment app logo (#1682)

* Fix missing cache for test workflow (#1685)

* Add new Vercel log limit (#1684)

* Run autofix for monorepo (#1681)

* Fix code scan issue with ALLOWED_DOMAIN_PATTERN regex (#1687)

---------

Co-authored-by: Lukasz Ostrowski <[email protected]>
Co-authored-by: Paweł Chyła <[email protected]>

.changeset/chilly-doors-film.md

@@ -0,0 +1,12 @@
+---
+"products-feed": patch
+"@saleor/apps-logger": patch
+"klaviyo": patch
+"segment": patch
+"app-avatax": patch
+"cms-v2": patch
+"search": patch
+"smtp": patch
+---
+
+Increased Vercel log limit to new value - 256KB. See [announcement](https://vercel.com/changelog/updated-logging-limits-for-vercel-functions) blog post from Vercel for more details.

.changeset/empty-ligers-brush.md

@@ -0,0 +1,9 @@
+---
+"products-feed": patch
+"klaviyo": patch
+"cms-v2": patch
+"search": patch
+"smtp": patch
+---
+
+Added new `LoggerVercelTransport` support. It will help us send logs to our infrastructure without need of OTEL unstable logs API.

.changeset/fair-cooks-invite.md

@@ -0,0 +1,5 @@
+---
+"segment": patch
+---
+
+Added app version & fixed how we send events to Segment

.changeset/four-seahorses-itch.md

@@ -0,0 +1,5 @@
+---
+"segment": patch
+---
+
+Fixed broken deployment of Segment app

.changeset/loud-trains-glow.md

@@ -0,0 +1,5 @@
+---
+"segment": patch
+---
+
+Added use case to Segment webhook handler. Use case is responsible for sending event to Segment.

.changeset/real-shrimps-hunt.md

@@ -0,0 +1,5 @@
+---
+"segment": patch
+---
+
+Add OTEL & improve logs in Segment app

.changeset/rotten-seals-suffer.md

@@ -0,0 +1,10 @@
+---
+"products-feed": patch
+"klaviyo": patch
+"app-avatax": patch
+"cms-v2": patch
+"search": patch
+"smtp": patch
+---
+
+Escape ALLOWED_DOMAIN_PATTERN regex. It ensures that regex constructed from env variable is sanitized and can't be used to Denial of Service attack.

.changeset/sharp-mirrors-talk.md

@@ -0,0 +1,5 @@
+---
+"segment": patch
+---
+
+After this change webhooks in Segment app will be by default disabled. After configuration is successfully set app will enable webhooks.

.changeset/silver-mangos-behave.md

@@ -0,0 +1,19 @@
+---
+"@saleor/react-hook-form-macaw": patch
+"@saleor/webhook-utils": patch
+"products-feed": patch
+"@saleor/apps-logger": patch
+"@saleor/apps-shared": patch
+"@saleor/apps-otel": patch
+"@saleor/trpc": patch
+"klaviyo": patch
+"segment": patch
+"@saleor/e2e": patch
+"app-avatax": patch
+"cms-v2": patch
+"search": patch
+"@saleor/apps-ui": patch
+"smtp": patch
+---
+
+Fixed autofixable liniting issues. No functional changes.

.changeset/six-lamps-shop.md

@@ -0,0 +1,5 @@
+---
+"app-avatax": patch
+---
+
+Add log when suspicious calculation happen - when line tax rate is non-zero but amount of taxes is zero

.changeset/thick-pumas-perform.md

@@ -0,0 +1,5 @@
+---
+"segment": patch
+---
+
+Bringing back Segment app to apps monorepo.

.changeset/thirty-monkeys-behave.md

@@ -0,0 +1,5 @@
+---
+"segment": patch
+---
+
+Added Sentry to Segment app

.cspell.json

@@ -28,8 +28,8 @@
     }
   ],
   "words": [
-    "avatax",
     "avalara",
+    "avatax",
     "bruno",
     "codegen",
     "contentful",
@@ -39,15 +39,16 @@
     "mjml",
     "neverthrow",
     "pactum",
+    "quickstart",
     "saleor",
     "sendgrid",
     "shopx",
     "strapi",
     "taxjar",
     "unobfuscated",
-    "upstash",
     "upserted",
     "upserting",
+    "upstash",
     "urql"
   ],
   "language": "en-US",

.github/labeler.yml

@@ -21,3 +21,7 @@
 "App: SMTP":
   - changed-files:
       - any-glob-to-any-file: "apps/smtp/**/*"
+
+"App: Segment":
+  - changed-files:
+      - any-glob-to-any-file: "apps/segment/**/*"

.github/workflows/e2e.yml

@@ -30,8 +30,13 @@ jobs:
       - name: Setup PNPM
         uses: pnpm/action-setup@fe02b34f77f8bc703788d5817da081398fad5dd2 # v4.0.0
         with:
-          run_install: |
-            - args: [--frozen-lockfile, --filter=app-avatax]
+          run_install: false
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: ".nvmrc"
+          cache: "pnpm"
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile --filter=app-avatax
       - name: Get Saleor snapshot
         run: |
           BACKUP=$(pnpm dlx saleor backup list --name="snapshot-avatax-$SALEOR_VERSION" --latest --json)

.github/workflows/main.yml

@@ -18,8 +18,13 @@ jobs:
       - name: Setup PNPM
         uses: pnpm/action-setup@fe02b34f77f8bc703788d5817da081398fad5dd2 # v4.0.0
         with:
-          run_install: |
-            - args: [--frozen-lockfile]
+          run_install: false
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: ".nvmrc"
+          cache: "pnpm"
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
       - name: Check linter
         run: pnpm lint
       - name: Check types
@@ -40,7 +45,12 @@ jobs:
       - name: Setup PNPM
         uses: pnpm/action-setup@fe02b34f77f8bc703788d5817da081398fad5dd2 # v4.0.0
         with:
-          run_install: |
-            - args: [--frozen-lockfile]
+          run_install: false
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: ".nvmrc"
+          cache: "pnpm"
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
       - name: Run tests
         run: pnpm test

.github/workflows/prepare-release.yml

@@ -25,8 +25,13 @@ jobs:
         run: git fetch --tags origin
       - uses: pnpm/action-setup@fe02b34f77f8bc703788d5817da081398fad5dd2 # v4.0.0
         with:
-          run_install: |
-            - args: [--frozen-lockfile]
+          run_install: false
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: ".nvmrc"
+          cache: "pnpm"
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
       - name: Create Release Pull Request
         uses: changesets/action@e2f8e964d080ae97c874b19e27b12e0a8620fb6c # v1.4.6
         id: changesets

CODEOWNERS

@@ -1,7 +1,7 @@
 * @saleor/apps-guild
-/.github/ @saleor/SRE
 
 /apps/avatax  @saleor/shopex-js
+/apps/segment @saleor/shopex-js
 
 /apps/cms-v2 @saleor/merchant-js
 /apps/klaviyo @saleor/merchant-js

README.md

@@ -45,12 +45,13 @@ This repository serves as a starting point in the exploration of Saleor apps.
 
 In the `apps` folder, you will find the following applications:
 
-- [avatax](./apps/avatax) - calculates dynamic taxes via AvaTax API
+- [avatax](./apps/avatax) - calculates dynamic taxes via AvaTax API.
 - [cms](./apps/cms-v2) - exports products from Saleor to CMS.
 - [klaviyo](./apps/klaviyo) - send Saleor events to Klaviyo, where you can notify the customers.
-- [products-feed](./apps/products-feed) - generate products feed XML
+- [products-feed](./apps/products-feed) - generate products feed XML.
 - [search](./apps/search) - connect Saleor with search engines.
-- [smtp](./apps/smtp) - email communication with customers
+- [segment](./apps/segment/) - connect Saleor with Twilio Segment.
+- [smtp](./apps/smtp) - email communication with customers.
 
 #### Other official apps
 
@@ -64,7 +65,6 @@ Some of the Saleor apps are available in separate repositories:
 - [Taxjar integration app example](https://github.com/saleor/example-app-taxjar)
 - [Invoices app example](https://github.com/saleor/example-app-invoices)
 - [CRM app example](https://github.com/saleor/example-app-crm)
-- [Segment app example](https://github.com/saleor/example-app-segment)
 - [Sendgrid integration app example](https://github.com/saleor/example-app-sendgrid)
 
 ## Development

apps/avatax/package.json

@@ -60,6 +60,7 @@
     "decimal.js-light": "2.5.1",
     "dotenv": "16.3.1",
     "dynamodb-toolbox": "1.8.2",
+    "escape-string-regexp": "5.0.0",
     "graphql": "16.7.1",
     "graphql-tag": "2.12.6",
     "jotai": "^2.4.2",

apps/avatax/src/modules/app/metadata-manager.test.ts

@@ -1,6 +1,6 @@
 import { encrypt } from "@saleor/app-sdk/settings-manager";
 import { Client } from "urql";
-import { describe, expect, it, Mock, vi } from "vitest";
+import { describe, expect, it, vi } from "vitest";
 
 import { AppMetadataCache } from "../../lib/app-metadata-cache";
 import { createSettingsManager } from "./metadata-manager";
@@ -36,7 +36,8 @@ describe("MetadataManager", () => {
     const cache = new AppMetadataCache();
     const manager = createSettingsManager(mockGqlClient, "test-id", cache);
 
-    (mockGqlClient.query as Mock).mockImplementationOnce(() => {
+    // @ts-expect-error mocking the request for testing
+    vi.mocked(mockGqlClient.query).mockImplementationOnce(() => {
       return {
         async toPromise() {
           return {

apps/avatax/src/pages/api/register.ts

@@ -1,6 +1,7 @@
 import { createAppRegisterHandler } from "@saleor/app-sdk/handlers/next";
 import { wrapWithLoggerContext } from "@saleor/apps-logger/node";
 import { withOtel } from "@saleor/apps-otel";
+import escapeStringRegexp from "escape-string-regexp";
 
 import { env } from "@/env";
 import { createLogger } from "@/logger";
@@ -27,7 +28,7 @@ export default wrapWithLoggerContext(
       allowedSaleorUrls: [
         (url) => {
           if (allowedUrlsPattern) {
-            const regex = new RegExp(allowedUrlsPattern);
+            const regex = new RegExp(escapeStringRegexp(allowedUrlsPattern));
 
             return regex.test(url);
           }

apps/cms-v2/package.json

@@ -49,6 +49,7 @@
     "@vitejs/plugin-react": "4.3.1",
     "contentful-management": "10.46.4",
     "dotenv": "16.3.1",
+    "escape-string-regexp": "5.0.0",
     "graphql": "16.7.1",
     "graphql-tag": "2.12.6",
     "jsdom": "^20.0.3",

apps/cms-v2/scripts/deploy.ts

@@ -1,6 +1,7 @@
-import { exportSentryReleaseEnvironmentVariable } from "@saleor/sentry-utils";
 import { execSync } from "node:child_process";
 
+import { exportSentryReleaseEnvironmentVariable } from "@saleor/sentry-utils";
+
 import packageJson from "../package.json";
 
 exportSentryReleaseEnvironmentVariable(packageJson.version);

apps/cms-v2/src/logger.ts

@@ -9,14 +9,21 @@ if (process.env.NODE_ENV !== "production") {
 }
 
 if (typeof window === "undefined") {
-  import("@saleor/apps-logger/node").then(
-    async ({ attachLoggerOtelTransport, attachLoggerSentryTransport, LoggerContext }) => {
-      const loggerContext = await import("./logger-context").then((m) => m.loggerContext);
+  // Don't remove require - it's necessary for proper logger initialization
+  const {
+    attachLoggerSentryTransport,
+    attachLoggerVercelRuntimeTransport,
+  } = require("@saleor/apps-logger/node");
 
-      attachLoggerSentryTransport(rootLogger);
-      attachLoggerOtelTransport(rootLogger, packageJson.version, loggerContext);
-    },
-  );
+  attachLoggerSentryTransport(rootLogger);
+
+  if (process.env.NODE_ENV === "production") {
+    attachLoggerVercelRuntimeTransport(
+      rootLogger,
+      packageJson.version,
+      require("./logger-context").loggerContext,
+    );
+  }
 }
 
 export const createLogger = (name: string, params?: Record<string, unknown>) =>

apps/cms-v2/src/modules/bulk-sync/use-bulk-sync-products-state.ts

@@ -1,4 +1,5 @@
 import { useCallback, useEffect, useState } from "react";
+
 import { BulkImportProductFragment } from "../../../generated/graphql";
 import { VariantsSyncStatusListItem } from "./variants-sync-status-list";
 

apps/cms-v2/src/modules/bulk-sync/use-fetch-all-products.tsx

@@ -1,7 +1,7 @@
 import { useAppBridge } from "@saleor/app-sdk/app-bridge";
+import { createGraphQLClient } from "@saleor/apps-shared";
 import { useEffect, useState } from "react";
 
-import { createGraphQLClient } from "@saleor/apps-shared";
 import {
   BulkImportProductFragment,
   FetchProductsPaginatedDocument,

apps/cms-v2/src/modules/channel-provider-connection/channels-provider-connection-list.tsx

@@ -2,6 +2,7 @@ import { useDashboardNotification } from "@saleor/apps-shared";
 import { ButtonsBox, Layout, SkeletonLayout } from "@saleor/apps-ui";
 import { Box, Button, Text } from "@saleor/macaw-ui";
 import { useState } from "react";
+
 import { trpcClient } from "../trpc/trpc-client";
 import { AddConnectionModal } from "./add-connection-modal";
 import { ChanelProviderConnectionsSectionHeader } from "./channel-provider-connections-section-header";

apps/cms-v2/src/modules/configuration/app-config-metadata-manager.ts

@@ -1,8 +1,9 @@
+import { AuthData } from "@saleor/app-sdk/APL";
 import { SettingsManager } from "@saleor/app-sdk/settings-manager";
+import { createGraphQLClient } from "@saleor/apps-shared";
+
 import { AppConfig } from "./app-config";
 import { createSettingsManager } from "./metadata-manager";
-import { AuthData } from "@saleor/app-sdk/APL";
-import { createGraphQLClient } from "@saleor/apps-shared";
 
 export class AppConfigMetadataManager {
   public readonly metadataKey = "app-config-v1";

apps/cms-v2/src/modules/configuration/app-config.test.ts

@@ -1,4 +1,5 @@
-import { describe, it, expect, beforeEach } from "vitest";
+import { beforeEach,describe, expect, it } from "vitest";
+
 import { AppConfig } from "./app-config";
 import { ContentfulProviderConfig } from "./schemas/contentful-provider.schema";
 import { DatocmsProviderConfig } from "./schemas/datocms-provider.schema";

apps/cms-v2/src/modules/configuration/index.ts

@@ -4,10 +4,10 @@
 export * from "./app-config";
 export * from "./app-config-metadata-manager";
 export * from "./metadata-manager";
+export * from "./schemas/builder-provider.schema";
 export * from "./schemas/channel-provider-connection.schema";
 export * from "./schemas/contentful-provider.schema";
-export * from "./schemas/builder-provider.schema";
 export * from "./schemas/datocms-provider.schema";
-export * from "./schemas/strapi-provider.schema";
-export * from "./schemas/saleor-provider-fields-mapping.schema";
 export * from "./schemas/root-config.schema";
+export * from "./schemas/saleor-provider-fields-mapping.schema";
+export * from "./schemas/strapi-provider.schema";

apps/cms-v2/src/modules/configuration/schemas/builder-provider.schema.ts

@@ -1,7 +1,9 @@
 import { z } from "zod";
-import { SaleorProviderFieldsMappingSchema } from "./saleor-provider-fields-mapping.schema";
+
 import { BuilderIo } from "@/modules/providers/builder.io/builder-io";
 
+import { SaleorProviderFieldsMappingSchema } from "./saleor-provider-fields-mapping.schema";
+
 const InputSchema = z.object({
   type: z.literal(BuilderIo.type),
   privateApiKey: z.string().min(1),

apps/cms-v2/src/modules/configuration/schemas/channel-provider-connection.schema.ts

@@ -1,6 +1,7 @@
-import { cmsTypes } from "@/modules/providers/providers-registry";
 import { z } from "zod";
 
+import { cmsTypes } from "@/modules/providers/providers-registry";
+
 const InputSchema = z.object({
   channelSlug: z.string().min(1),
   providerId: z.string().min(1),