@xyd-js/plugin-supademo 0.0.0-build

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @xyd-js/plugin-supademo
+
+## 0.0.0-build+6952c2c-20250813013245
+
+### Patch Changes
+
+- update all packages

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 xyd
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE. 

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+declare function SupademoPlugin(pluginOptions?: any): any;
+
+export { SupademoPlugin as default };

package/dist/index.js

@@ -0,0 +1,104 @@
+// src/script.ts
+function initSupademo(supademoId) {
+  function trackAnalytics(event, properties) {
+    const analytics = window.analytics;
+    if (typeof window !== "undefined" && analytics?.track) {
+      analytics.track(event, properties);
+    }
+  }
+  function setupUrlChangeTracking() {
+    if (typeof window === "undefined") return;
+    window.addEventListener("xyd::pathnameChange", (event) => {
+      setTimeout(() => {
+        Supademo(supademoId, {
+          variables: {
+            email: "",
+            name: ""
+          }
+        });
+      }, 300);
+    });
+  }
+  function patchSupademoClickElements() {
+    if (typeof window === "undefined" || typeof document === "undefined") return;
+    const supademoElements = document.querySelectorAll("[data-supademo-demo]");
+    supademoElements.forEach((element) => {
+      if (element instanceof HTMLElement) {
+        element.addEventListener = /* @__PURE__ */ ((original) => function(type, listener, options) {
+          if (type === "click") {
+            const wrappedListener = function(event) {
+              trackAnalytics("supademo.loadDemo");
+              if (typeof listener === "function") {
+                return listener.call(this, event);
+              }
+            };
+            return original.call(this, type, wrappedListener, options);
+          }
+          return original.call(this, type, listener, options);
+        })(element.addEventListener);
+      }
+    });
+  }
+  function patchSupademoForAnalytics() {
+    const originalSupademo = window.Supademo;
+    if (typeof window === "undefined" || typeof originalSupademo !== "function") return;
+    window.Supademo = function(...args) {
+      const supademoInstance = originalSupademo.apply(this, args);
+      if (supademoInstance && typeof supademoInstance.loadDemo === "function") {
+        const originalLoadDemo = supademoInstance.loadDemo;
+        supademoInstance.loadDemo = function(...loadDemoArgs) {
+          trackAnalytics("supademo.loadDemo");
+          return originalLoadDemo.apply(this, loadDemoArgs);
+        };
+      }
+      return supademoInstance;
+    };
+  }
+  function initializeSupademo() {
+    setTimeout(() => {
+      patchSupademoForAnalytics();
+      patchSupademoClickElements();
+      setupUrlChangeTracking();
+      Supademo(supademoId, {
+        variables: {
+          email: "",
+          name: ""
+        }
+      });
+    }, 300);
+  }
+  if (typeof Supademo === "function") {
+    initializeSupademo();
+    return;
+  }
+  window.addEventListener("load", initializeSupademo);
+}
+
+// src/index.ts
+function SupademoPlugin(pluginOptions = {}) {
+  return function(settings) {
+    const headScripts = [];
+    if (pluginOptions.apiKey) {
+      const supademoId = pluginOptions.apiKey;
+      headScripts.push(
+        ["script", { "src": "https://script.supademo.com/script.js", "defer": true }],
+        [
+          "script",
+          {},
+          `(${initSupademo.toString()})('${supademoId}')`
+        ]
+      );
+    } else {
+      console.warn("Supademo API key is not set");
+    }
+    return {
+      name: "plugin-supademo",
+      vite: [],
+      head: headScripts
+    };
+  };
+}
+export {
+  SupademoPlugin as default
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/script.ts","../src/index.ts"],"sourcesContent":["// TODO: in the future better API + more typesafe\n\nexport function initSupademo(supademoId: string) {\n    // Track analytics events safely\n    function trackAnalytics(event: string, properties?: Record<string, any>) {\n        const analytics = (window as any).analytics;\n        if (typeof window !== 'undefined' && analytics?.track) {\n            analytics.track(event, properties);\n        }\n    }\n\n    // Listen for URL changes via custom event from React\n    function setupUrlChangeTracking() {\n        if (typeof window === 'undefined') return;\n\n        window.addEventListener('xyd::pathnameChange', (event: CustomEvent) => {\n            setTimeout(() => {\n                Supademo(supademoId, {\n                    variables: {\n                        email: '',\n                        name: ''\n                    }\n                });\n            }, 300); // wait for element to render - TODO: better solution\n        });\n    }\n\n    // Patch addEventListener on elements with data-supademo-demo attribute\n    function patchSupademoClickElements() {\n        if (typeof window === 'undefined' || typeof document === 'undefined') return;\n\n        const supademoElements = document.querySelectorAll('[data-supademo-demo]');\n        \n        supademoElements.forEach((element) => {\n            if (element instanceof HTMLElement) {\n                element.addEventListener = ((original) => function(type, listener, options) {\n                    if (type === 'click') {\n                        const wrappedListener = function(event: Event) {\n                            trackAnalytics('supademo.loadDemo');\n                            if (typeof listener === 'function') {\n                                return listener.call(this, event);\n                            }\n                        };\n                        return original.call(this, type, wrappedListener, options);\n                    }\n                    return original.call(this, type, listener, options);\n                })(element.addEventListener);\n            }\n        });\n    }\n\n    // Patch the Supademo function to add analytics tracking to the returned instance\n    function patchSupademoForAnalytics() {\n        const originalSupademo = (window as any).Supademo;\n        if (typeof window === 'undefined' || typeof originalSupademo !== 'function') return;\n\n        (window as any).Supademo = function(...args: any[]) {\n            // Call the original Supademo function\n            const supademoInstance = originalSupademo.apply(this, args);\n            \n            // Patch the loadDemo method on the returned instance\n            if (supademoInstance && typeof supademoInstance.loadDemo === 'function') {\n                const originalLoadDemo = supademoInstance.loadDemo;\n                supademoInstance.loadDemo = function(...loadDemoArgs: any[]) {\n                    trackAnalytics('supademo.loadDemo');\n                    return originalLoadDemo.apply(this, loadDemoArgs);\n                };\n            }\n            \n            return supademoInstance;\n        };\n    }\n\n    // Initialize Supademo and set up analytics tracking\n    function initializeSupademo() {\n        // Delay is needed to wait for the Supademo script to load\n        setTimeout(() => {\n            // Patch Supademo before calling it\n            patchSupademoForAnalytics();\n            \n            // Patch click elements\n            patchSupademoClickElements();\n            \n            // Set up URL change tracking\n            setupUrlChangeTracking();\n            \n            Supademo(supademoId, {\n                variables: {\n                    email: '',\n                    name: ''\n                }\n            });\n        }, 300);\n    }\n\n    // Start initialization either immediately or on window load\n    if (typeof Supademo === 'function') {\n        initializeSupademo();\n        return\n    }\n\n    window.addEventListener('load', initializeSupademo);\n}\n","import { initSupademo } from './script'\n\nexport default function SupademoPlugin(\n    pluginOptions: any = {} // TODO: fix any\n): any {\n    return function (settings: any) {\n        const headScripts: ([string, Record<string, any>] | [string, Record<string, any>, string])[] = []\n\n        // Add Supademo script if pluginOptions.apiKey is provided\n        if (pluginOptions.apiKey) {\n            const supademoId = pluginOptions.apiKey\n\n            headScripts.push(\n                [\"script\", { \"src\": \"https://script.supademo.com/script.js\", \"defer\": true }],\n                [\n                    \"script\",\n                    {},\n                    `(${initSupademo.toString()})('${supademoId}')`\n                ]\n            )\n        } else {\n            console.warn(\"Supademo API key is not set\")\n        }\n\n        return {\n            name: \"plugin-supademo\",\n            vite: [],\n            head: headScripts\n        }\n    }\n}\n\n"],"mappings":";AAEO,SAAS,aAAa,YAAoB;AAE7C,WAAS,eAAe,OAAe,YAAkC;AACrE,UAAM,YAAa,OAAe;AAClC,QAAI,OAAO,WAAW,eAAe,WAAW,OAAO;AACnD,gBAAU,MAAM,OAAO,UAAU;AAAA,IACrC;AAAA,EACJ;AAGA,WAAS,yBAAyB;AAC9B,QAAI,OAAO,WAAW,YAAa;AAEnC,WAAO,iBAAiB,uBAAuB,CAAC,UAAuB;AACnE,iBAAW,MAAM;AACb,iBAAS,YAAY;AAAA,UACjB,WAAW;AAAA,YACP,OAAO;AAAA,YACP,MAAM;AAAA,UACV;AAAA,QACJ,CAAC;AAAA,MACL,GAAG,GAAG;AAAA,IACV,CAAC;AAAA,EACL;AAGA,WAAS,6BAA6B;AAClC,QAAI,OAAO,WAAW,eAAe,OAAO,aAAa,YAAa;AAEtE,UAAM,mBAAmB,SAAS,iBAAiB,sBAAsB;AAEzE,qBAAiB,QAAQ,CAAC,YAAY;AAClC,UAAI,mBAAmB,aAAa;AAChC,gBAAQ,mBAAoB,kBAAC,aAAa,SAAS,MAAM,UAAU,SAAS;AACxE,cAAI,SAAS,SAAS;AAClB,kBAAM,kBAAkB,SAAS,OAAc;AAC3C,6BAAe,mBAAmB;AAClC,kBAAI,OAAO,aAAa,YAAY;AAChC,uBAAO,SAAS,KAAK,MAAM,KAAK;AAAA,cACpC;AAAA,YACJ;AACA,mBAAO,SAAS,KAAK,MAAM,MAAM,iBAAiB,OAAO;AAAA,UAC7D;AACA,iBAAO,SAAS,KAAK,MAAM,MAAM,UAAU,OAAO;AAAA,QACtD,GAAG,QAAQ,gBAAgB;AAAA,MAC/B;AAAA,IACJ,CAAC;AAAA,EACL;AAGA,WAAS,4BAA4B;AACjC,UAAM,mBAAoB,OAAe;AACzC,QAAI,OAAO,WAAW,eAAe,OAAO,qBAAqB,WAAY;AAE7E,IAAC,OAAe,WAAW,YAAY,MAAa;AAEhD,YAAM,mBAAmB,iBAAiB,MAAM,MAAM,IAAI;AAG1D,UAAI,oBAAoB,OAAO,iBAAiB,aAAa,YAAY;AACrE,cAAM,mBAAmB,iBAAiB;AAC1C,yBAAiB,WAAW,YAAY,cAAqB;AACzD,yBAAe,mBAAmB;AAClC,iBAAO,iBAAiB,MAAM,MAAM,YAAY;AAAA,QACpD;AAAA,MACJ;AAEA,aAAO;AAAA,IACX;AAAA,EACJ;AAGA,WAAS,qBAAqB;AAE1B,eAAW,MAAM;AAEb,gCAA0B;AAG1B,iCAA2B;AAG3B,6BAAuB;AAEvB,eAAS,YAAY;AAAA,QACjB,WAAW;AAAA,UACP,OAAO;AAAA,UACP,MAAM;AAAA,QACV;AAAA,MACJ,CAAC;AAAA,IACL,GAAG,GAAG;AAAA,EACV;AAGA,MAAI,OAAO,aAAa,YAAY;AAChC,uBAAmB;AACnB;AAAA,EACJ;AAEA,SAAO,iBAAiB,QAAQ,kBAAkB;AACtD;;;ACpGe,SAAR,eACH,gBAAqB,CAAC,GACnB;AACH,SAAO,SAAU,UAAe;AAC5B,UAAM,cAAyF,CAAC;AAGhG,QAAI,cAAc,QAAQ;AACtB,YAAM,aAAa,cAAc;AAEjC,kBAAY;AAAA,QACR,CAAC,UAAU,EAAE,OAAO,yCAAyC,SAAS,KAAK,CAAC;AAAA,QAC5E;AAAA,UACI;AAAA,UACA,CAAC;AAAA,UACD,IAAI,aAAa,SAAS,CAAC,MAAM,UAAU;AAAA,QAC/C;AAAA,MACJ;AAAA,IACJ,OAAO;AACH,cAAQ,KAAK,6BAA6B;AAAA,IAC9C;AAEA,WAAO;AAAA,MACH,MAAM;AAAA,MACN,MAAM,CAAC;AAAA,MACP,MAAM;AAAA,IACV;AAAA,EACJ;AACJ;","names":[]}

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@xyd-js/plugin-supademo",
+  "version": "0.0.0-build+6952c2c-20250813013245",
+  "author": "",
+  "description": "",
+  "license": "MIT",
+  "main": "./dist/index.js",
+  "type": "module",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "import": "./dist/index.js"
+    }
+  },
+  "dependencies": {},
+  "peerDependencies": {},
+  "devDependencies": {
+    "vite": "^7.0.0",
+    "@vitest/coverage-v8": "^1.6.1",
+    "rimraf": "^3.0.2",
+    "tsup": "^8.4.0",
+    "vitest": "^1.6.1"
+  },
+  "scripts": {
+    "clean": "rimraf build",
+    "prebuild": "pnpm clean",
+    "build": "tsup",
+    "test": "vitest",
+    "test:coverage": "vitest run --coverage"
+  }
+}

package/src/global.d.ts

@@ -0,0 +1,5 @@
+declare global {
+    function Supademo(id: string, options: any): void;
+}
+
+export {} 

package/src/index.ts

@@ -0,0 +1,32 @@
+import { initSupademo } from './script'
+
+export default function SupademoPlugin(
+    pluginOptions: any = {} // TODO: fix any
+): any {
+    return function (settings: any) {
+        const headScripts: ([string, Record<string, any>] | [string, Record<string, any>, string])[] = []
+
+        // Add Supademo script if pluginOptions.apiKey is provided
+        if (pluginOptions.apiKey) {
+            const supademoId = pluginOptions.apiKey
+
+            headScripts.push(
+                ["script", { "src": "https://script.supademo.com/script.js", "defer": true }],
+                [
+                    "script",
+                    {},
+                    `(${initSupademo.toString()})('${supademoId}')`
+                ]
+            )
+        } else {
+            console.warn("Supademo API key is not set")
+        }
+
+        return {
+            name: "plugin-supademo",
+            vite: [],
+            head: headScripts
+        }
+    }
+}
+

package/src/script.ts

@@ -0,0 +1,103 @@
+// TODO: in the future better API + more typesafe
+
+export function initSupademo(supademoId: string) {
+    // Track analytics events safely
+    function trackAnalytics(event: string, properties?: Record<string, any>) {
+        const analytics = (window as any).analytics;
+        if (typeof window !== 'undefined' && analytics?.track) {
+            analytics.track(event, properties);
+        }
+    }
+
+    // Listen for URL changes via custom event from React
+    function setupUrlChangeTracking() {
+        if (typeof window === 'undefined') return;
+
+        window.addEventListener('xyd::pathnameChange', (event: CustomEvent) => {
+            setTimeout(() => {
+                Supademo(supademoId, {
+                    variables: {
+                        email: '',
+                        name: ''
+                    }
+                });
+            }, 300); // wait for element to render - TODO: better solution
+        });
+    }
+
+    // Patch addEventListener on elements with data-supademo-demo attribute
+    function patchSupademoClickElements() {
+        if (typeof window === 'undefined' || typeof document === 'undefined') return;
+
+        const supademoElements = document.querySelectorAll('[data-supademo-demo]');
+        
+        supademoElements.forEach((element) => {
+            if (element instanceof HTMLElement) {
+                element.addEventListener = ((original) => function(type, listener, options) {
+                    if (type === 'click') {
+                        const wrappedListener = function(event: Event) {
+                            trackAnalytics('supademo.loadDemo');
+                            if (typeof listener === 'function') {
+                                return listener.call(this, event);
+                            }
+                        };
+                        return original.call(this, type, wrappedListener, options);
+                    }
+                    return original.call(this, type, listener, options);
+                })(element.addEventListener);
+            }
+        });
+    }
+
+    // Patch the Supademo function to add analytics tracking to the returned instance
+    function patchSupademoForAnalytics() {
+        const originalSupademo = (window as any).Supademo;
+        if (typeof window === 'undefined' || typeof originalSupademo !== 'function') return;
+
+        (window as any).Supademo = function(...args: any[]) {
+            // Call the original Supademo function
+            const supademoInstance = originalSupademo.apply(this, args);
+            
+            // Patch the loadDemo method on the returned instance
+            if (supademoInstance && typeof supademoInstance.loadDemo === 'function') {
+                const originalLoadDemo = supademoInstance.loadDemo;
+                supademoInstance.loadDemo = function(...loadDemoArgs: any[]) {
+                    trackAnalytics('supademo.loadDemo');
+                    return originalLoadDemo.apply(this, loadDemoArgs);
+                };
+            }
+            
+            return supademoInstance;
+        };
+    }
+
+    // Initialize Supademo and set up analytics tracking
+    function initializeSupademo() {
+        // Delay is needed to wait for the Supademo script to load
+        setTimeout(() => {
+            // Patch Supademo before calling it
+            patchSupademoForAnalytics();
+            
+            // Patch click elements
+            patchSupademoClickElements();
+            
+            // Set up URL change tracking
+            setupUrlChangeTracking();
+            
+            Supademo(supademoId, {
+                variables: {
+                    email: '',
+                    name: ''
+                }
+            });
+        }, 300);
+    }
+
+    // Start initialization either immediately or on window load
+    if (typeof Supademo === 'function') {
+        initializeSupademo();
+        return
+    }
+
+    window.addEventListener('load', initializeSupademo);
+}

package/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "module": "esnext",
+    "esModuleInterop": true,
+    "moduleResolution": "bundler",
+    "target": "esnext",
+    "baseUrl": ".",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "noEmit": true,
+    "incremental": false,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "plugins": [],
+    "strictNullChecks": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "exclude": ["node_modules"]
+}

package/tsup.config.ts

@@ -0,0 +1,21 @@
+import {defineConfig, Options} from 'tsup';
+
+const config: Options = {
+    entry: {
+        index: 'src/index.ts'
+    },
+    dts: {
+        entry: {
+            index: 'src/index.ts'
+        },
+        resolve: true, // Resolve external types
+    },
+    format: ['esm'],
+    platform: 'node',
+    shims: false,
+    splitting: false,
+    sourcemap: true,
+    clean: true,
+}
+
+export default defineConfig(config);