feat: Add Sourei app (#189)

deco.ts

@@ -17,6 +17,7 @@ const config = {
       name: "deco-sites/admin",
     },
     app("analytics"),
+    app("sourei"),
     app("typesense"),
     app("algolia"),
     app("handlebars"),

decohub/apps/sourei.ts

@@ -0,0 +1,7 @@
+import { Markdown } from "../components/Markdown.tsx";
+
+export { default } from "../../sourei/mod.ts";
+
+export const Preview = await Markdown(
+  new URL("../../sourei/README.md", import.meta.url).href,
+);

decohub/manifest.gen.ts

@@ -13,23 +13,25 @@ import * as $$$$$$$$$$$7 from "./apps/admin.ts";
 import * as $$$$$$$$$$$8 from "./apps/linx.ts";
 import * as $$$$$$$$$$$9 from "./apps/vtex.ts";
 import * as $$$$$$$$$$$10 from "./apps/weather.ts";
-import * as $$$$$$$$$$$11 from "./apps/shopify.ts";
-import * as $$$$$$$$$$$12 from "./apps/handlebars.ts";
-import * as $$$$$$$$$$$13 from "./apps/verified-reviews.ts";
-import * as $$$$$$$$$$$14 from "./apps/power-reviews.ts";
+import * as $$$$$$$$$$$11 from "./apps/sourei.ts";
+import * as $$$$$$$$$$$12 from "./apps/shopify.ts";
+import * as $$$$$$$$$$$13 from "./apps/handlebars.ts";
+import * as $$$$$$$$$$$14 from "./apps/verified-reviews.ts";
+import * as $$$$$$$$$$$15 from "./apps/power-reviews.ts";
 
 const manifest = {
   "apps": {
     "decohub/apps/admin.ts": $$$$$$$$$$$7,
     "decohub/apps/algolia.ts": $$$$$$$$$$$6,
     "decohub/apps/analytics.ts": $$$$$$$$$$$2,
-    "decohub/apps/handlebars.ts": $$$$$$$$$$$12,
+    "decohub/apps/handlebars.ts": $$$$$$$$$$$13,
     "decohub/apps/implementation.ts": $$$$$$$$$$$4,
     "decohub/apps/linx.ts": $$$$$$$$$$$8,
-    "decohub/apps/power-reviews.ts": $$$$$$$$$$$14,
-    "decohub/apps/shopify.ts": $$$$$$$$$$$11,
+    "decohub/apps/power-reviews.ts": $$$$$$$$$$$15,
+    "decohub/apps/shopify.ts": $$$$$$$$$$$12,
+    "decohub/apps/sourei.ts": $$$$$$$$$$$11,
     "decohub/apps/typesense.ts": $$$$$$$$$$$0,
-    "decohub/apps/verified-reviews.ts": $$$$$$$$$$$13,
+    "decohub/apps/verified-reviews.ts": $$$$$$$$$$$14,
     "decohub/apps/vnda.ts": $$$$$$$$$$$5,
     "decohub/apps/vtex.ts": $$$$$$$$$$$9,
     "decohub/apps/wake.ts": $$$$$$$$$$$1,

sourei/README.md

@@ -0,0 +1,14 @@
+<h1>
+  <p align="center">
+    <a href="https://sourei.com.br/">
+      <img alt="Sourei" src="https://raw.githubusercontent.com/deco-cx/apps/main/sourei/logo.svg" width="250" />
+    </a>
+  </p>
+</h1>
+
+<p align="center">
+  <strong>
+    Sourei
+  </strong>
+</p>
+

sourei/manifest.gen.ts

@@ -0,0 +1,17 @@
+// DO NOT EDIT. This file is generated by deco.
+// This file SHOULD be checked into source version control.
+// This file is automatically updated during development when running `dev.ts`.
+
+import * as $$$$$$0 from "./sections/Analytics/Sourei.tsx";
+
+const manifest = {
+  "sections": {
+    "sourei/sections/Analytics/Sourei.tsx": $$$$$$0,
+  },
+  "name": "sourei",
+  "baseUrl": import.meta.url,
+};
+
+export type Manifest = typeof manifest;
+
+export default manifest;

sourei/mod.ts

@@ -0,0 +1,11 @@
+import type { App } from "deco/mod.ts";
+import manifest, { Manifest } from "./manifest.gen.ts";
+
+/**
+ * @title Sourei
+ */
+export default function App() {
+  const app: App<Manifest> = { manifest, state: {} };
+
+  return app;
+}

sourei/sections/Analytics/Sourei.tsx

@@ -0,0 +1,80 @@
+import { Head } from "$fresh/runtime.ts";
+import { scriptAsDataURI } from "../../../utils/dataURI.ts";
+
+interface Props {
+  /**
+   * @title Hostname
+   * @description e.g: https://ss.sourei.com
+   * @default https://www.googletagmanager.com
+   */
+  hostname: string;
+  /**
+   * @title GTM ID
+   * @description e.g: GTM-XXXXXXXX
+   */
+  gtmId: string;
+}
+
+const snippet = () => {
+  window.dataLayer = window.dataLayer || [];
+  window.dataLayer.push({
+    "gtm.start": new Date().getTime(),
+    event: "gtm.js",
+  });
+
+  window.DECO.events.subscribe((event) => {
+    if (!event) return;
+
+    if (event.name === "deco-flags") {
+      window.dataLayer.push(event);
+      return;
+    }
+
+    // deno-lint-ignore no-explicit-any
+    const ecommerce: any = { ...event.params };
+
+    if (ecommerce && Array.isArray(ecommerce.items)) {
+      ecommerce.items = ecommerce.items.map((
+        // deno-lint-ignore no-explicit-any
+        { item_id, item_group_id, item_url, ...rest }: any,
+      ) =>
+        item_group_id
+          ? ({ item_id: `${item_id}_${item_group_id}`, ...rest })
+          : ({ item_id, ...rest })
+      );
+    }
+
+    window.dataLayer.push({ ecommerce: null });
+    window.dataLayer.push({ event: event.name, ecommerce });
+  });
+};
+
+function Section({
+  gtmId,
+  hostname = "https://www.googletagmanager.com",
+}: Props) {
+  const src = new URL(`/gtm.js?id=${gtmId}`, hostname);
+  const iframeSrc = new URL(`/ns.html?id=${gtmId}`, hostname);
+
+  return (
+    <>
+      {/* Head */}
+      <Head>
+        <script src={src.href} defer />
+        <script src={scriptAsDataURI(snippet)} defer />
+      </Head>
+
+      {/* Body */}
+      <noscript>
+        <iframe
+          src={iframeSrc.href}
+          height="0"
+          width="0"
+          style="display:none;visibility:hidden"
+        />
+      </noscript>
+    </>
+  );
+}
+
+export default Section;