@unproducts/nuxt-posthog 2.0.6 → 2.0.7

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-posthog",
   "configKey": "posthog",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -1,4 +1,4 @@
-import { defineNuxtModule, createResolver, addPlugin, addComponent, addTypeTemplate, addServerPlugin, addServerImports } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addPlugin, addServerImports } from '@nuxt/kit';
 import { defu } from 'defu';
 
 const module$1 = defineNuxtModule({
@@ -55,34 +55,13 @@ const module$1 = defineNuxtModule({
         proxy: `https://${region}.i.posthog.com/**`
       };
     }
-    nuxt.hook("imports:dirs", (dirs) => {
-      dirs.push(resolve("./runtime/composables"));
-    });
-    addPlugin(resolve("./runtime/plugins/directives"));
     addPlugin(resolve("./runtime/plugins/posthog.client"));
-    addPlugin(resolve("./runtime/plugins/posthog.server"));
-    addComponent({
-      filePath: resolve("./runtime/components/PostHogFeatureFlag.vue"),
-      name: "PostHogFeatureFlag"
-    });
-    addTypeTemplate({
-      filename: "types/posthog-directives.d.ts",
-      src: resolve("./runtime/types/directives.d.ts")
-    });
-    addServerPlugin(resolve("./runtime/plugins/nitro"));
     addServerImports([
       {
         from: resolve("./runtime/utils/nitro"),
         name: "usePostHog"
       }
     ]);
-    addTypeTemplate(
-      {
-        filename: "types/posthog-nitro.d.ts",
-        src: resolve("./runtime/types/nitro.d.ts")
-      },
-      { nitro: true }
-    );
   }
 });
 

package/dist/runtime/plugins/posthog.client.js

@@ -1,9 +1,9 @@
-import { defineNuxtPlugin, useCookie, useRouter, useRuntimeConfig, useState } from "#app";
+import { defineNuxtPlugin, useRouter, useRuntimeConfig, useState } from "#app";
 import { defu } from "defu";
 export default defineNuxtPlugin({
   name: "posthog",
   enforce: "post",
-  setup: async () => {
+  setup: async (nuxtApp) => {
     const config = useRuntimeConfig().public.posthog;
     if (!config?.client)
       return {
@@ -36,8 +36,7 @@ export default defineNuxtPlugin({
       clientOptions.api_host = `${window.location.origin}/ingest/ph`;
     }
     const posthogClient = posthog.init(config.key, clientOptions);
-    const identity = useCookie("ph-identify");
-    identity.value = posthog.get_distinct_id();
+    nuxtApp.callHook("posthog:init", posthogClient);
     if (config.capturePageViews) {
       const router = useRouter();
       router.afterEach((to) => {

package/dist/runtime/types/index.d.ts

@@ -1,4 +1,6 @@
 import type { ModuleOptions } from '../../module';
+import type { HookResult } from 'nuxt/schema';
+import type { PostHog } from 'posthog-js';
 
 declare module '@nuxt/schema' {
   /** Server-only config (private). Key/host live in public only; Nitro usePostHog reads serverOptions here. */
@@ -18,3 +20,10 @@ declare module '@nuxt/schema' {
     };
   }
 }
+
+declare module '#app' {
+  /** Custom runtime hook used by nuxtApp.hook('posthog:init', ...) */
+  interface RuntimeNuxtHooks {
+    'posthog:init': (posthog: PostHog | null) => HookResult;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unproducts/nuxt-posthog",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "description": "PostHog module for nuxt",
   "publishConfig": {
     "access": "public"

package/dist/runtime/components/PostHogFeatureFlag.d.vue.ts

@@ -1,37 +0,0 @@
-declare var __VLS_1: {
-    payload: any;
-};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    name: {
-        type: StringConstructor;
-        required: true;
-    };
-    match: {
-        default: boolean;
-        required: false;
-        type: (StringConstructor | BooleanConstructor)[];
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    name: {
-        type: StringConstructor;
-        required: true;
-    };
-    match: {
-        default: boolean;
-        required: false;
-        type: (StringConstructor | BooleanConstructor)[];
-    };
-}>> & Readonly<{}>, {
-    match: string | boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/components/PostHogFeatureFlag.vue

@@ -1,14 +0,0 @@
-<script setup>
-import { computed } from "vue";
-import usePostHogFeatureFlag from "../composables/usePostHogFeatureFlag";
-const { name, match } = defineProps({
-  name: { type: String, required: true },
-  match: { default: true, required: false, type: [String, Boolean] }
-});
-const { getFeatureFlag } = usePostHogFeatureFlag();
-const featureFlag = computed(() => getFeatureFlag(name));
-</script>
-
-<template>
-  <slot v-if="featureFlag?.value === match" :payload="featureFlag.payload" />
-</template>

package/dist/runtime/components/PostHogFeatureFlag.vue.d.ts

@@ -1,37 +0,0 @@
-declare var __VLS_1: {
-    payload: any;
-};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    name: {
-        type: StringConstructor;
-        required: true;
-    };
-    match: {
-        default: boolean;
-        required: false;
-        type: (StringConstructor | BooleanConstructor)[];
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    name: {
-        type: StringConstructor;
-        required: true;
-    };
-    match: {
-        default: boolean;
-        required: false;
-        type: (StringConstructor | BooleanConstructor)[];
-    };
-}>> & Readonly<{}>, {
-    match: string | boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/composables/usePostHogFeatureFlag.d.ts

@@ -1,9 +0,0 @@
-import type { JsonType } from 'posthog-js';
-declare const _default: () => {
-    isFeatureEnabled: (feature: string) => string | boolean;
-    getFeatureFlag: (feature: string) => {
-        value: string | boolean;
-        payload: JsonType;
-    };
-};
-export default _default;

package/dist/runtime/composables/usePostHogFeatureFlag.js

@@ -1,18 +0,0 @@
-import { useState } from "#app";
-export default () => {
-  const posthogFeatureFlags = useState("ph-feature-flags");
-  const posthogFeatureFlagPayloads = useState("ph-feature-flag-payloads");
-  const isFeatureEnabled = (feature) => {
-    return posthogFeatureFlags.value?.[feature] ?? false;
-  };
-  const getFeatureFlag = (feature) => {
-    return {
-      value: posthogFeatureFlags.value?.[feature] ?? false,
-      payload: posthogFeatureFlagPayloads.value?.[feature]
-    };
-  };
-  return {
-    isFeatureEnabled,
-    getFeatureFlag
-  };
-};

package/dist/runtime/directives/v-posthog-capture.d.ts

@@ -1,2 +0,0 @@
-import type { ObjectDirective } from 'vue';
-export declare const vPostHogCapture: ObjectDirective;

package/dist/runtime/directives/v-posthog-capture.js

@@ -1,17 +0,0 @@
-import { useNuxtApp } from "#app";
-const directive = (el, { value, arg }) => {
-  const nuxtApp = useNuxtApp();
-  const $clientPosthog = nuxtApp.$clientPosthog;
-  if (!$clientPosthog) return;
-  if (el.hasAttribute("posthog-listener")) return;
-  el.setAttribute("posthog-listener", "true");
-  el.addEventListener(arg ?? "click", () => {
-    if (!$clientPosthog) return;
-    if (typeof value === "string") $clientPosthog.capture(value);
-    else $clientPosthog.capture(value.name, value.properties);
-  });
-};
-export const vPostHogCapture = {
-  mounted: directive,
-  updated: directive
-};

package/dist/runtime/plugins/directives.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
-export default _default;

package/dist/runtime/plugins/directives.js

@@ -1,5 +0,0 @@
-import { vPostHogCapture } from "../directives/v-posthog-capture.js";
-import { defineNuxtPlugin } from "#app";
-export default defineNuxtPlugin(({ vueApp }) => {
-  vueApp.directive("posthog-capture", vPostHogCapture);
-});

package/dist/runtime/plugins/nitro.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("nitropack/types").NitroAppPlugin;
-export default _default;

package/dist/runtime/plugins/nitro.js

@@ -1,11 +0,0 @@
-import { useRuntimeConfig } from "#imports";
-import { defineNitroPlugin } from "nitropack/runtime";
-import { getCookie } from "h3";
-export default defineNitroPlugin((nitroApp) => {
-  nitroApp.hooks.hook("request", async (event) => {
-    const config = useRuntimeConfig().public.posthog;
-    if (!config?.client) return;
-    const distinctId = getCookie(event, "ph-identify");
-    event.context.posthogId = distinctId;
-  });
-});

package/dist/runtime/plugins/posthog.server.d.ts

@@ -1,7 +0,0 @@
-import type { PostHog } from 'posthog-node';
-declare const _default: import("#app").Plugin<{
-    serverPosthog: PostHog | null;
-}> & import("#app").ObjectPlugin<{
-    serverPosthog: PostHog | null;
-}>;
-export default _default;

package/dist/runtime/plugins/posthog.server.js

@@ -1,31 +0,0 @@
-import { defineNuxtPlugin, useCookie, useRuntimeConfig, useState } from "#app";
-export default defineNuxtPlugin({
-  name: "posthog-server",
-  enforce: "post",
-  setup: async () => {
-    const publicConfig = useRuntimeConfig().public.posthog;
-    if (!publicConfig?.client)
-      return {
-        provide: {
-          serverPosthog: null
-        }
-      };
-    if (!publicConfig.key || !publicConfig.host) {
-      throw new Error(
-        "PostHog client (SSR) is enabled but key or host not found. Set client to false in module options to disable."
-      );
-    }
-    const PostHog = (await import("posthog-node")).PostHog;
-    const posthog = new PostHog(publicConfig.key, { host: publicConfig.host });
-    await posthog.reloadFeatureFlags();
-    const identity = useCookie("ph-identify", { default: () => "" });
-    const { featureFlags, featureFlagPayloads } = await posthog.getAllFlagsAndPayloads(identity.value);
-    useState("ph-feature-flags", () => featureFlags);
-    useState("ph-feature-flag-payloads", () => featureFlagPayloads);
-    return {
-      provide: {
-        serverPosthog: posthog
-      }
-    };
-  }
-});

package/dist/runtime/types/directives.d.ts

@@ -1,27 +0,0 @@
-import type { ObjectDirective } from 'vue';
-import type { Property } from 'posthog-js';
-
-declare global {
-  export interface PostHogCaptureEvent {
-    /**
-     * Event name
-     *
-     * @docs https://posthog.com/docs/product-analytics/capture-events
-     */
-    name: string;
-
-    /**
-     * Event properties
-     *
-     * @docs https://posthog.com/docs/product-analytics/capture-events#setting-event-properties
-     */
-    properties?: Record<string, Property>;
-  }
-}
-
-declare module 'vue' {
-  export interface ComponentCustomProperties {
-    vPosthogCapture: ObjectDirective<HTMLElement, PostHogCaptureEvent | string>;
-  }
-}
-export {};

package/dist/runtime/types/nitro.d.ts

@@ -1,7 +0,0 @@
-declare module 'h3' {
-  interface H3EventContext {
-    posthogId?: string;
-  }
-}
-
-export {};