Merge branch 'main' of https://github.com/MkSaaSHQ/mksaas-template

env.example

@@ -87,6 +87,10 @@ NEXT_PUBLIC_OPENPANEL_CLIENT_ID=""
 # -----------------------------------------------------------------------------
 NEXT_PUBLIC_PLAUSIBLE_DOMAIN=""
 # -----------------------------------------------------------------------------
+# Seline Analytics
+# -----------------------------------------------------------------------------
+NEXT_PUBLIC_SELINE_TOKEN=""
+# -----------------------------------------------------------------------------
 # DataFast Analytics (https://datafa.st)
 # -----------------------------------------------------------------------------
 NEXT_PUBLIC_DATAFAST_ANALYTICS_ID=""

src/analytics/analytics.tsx

@@ -3,6 +3,7 @@ import { UmamiAnalytics } from "./umami-analytics";
 import { PlausibleAnalytics } from "./plausible-analytics";
 import DataFastAnalytics from "./data-fast-analytics";
 import OpenPanelAnalytics from "./open-panel-analytics";
+import { SelineAnalytics } from "./seline-analytics";
 
 /**
  * Analytics Components all in one
@@ -31,6 +32,9 @@ export function Analytics() {
 
       {/* openpanel analytics */}
       <OpenPanelAnalytics />
+
+      {/* seline analytics */}
+      <SelineAnalytics />
     </>
   );
 }

src/analytics/seline-analytics.tsx

@@ -0,0 +1,25 @@
+"use client";
+
+import Script from "next/script";
+
+/**
+ * Seline Analytics
+ * 
+ * https://seline.com
+ * https://seline.com/docs/install-seline
+ * https://seline.com/docs/stripe
+ */
+export function SelineAnalytics() {
+  if (process.env.NODE_ENV !== "production") {
+    return null;
+  }
+
+  const token = process.env.NEXT_PUBLIC_SELINE_TOKEN as string;
+  if (!token) {
+    return null;
+  }
+
+  return (
+    <Script async src="https://cdn.seline.com/seline.js" data-token={token} />
+  );
+}