@hyvor/design 1.1.21-beta.2 → 1.1.22-beta.1

package/dist/marketing/index.d.ts

@@ -9,3 +9,4 @@ export { default as DocsImage } from './Docs/Content/DocsImage.svelte';
 export { default as Footer } from './Footer/Footer.svelte';
 export { default as FooterLinkList } from './Footer/FooterLinkList.svelte';
 export { default as Document } from './Document/Document.svelte';
+export { default as track } from './track/track.js';

package/dist/marketing/index.js

@@ -9,3 +9,4 @@ export { default as DocsImage } from './Docs/Content/DocsImage.svelte';
 export { default as Footer } from './Footer/Footer.svelte';
 export { default as FooterLinkList } from './Footer/FooterLinkList.svelte';
 export { default as Document } from './Document/Document.svelte';
+export { default as track } from './track/track.js';

package/dist/marketing/track/track.d.ts

@@ -0,0 +1,21 @@
+interface InitOptions {
+    forceTrack: boolean;
+    openPanelApiUrl?: string;
+    openPanelClientId?: string;
+}
+declare class Track {
+    private op;
+    private isProductionDomain;
+    init({ forceTrack, openPanelApiUrl, openPanelClientId }: InitOptions): void;
+    private checkOp;
+    context(properties: Record<string, any>): void;
+    event(name: string, properties?: Record<string, any>): void;
+    identify(profileId: string, props: {
+        name?: string;
+        avatar?: string;
+        properties?: Record<string, any>;
+    }): void;
+    logout(): void;
+}
+declare const track: Track;
+export default track;

package/dist/marketing/track/track.js

@@ -0,0 +1,53 @@
+import { OpenPanel } from '@openpanel/web';
+class Track {
+    op;
+    isProductionDomain() {
+        const hostname = window.location.hostname;
+        return hostname === 'hyvor.com' || hostname.endsWith('.hyvor.com');
+    }
+    init({ forceTrack, openPanelApiUrl = 'https://op.hyvor.com/api', openPanelClientId = 'b11f6143-a6b0-4fa4-a86c-3969c01dbb1d' }) {
+        if (!forceTrack && !this.isProductionDomain()) {
+            console.log('Tracking is disabled in non-production domains.');
+            return;
+        }
+        this.op = new OpenPanel({
+            apiUrl: openPanelApiUrl,
+            clientId: openPanelClientId,
+            trackScreenViews: true,
+            trackOutgoingLinks: true,
+            trackAttributes: true,
+        });
+    }
+    checkOp() {
+        if (!this.op) {
+            throw new Error('OpenPanel is not initialized. Call track.init() first.');
+        }
+    }
+    // set global context
+    context(properties) {
+        this.checkOp();
+        this.op.setGlobalProperties(properties);
+    }
+    // log an event
+    event(name, properties) {
+        this.checkOp();
+        this.op.track(name, properties);
+    }
+    // identify user
+    identify(profileId, props) {
+        this.checkOp();
+        this.op.identify({
+            profileId: profileId,
+            firstName: props.name,
+            avatar: props.avatar,
+            properties: props.properties
+        });
+    }
+    // log out user (clear identity)
+    logout() {
+        this.checkOp();
+        this.op.clear();
+    }
+}
+const track = new Track();
+export default track;

package/package.json

@@ -49,6 +49,8 @@
 	"dependencies": {
 		"@fontsource/readex-pro": "^5.0.8",
 		"@hyvor/icons": "^1.1.1",
+		"@openpanel/sdk": "^1.0.0",
+		"@openpanel/web": "^1.0.1",
 		"deepmerge-ts": "^5.1.0",
 		"emojibase-data": "^16.0.3",
 		"highlight.js": "^11.9.0",
@@ -60,5 +62,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "1.1.21-beta.2"
+	"version": "1.1.22-beta.1"
 }