@twick/timeline 0.14.13 → 0.14.15

package/dist/index.mjs

@@ -588,8 +588,8 @@ class TrackElement {
     this.trackId = trackId;
     return this;
   }
-  setName(name) {
-    this.name = name;
+  setName(name2) {
+    this.name = name2;
     return this;
   }
   setAnimation(animation) {
@@ -1237,7 +1237,7 @@ class RectElement extends TrackElement {
   }
 }
 class ElementAnimation {
-  constructor(name) {
+  constructor(name2) {
     __publicField(this, "name");
     __publicField(this, "interval");
     __publicField(this, "duration");
@@ -1245,7 +1245,7 @@ class ElementAnimation {
     __publicField(this, "animate");
     __publicField(this, "mode");
     __publicField(this, "direction");
-    this.name = name;
+    this.name = name2;
   }
   getName() {
     return this.name;
@@ -1357,12 +1357,12 @@ class ElementFrameEffect {
   }
 }
 class ElementTextEffect {
-  constructor(name) {
+  constructor(name2) {
     __publicField(this, "name");
     __publicField(this, "duration");
     __publicField(this, "delay");
     __publicField(this, "bufferTime");
-    this.name = name;
+    this.name = name2;
   }
   getName() {
     return this.name;
@@ -1873,14 +1873,14 @@ class Track {
    * const trackWithId = new Track("Audio Track", "element", "video-track-1");
    * ```
    */
-  constructor(name, type = "element", id) {
+  constructor(name2, type = "element", id) {
     __publicField(this, "id");
     __publicField(this, "name");
     __publicField(this, "type");
     __publicField(this, "props");
     __publicField(this, "elements");
     __publicField(this, "validator");
-    this.name = name;
+    this.name = name2;
     this.id = id ?? `t-${generateShortUuid}`;
     this.type = type;
     this.props = {};
@@ -2928,12 +2928,12 @@ class TimelineEditor {
   }
   setTimelineData({
     tracks,
-    version,
+    version: version2,
     updatePlayerData
   }) {
     var _a, _b;
     const prevTimelineData = this.getTimelineData();
-    const updatedVersion = version ?? ((prevTimelineData == null ? void 0 : prevTimelineData.version) || 0) + 1;
+    const updatedVersion = version2 ?? ((prevTimelineData == null ? void 0 : prevTimelineData.version) || 0) + 1;
     const updatedTimelineData = {
       tracks,
       version: updatedVersion
@@ -2953,10 +2953,10 @@ class TimelineEditor {
     }
     return updatedTimelineData;
   }
-  addTrack(name, type = "element") {
+  addTrack(name2, type = "element") {
     const prevTimelineData = this.getTimelineData();
     const id = `t-${generateShortUuid()}`;
-    const track = new Track(name, type, id);
+    const track = new Track(name2, type, id);
     const updatedTimelines = [...(prevTimelineData == null ? void 0 : prevTimelineData.tracks) || [], track];
     this.setTimelineData({ tracks: updatedTimelines, updatePlayerData: true });
     return track;
@@ -2966,9 +2966,9 @@ class TimelineEditor {
     const track = prevTimelineData == null ? void 0 : prevTimelineData.tracks.find((t2) => t2.getId() === id);
     return track;
   }
-  getTrackByName(name) {
+  getTrackByName(name2) {
     const prevTimelineData = this.getTimelineData();
-    const track = prevTimelineData == null ? void 0 : prevTimelineData.tracks.find((t2) => t2.getName() === name);
+    const track = prevTimelineData == null ? void 0 : prevTimelineData.tracks.find((t2) => t2.getName() === name2);
     return track;
   }
   getSubtiltesTrack() {
@@ -3126,10 +3126,10 @@ class TimelineEditor {
     const tracks = timelineTrackData.tracks.map((t2) => t2.serialize());
     this.totalDuration = getTotalDuration(tracks);
     this.context.setTotalDuration(this.totalDuration);
-    const version = timelineTrackData.version;
+    const version2 = timelineTrackData.version;
     this.context.setPresent({
       tracks,
-      version
+      version: version2
     });
   }
   /**
@@ -3199,17 +3199,17 @@ class TimelineEditor {
   }
   loadProject({
     tracks,
-    version
+    version: version2
   }) {
     var _a;
     this.pauseVideo();
     this.context.handleResetHistory();
     const timelineTracks = tracks.map((t2) => Track.fromJSON(t2));
-    this.setTimelineData({ tracks: timelineTracks, version, updatePlayerData: true });
+    this.setTimelineData({ tracks: timelineTracks, version: version2, updatePlayerData: true });
     if ((_a = this.context) == null ? void 0 : _a.setTimelineAction) {
       this.context.setTimelineAction(TIMELINE_ACTION.UPDATE_PLAYER_DATA, {
         tracks,
-        version,
+        version: version2,
         forceUpdate: true
       });
     }
@@ -7880,6 +7880,58 @@ var __POSTHOG_ERROR_MESSAGES = {
   PostHogErrorBoundary.contextType = PostHogContext;
   return PostHogErrorBoundary;
 })(React.Component);
+const name = "@twick/timeline";
+const version = "0.14.15";
+const packageJson = {
+  name,
+  version
+};
+function getPackageVersion() {
+  return packageJson.version;
+}
+function getPackageName() {
+  return packageJson.name;
+}
+const __vite_import_meta_env__ = {};
+function isAnalyticsEnabled(config) {
+  var _a;
+  if (typeof window !== "undefined") {
+    const envDisabled = window.__TWICK_ANALYTICS_DISABLED__ === true || (__vite_import_meta_env__ == null ? void 0 : __vite_import_meta_env__.VITE_TWICK_ANALYTICS_ENABLED) === "false" || typeof process !== "undefined" && ((_a = process.env) == null ? void 0 : _a.TWICK_ANALYTICS_ENABLED) === "false";
+    if (envDisabled) return false;
+  }
+  if ((config == null ? void 0 : config.enabled) === false) return false;
+  return true;
+}
+function getPostHogApiKey(config) {
+  var _a;
+  return (config == null ? void 0 : config.apiKey) || typeof window !== "undefined" && (__vite_import_meta_env__ == null ? void 0 : __vite_import_meta_env__.VITE_POSTHOG_API_KEY) || typeof process !== "undefined" && ((_a = process.env) == null ? void 0 : _a.POSTHOG_API_KEY) || "phc_v92Ybiir6eGbEOXmI60g7n0MhUZ1zSknfaf9a3wpAU0";
+}
+function getPostHogApiHost(config) {
+  return (config == null ? void 0 : config.apiHost) || "https://us.i.posthog.com";
+}
+function trackEvent(posthog, eventName, properties, config) {
+  if (!isAnalyticsEnabled(config)) {
+    return;
+  }
+  try {
+    const packageVersion = getPackageVersion();
+    const packageName = getPackageName();
+    posthog.capture(eventName, {
+      ...properties,
+      packageName,
+      packageVersion,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    });
+  } catch (error) {
+  }
+}
+function getPostHogOptions(config, onLoaded) {
+  return {
+    api_host: getPostHogApiHost(config),
+    disable_session_recording: (config == null ? void 0 : config.disableSessionRecording) ?? true,
+    loaded: onLoaded
+  };
+}
 const TimelineContext = createContext(
   void 0
 );
@@ -7907,10 +7959,6 @@ const TimelineProviderInner = ({
   const editor = useMemo(() => {
     if (editorRegistry.has(contextId)) {
       editorRegistry.delete(contextId);
-    } else {
-      pa.capture("timeline_editor_created", {
-        contextId
-      });
     }
     const newEditor = new TimelineEditor({
       contextId,
@@ -7969,17 +8017,45 @@ const TimelineProvider = ({
   resolution = { width: 720, height: 1280 },
   initialData,
   undoRedoPersistenceKey,
-  maxHistorySize
+  maxHistorySize,
+  analytics
 }) => {
+  const analyticsEnabled = isAnalyticsEnabled(analytics);
+  const apiKey = getPostHogApiKey(analytics);
+  const onPostHogLoaded = (posthog) => {
+    trackEvent(posthog, "timeline_editor_created", {
+      contextId,
+      url: typeof window !== "undefined" ? window.location.href : void 0,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    });
+  };
+  const postHogOptions = getPostHogOptions(analytics, onPostHogLoaded);
+  if (!analyticsEnabled || !apiKey) {
+    return /* @__PURE__ */ jsx(
+      UndoRedoProvider,
+      {
+        persistenceKey: undoRedoPersistenceKey,
+        maxHistorySize,
+        children: /* @__PURE__ */ jsx(
+          TimelineProviderInner,
+          {
+            resolution,
+            initialData,
+            contextId,
+            undoRedoPersistenceKey,
+            maxHistorySize,
+            analytics,
+            children
+          }
+        )
+      }
+    );
+  }
   return /* @__PURE__ */ jsx(
     PostHogProvider,
     {
-      apiKey: "phc_XaPky8YDbZjqm4GkCWBsVmICZTOTgjascrsftSOoJUJ",
-      options: {
-        api_host: "https://us.i.posthog.com",
-        defaults: "2025-05-24",
-        disable_session_recording: true
-      },
+      apiKey,
+      options: postHogOptions,
       children: /* @__PURE__ */ jsx(
         UndoRedoProvider,
         {
@@ -7993,6 +8069,7 @@ const TimelineProvider = ({
               contextId,
               undoRedoPersistenceKey,
               maxHistorySize,
+              analytics,
               children
             }
           )