@useupup/vue 3.3.0

package/dist/OneDriveUploader-WYALTOCQ.cjs

@@ -0,0 +1,219 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+var _chunkD32QOALRcjs = require('./chunk-D32QOALR.cjs');
+require('./chunk-IXLKUMV2.cjs');
+require('./chunk-GG4ABGXB.cjs');
+
+
+
+
+
+var _chunkGVB7IFRPcjs = require('./chunk-GVB7IFRP.cjs');
+
+// src/components/OneDriveUploader.vue
+var _vue = require('vue');
+
+// src/components/ClientOneDriveUploader.vue
+
+
+// src/composables/useOneDrive.ts
+
+
+
+
+
+
+
+
+var _core = require('@useupup/core');
+
+
+var _internal = require('@useupup/core/internal');
+function useOneDrive() {
+  const { core } = _chunkGVB7IFRPcjs.useUploaderRuntime.call(void 0, );
+  const { setActiveSource } = _chunkGVB7IFRPcjs.useUploaderSource.call(void 0, );
+  const { setFiles } = _chunkGVB7IFRPcjs.useUploaderFiles.call(void 0, );
+  if (!core) {
+    throw new Error("useOneDrive must be used inside <UpupUploader />");
+  }
+  const controller = new (0, _internal.DriveBrowserController)(core, _core.ONE_DRIVE_DESCRIPTOR, {
+    onFilesSelected: (files) => {
+      setFiles(files);
+    },
+    onClose: () => {
+      setActiveSource(void 0);
+    }
+  });
+  const state = _vue.shallowRef.call(void 0, controller.getSnapshot());
+  let unsub = null;
+  _vue.onMounted.call(void 0, () => {
+    unsub = controller.subscribe(() => {
+      state.value = controller.getSnapshot();
+    });
+    controller.init();
+  });
+  _vue.onUnmounted.call(void 0, () => {
+    controller.destroy();
+    unsub == null ? void 0 : unsub();
+  });
+  return {
+    user: _vue.computed.call(void 0, () => state.value.user),
+    oneDriveFiles: _vue.computed.call(void 0, () => state.value.folder),
+    signOut: () => {
+      controller.signOut();
+    },
+    signIn: () => {
+      controller.signIn();
+    },
+    authenticate: () => {
+      controller.signIn();
+    },
+    token: _vue.computed.call(void 0, 
+      () => state.value.isAuthenticated ? "active" : void 0
+    ),
+    isAuthenticated: _vue.computed.call(void 0, () => state.value.isAuthenticated),
+    isLoading: _vue.computed.call(void 0, () => state.value.isLoading),
+    path: _vue.computed.call(void 0, () => state.value.path),
+    setPath: (newPath) => {
+      controller.setPath(newPath);
+    },
+    handleClick: (file) => {
+      controller.handleClick(file);
+    },
+    selectedFiles: _vue.computed.call(void 0, () => state.value.selectedFiles),
+    showLoader: _vue.computed.call(void 0, () => state.value.showLoader),
+    handleSubmit: () => controller.handleSubmit(),
+    handleCancelDownload: () => {
+      controller.handleCancelDownload();
+    },
+    onSelectCurrentFolder: () => controller.onSelectCurrentFolder(),
+    isClickLoading: _vue.computed.call(void 0, () => state.value.isClickLoading),
+    error: _vue.computed.call(void 0, () => state.value.error),
+    hasMore: _vue.computed.call(void 0, () => state.value.hasMore),
+    isLoadingMore: _vue.computed.call(void 0, () => state.value.isLoadingMore),
+    loadMore: () => controller.loadMore()
+  };
+}
+
+// src/components/ClientOneDriveUploader.vue
+
+var _sfc_main = /* @__PURE__ */ _vue.defineComponent.call(void 0, {
+  __name: "ClientOneDriveUploader",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const { user, oneDriveFiles: driveFiles, signOut, token, isAuthenticated, authenticate, isLoading, path, setPath, isClickLoading, handleClick, selectedFiles, showLoader, handleSubmit, handleCancelDownload, onSelectCurrentFolder, error, hasMore, isLoadingMore, loadMore } = useOneDrive();
+    async function handleSignOut() {
+      signOut();
+    }
+    const __returned__ = {
+      user,
+      driveFiles,
+      signOut,
+      token,
+      isAuthenticated,
+      authenticate,
+      isLoading,
+      path,
+      setPath,
+      isClickLoading,
+      handleClick,
+      selectedFiles,
+      showLoader,
+      handleSubmit,
+      handleCancelDownload,
+      onSelectCurrentFolder,
+      error,
+      hasMore,
+      isLoadingMore,
+      loadMore,
+      handleSignOut,
+      DriveAuthFallback: _chunkD32QOALRcjs.DriveAuthFallback_default,
+      DriveBrowser: _chunkD32QOALRcjs.DriveBrowser_default
+    };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return !$setup.isAuthenticated && !$setup.token && !$setup.isLoading ? (_vue.openBlock.call(void 0, ), _vue.createBlock.call(void 0, $setup["DriveAuthFallback"], {
+    key: 0,
+    "provider-name": "OneDrive",
+    "on-retry": $setup.authenticate,
+    "data-upup-slot": "one-drive-uploader"
+  }, null, 8, ["on-retry"])) : (_vue.openBlock.call(void 0, ), _vue.createBlock.call(void 0, $setup["DriveBrowser"], {
+    key: 1,
+    "drive-files": $setup.driveFiles,
+    user: $setup.user,
+    "handle-sign-out": $setup.handleSignOut,
+    "data-upup-slot": "one-drive-uploader",
+    path: $setup.path,
+    "set-path": $setup.setPath,
+    "is-click-loading": $setup.isClickLoading,
+    "handle-click": $setup.handleClick,
+    "selected-files": $setup.selectedFiles,
+    "show-loader": $setup.showLoader,
+    "handle-submit": $setup.handleSubmit,
+    "handle-cancel-download": $setup.handleCancelDownload,
+    "on-select-current-folder": $setup.onSelectCurrentFolder,
+    error: $setup.error,
+    "has-more": $setup.hasMore,
+    "is-loading-more": $setup.isLoadingMore,
+    "load-more": $setup.loadMore
+  }, null, 8, [
+    "drive-files",
+    "user",
+    "path",
+    "set-path",
+    "is-click-loading",
+    "handle-click",
+    "selected-files",
+    "show-loader",
+    "handle-submit",
+    "handle-cancel-download",
+    "on-select-current-folder",
+    "error",
+    "has-more",
+    "is-loading-more",
+    "load-more"
+  ]));
+}
+var ClientOneDriveUploader_default = /* @__PURE__ */ _chunkGVB7IFRPcjs.export_helper_default.call(void 0, _sfc_main, [["render", _sfc_render], ["__file", "C:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\src\\components\\ClientOneDriveUploader.vue"]]);
+
+// src/components/OneDriveUploader.vue
+
+var _sfc_main2 = /* @__PURE__ */ _vue.defineComponent.call(void 0, {
+  __name: "OneDriveUploader",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const { mode } = _chunkGVB7IFRPcjs.useUploaderRuntime.call(void 0, );
+    const { setActiveSource } = _chunkGVB7IFRPcjs.useUploaderSource.call(void 0, );
+    const __returned__ = {
+      mode,
+      setActiveSource,
+      ClientOneDriveUploader: ClientOneDriveUploader_default,
+      ServerModeDriveUploader: _chunkD32QOALRcjs.ServerModeDriveUploader_default
+    };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+function _sfc_render2(_ctx, _cache, $props, $setup, $data, $options) {
+  return $setup.mode === "server" ? (_vue.openBlock.call(void 0, ), _vue.createBlock.call(void 0, $setup["ServerModeDriveUploader"], {
+    key: 0,
+    provider: "one-drive",
+    "on-back": () => $setup.setActiveSource(void 0)
+  }, null, 8, ["on-back"])) : (_vue.openBlock.call(void 0, ), _vue.createBlock.call(void 0, $setup["ClientOneDriveUploader"], { key: 1 }));
+}
+var OneDriveUploader_default = /* @__PURE__ */ _chunkGVB7IFRPcjs.export_helper_default.call(void 0, _sfc_main2, [["render", _sfc_render2], ["__file", "C:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\src\\components\\OneDriveUploader.vue"]]);
+
+
+exports.default = OneDriveUploader_default;
+//# sourceMappingURL=OneDriveUploader-WYALTOCQ.cjs.map

package/dist/OneDriveUploader-WYALTOCQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["c:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\dist\\OneDriveUploader-WYALTOCQ.cjs"],"names":[],"mappings":"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","file":"C:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\dist\\OneDriveUploader-WYALTOCQ.cjs","sourcesContent":[null]}

package/dist/ScreenCaptureUploader-F65CM6OA.js

@@ -0,0 +1,334 @@
+import {
+  SourceViewContainer_default
+} from "./chunk-M6AHIQ3M.js";
+import {
+  export_helper_default,
+  useUploaderFiles,
+  useUploaderSource,
+  useUploaderTheme
+} from "./chunk-X6FZTCNT.js";
+
+// src/components/ScreenCaptureUploader.vue
+import { defineComponent as _defineComponent } from "vue";
+import { onUnmounted, ref } from "vue";
+import { cn } from "@useupup/core/internal";
+import { createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createElementBlock as _createElementBlock, createTextVNode as _createTextVNode, Fragment as _Fragment, createVNode as _createVNode } from "vue";
+var _sfc_main = /* @__PURE__ */ _defineComponent({
+  __name: "ScreenCaptureUploader",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const { setFiles } = useUploaderFiles();
+    const { setActiveSource } = useUploaderSource();
+    const { isDark: dark } = useUploaderTheme();
+    const state = ref("idle");
+    const duration = ref(0);
+    const videoUrl = ref(null);
+    const error = ref(null);
+    const mediaRecorder = ref(null);
+    const chunks = [];
+    const timerRef = ref(null);
+    const streamRef = ref(null);
+    const videoRef = ref(null);
+    let previewRef = null;
+    onUnmounted(() => {
+      var _a;
+      if (timerRef.value) clearInterval(timerRef.value);
+      if (videoUrl.value) URL.revokeObjectURL(videoUrl.value);
+      (_a = streamRef.value) == null ? void 0 : _a.getTracks().forEach((t) => t.stop());
+    });
+    function bindPreview(el) {
+      var _a;
+      const video = el instanceof HTMLVideoElement ? el : null;
+      previewRef = video;
+      if (video && streamRef.value && video.srcObject !== streamRef.value) {
+        video.srcObject = streamRef.value;
+        void ((_a = video.play()) == null ? void 0 : _a.catch(() => {
+        }));
+      }
+    }
+    async function startRecording() {
+      try {
+        const stream = await navigator.mediaDevices.getDisplayMedia({
+          video: true,
+          audio: true
+        });
+        streamRef.value = stream;
+        chunks.length = 0;
+        const [videoTrack] = stream.getVideoTracks();
+        if (videoTrack) {
+          videoTrack.onended = () => {
+            if (mediaRecorder.value && mediaRecorder.value.state !== "inactive") {
+              mediaRecorder.value.stop();
+            }
+            if (timerRef.value) clearInterval(timerRef.value);
+            state.value = "recorded";
+          };
+        }
+        const recorder = new MediaRecorder(stream);
+        mediaRecorder.value = recorder;
+        recorder.ondataavailable = (e) => {
+          if (e.data.size > 0) chunks.push(e.data);
+        };
+        recorder.onstop = () => {
+          const blob = new Blob(chunks, { type: recorder.mimeType || "video/webm" });
+          videoUrl.value = URL.createObjectURL(blob);
+          stream.getTracks().forEach((t) => t.stop());
+          if (previewRef) previewRef.srcObject = null;
+        };
+        recorder.start();
+        state.value = "recording";
+        duration.value = 0;
+        timerRef.value = setInterval(() => {
+          duration.value++;
+        }, 1e3);
+      } catch {
+        error.value = "Screen sharing was cancelled or denied. Please try again.";
+      }
+    }
+    function stopRecording() {
+      var _a;
+      (_a = mediaRecorder.value) == null ? void 0 : _a.stop();
+      if (timerRef.value) clearInterval(timerRef.value);
+      state.value = "recorded";
+    }
+    function discardRecording() {
+      if (videoUrl.value) URL.revokeObjectURL(videoUrl.value);
+      videoUrl.value = null;
+      duration.value = 0;
+      state.value = "idle";
+    }
+    function addRecording() {
+      if (!videoUrl.value) return;
+      fetch(videoUrl.value).then((r) => r.blob()).then((blob) => {
+        const file = new File([blob], `screen-recording-${Date.now()}.webm`, { type: blob.type });
+        setFiles([file]);
+        setActiveSource(void 0);
+      }).catch(() => {
+      });
+    }
+    function retryRecording() {
+      error.value = null;
+      startRecording();
+    }
+    function formatTime(s) {
+      const m = Math.floor(s / 60);
+      const sec = s % 60;
+      return `${m}:${sec.toString().padStart(2, "0")}`;
+    }
+    const __returned__ = {
+      setFiles,
+      setActiveSource,
+      dark,
+      state,
+      duration,
+      videoUrl,
+      error,
+      mediaRecorder,
+      chunks,
+      timerRef,
+      streamRef,
+      videoRef,
+      get previewRef() {
+        return previewRef;
+      },
+      set previewRef(v) {
+        previewRef = v;
+      },
+      bindPreview,
+      startRecording,
+      stopRecording,
+      discardRecording,
+      addRecording,
+      retryRecording,
+      formatTime,
+      get cn() {
+        return cn;
+      },
+      SourceViewContainer: SourceViewContainer_default
+    };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+var _hoisted_1 = { class: "upup-flex upup-flex-col upup-items-center upup-gap-3 upup-p-6 upup-text-center" };
+var _hoisted_2 = { class: "upup-flex upup-h-full upup-w-full upup-flex-col upup-items-center upup-justify-center upup-gap-4 upup-p-4" };
+var _hoisted_3 = {
+  key: 0,
+  class: "upup-flex upup-flex-col upup-items-center upup-gap-4"
+};
+var _hoisted_4 = { class: "upup-flex upup-h-20 upup-w-20 upup-items-center upup-justify-center upup-rounded-full upup-bg-[#0ea5e9]/20" };
+var _hoisted_5 = ["stroke"];
+var _hoisted_6 = { class: "upup-relative upup-flex upup-min-h-0 upup-w-full upup-max-w-md upup-flex-1" };
+var _hoisted_7 = {
+  "data-upup-slot": "screen-rec-chip",
+  class: "upup-absolute upup-left-2.5 upup-top-2.5 upup-flex upup-items-center upup-gap-1.5 upup-rounded-md upup-bg-[#04080f]/60 upup-px-2 upup-py-1 upup-font-mono upup-text-[11px] upup-tabular-nums upup-text-[#fecdd3]"
+};
+var _hoisted_8 = ["src"];
+var _hoisted_9 = { class: "upup-flex upup-gap-3" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock(), _createElementBlock(
+    _Fragment,
+    null,
+    [_createCommentVNode(" Error state "), $setup.error ? (_openBlock(), _createBlock($setup["SourceViewContainer"], {
+      key: 0,
+      "data-upup-slot": "screen-capture-uploader"
+    }, {
+      default: _withCtx(() => [_createElementVNode("div", _hoisted_1, [_createElementVNode(
+        "p",
+        { class: _normalizeClass($setup.cn("upup-text-sm upup-text-red-500", { "upup-text-red-400": $setup.dark })) },
+        _toDisplayString($setup.error),
+        3
+        /* TEXT, CLASS */
+      ), _createElementVNode(
+        "button",
+        {
+          type: "button",
+          class: _normalizeClass($setup.cn("upup-rounded-lg upup-bg-[#0ea5e9] upup-px-4 upup-py-2 upup-text-sm upup-font-medium upup-text-white", { "upup-bg-[#38bdf8] dark:upup-bg-[#38bdf8]": $setup.dark })),
+          onClick: $setup.retryRecording
+        },
+        " Try Again ",
+        2
+        /* CLASS */
+      )])]),
+      _: 1
+    })) : (_openBlock(), _createElementBlock(
+      _Fragment,
+      { key: 1 },
+      [_createCommentVNode(" Normal state "), _createVNode($setup["SourceViewContainer"], { "data-upup-slot": "screen-capture-uploader" }, {
+        default: _withCtx(() => [_createElementVNode("div", _hoisted_2, [
+          _createCommentVNode(" Idle "),
+          $setup.state === "idle" ? (_openBlock(), _createElementBlock("div", _hoisted_3, [_createElementVNode("div", _hoisted_4, [(_openBlock(), _createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "32",
+            height: "32",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: $setup.dark ? "#38bdf8" : "#0284c7",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [..._cache[0] || (_cache[0] = [
+            _createElementVNode(
+              "rect",
+              {
+                width: "20",
+                height: "15",
+                x: "2",
+                y: "3",
+                rx: "2"
+              },
+              null,
+              -1
+              /* CACHED */
+            ),
+            _createElementVNode(
+              "polyline",
+              { points: "8 21 16 21" },
+              null,
+              -1
+              /* CACHED */
+            ),
+            _createElementVNode(
+              "line",
+              {
+                x1: "12",
+                x2: "12",
+                y1: "18",
+                y2: "21"
+              },
+              null,
+              -1
+              /* CACHED */
+            )
+          ])], 8, _hoisted_5))]), _createElementVNode(
+            "button",
+            {
+              type: "button",
+              class: _normalizeClass($setup.cn("upup-rounded-lg upup-bg-[#0ea5e9] upup-px-6 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-[#0284c7]", { "upup-bg-[#38bdf8] hover:upup-bg-[#0ea5e9] dark:upup-bg-[#38bdf8]": $setup.dark })),
+              onClick: $setup.startRecording
+            },
+            " Share Screen ",
+            2
+            /* CLASS */
+          )])) : _createCommentVNode("v-if", true),
+          _createCommentVNode(" Recording "),
+          $setup.state === "recording" ? (_openBlock(), _createElementBlock(
+            _Fragment,
+            { key: 1 },
+            [_createElementVNode("div", _hoisted_6, [
+              _createElementVNode(
+                "video",
+                {
+                  ref: $setup.bindPreview,
+                  muted: "",
+                  class: "upup-min-h-0 upup-w-full upup-flex-1 upup-rounded-lg upup-object-contain"
+                },
+                null,
+                512
+                /* NEED_PATCH */
+              ),
+              _createCommentVNode(" REC chip (states-tour-3 state E): red dot + label + timer.\r\n                         The dot's pulse is fx-gated \u2014 under motion-off the dot\r\n                         stays static so the recording status remains visible. "),
+              _createElementVNode("div", _hoisted_7, [_cache[1] || (_cache[1] = _createElementVNode(
+                "span",
+                { class: "upup-animate-fx-rec-pulse upup-h-2 upup-w-2 upup-rounded-full upup-bg-red-500" },
+                null,
+                -1
+                /* CACHED */
+              )), _createTextVNode(
+                " REC " + _toDisplayString($setup.formatTime($setup.duration)),
+                1
+                /* TEXT */
+              )])
+            ]), _createElementVNode("button", {
+              type: "button",
+              class: "upup-fx-press upup-rounded-lg upup-bg-red-500 upup-px-6 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-red-600",
+              onClick: $setup.stopRecording
+            }, " Stop Recording ")],
+            64
+            /* STABLE_FRAGMENT */
+          )) : _createCommentVNode("v-if", true),
+          _createCommentVNode(" Recorded "),
+          $setup.state === "recorded" && $setup.videoUrl ? (_openBlock(), _createElementBlock(
+            _Fragment,
+            { key: 2 },
+            [_createElementVNode("video", {
+              ref: "videoRef",
+              controls: "",
+              src: $setup.videoUrl,
+              class: "upup-w-full upup-max-w-md upup-min-h-0 upup-flex-1 upup-rounded-lg upup-object-contain"
+            }, null, 8, _hoisted_8), _createElementVNode("div", _hoisted_9, [_createElementVNode("button", {
+              type: "button",
+              class: "upup-rounded-lg upup-bg-gray-500 upup-px-4 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-gray-600",
+              onClick: $setup.discardRecording
+            }, " Discard "), _createElementVNode(
+              "button",
+              {
+                type: "button",
+                class: _normalizeClass($setup.cn("upup-rounded-lg upup-bg-[#0ea5e9] upup-px-4 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-[#0284c7]", { "upup-bg-[#38bdf8] hover:upup-bg-[#0ea5e9] dark:upup-bg-[#38bdf8]": $setup.dark })),
+                onClick: $setup.addRecording
+              },
+              " Add Recording ",
+              2
+              /* CLASS */
+            )])],
+            64
+            /* STABLE_FRAGMENT */
+          )) : _createCommentVNode("v-if", true)
+        ])]),
+        _: 1
+      })],
+      2112
+      /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+    ))],
+    2112
+    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+  );
+}
+var ScreenCaptureUploader_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "C:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\src\\components\\ScreenCaptureUploader.vue"]]);
+export {
+  ScreenCaptureUploader_default as default
+};
+//# sourceMappingURL=ScreenCaptureUploader-F65CM6OA.js.map

package/dist/ScreenCaptureUploader-F65CM6OA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ScreenCaptureUploader.vue","../src/components/ScreenCaptureUploader.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { onUnmounted, ref, type ComponentPublicInstance } from 'vue'\r\nimport {\r\n    useUploaderFiles,\r\n    useUploaderSource,\r\n    useUploaderTheme,\r\n} from '../context/uploader-context'\r\nimport { cn } from '@useupup/core/internal'\r\nimport SourceViewContainer from './shared/SourceViewContainer.vue'\r\n\r\ntype RecordingState = 'idle' | 'recording' | 'recorded'\r\n\r\nconst { setFiles } = useUploaderFiles()\r\nconst { setActiveSource } = useUploaderSource()\r\nconst { isDark: dark } = useUploaderTheme()\r\n\r\nconst state = ref<RecordingState>('idle')\r\nconst duration = ref(0)\r\nconst videoUrl = ref<string | null>(null)\r\nconst error = ref<string | null>(null)\r\n\r\nconst mediaRecorder = ref<MediaRecorder | null>(null)\r\nconst chunks: Blob[] = []\r\nconst timerRef = ref<ReturnType<typeof setInterval> | null>(null)\r\nconst streamRef = ref<MediaStream | null>(null)\r\nconst videoRef = ref<HTMLVideoElement | null>(null)\r\nlet previewRef: HTMLVideoElement | null = null\r\n\r\nonUnmounted(() => {\r\n    if (timerRef.value) clearInterval(timerRef.value)\r\n    if (videoUrl.value) URL.revokeObjectURL(videoUrl.value)\r\n    streamRef.value?.getTracks().forEach(t => t.stop())\r\n})\r\n\r\nfunction bindPreview(el: Element | ComponentPublicInstance | null) {\r\n    const video = el instanceof HTMLVideoElement ? el : null\r\n    previewRef = video\r\n    // Vue invokes a function ref on every component update, and the recording\r\n    // timer re-renders this view once per second. Guard so we bind srcObject +\r\n    // play() once per mount, not every tick — re-assigning srcObject restarts\r\n    // the media element's load algorithm and visibly flickers the preview.\r\n    if (video && streamRef.value && video.srcObject !== streamRef.value) {\r\n        video.srcObject = streamRef.value\r\n        void video.play()?.catch(() => {})\r\n    }\r\n}\r\n\r\nasync function startRecording() {\r\n    try {\r\n        const stream = await navigator.mediaDevices.getDisplayMedia({\r\n            video: true,\r\n            audio: true,\r\n        })\r\n        streamRef.value = stream\r\n        chunks.length = 0\r\n\r\n        const [videoTrack] = stream.getVideoTracks()\r\n        if (videoTrack) {\r\n            videoTrack.onended = () => {\r\n                if (mediaRecorder.value && mediaRecorder.value.state !== 'inactive') {\r\n                    mediaRecorder.value.stop()\r\n                }\r\n                if (timerRef.value) clearInterval(timerRef.value)\r\n                state.value = 'recorded'\r\n            }\r\n        }\r\n\r\n        const recorder = new MediaRecorder(stream)\r\n        mediaRecorder.value = recorder\r\n\r\n        recorder.ondataavailable = (e) => {\r\n            if (e.data.size > 0) chunks.push(e.data)\r\n        }\r\n\r\n        recorder.onstop = () => {\r\n            const blob = new Blob(chunks, { type: recorder.mimeType || 'video/webm' })\r\n            videoUrl.value = URL.createObjectURL(blob)\r\n            stream.getTracks().forEach(t => t.stop())\r\n            if (previewRef) previewRef.srcObject = null\r\n        }\r\n\r\n        recorder.start()\r\n        state.value = 'recording'\r\n        duration.value = 0\r\n        timerRef.value = setInterval(() => { duration.value++ }, 1000)\r\n    } catch {\r\n        error.value = 'Screen sharing was cancelled or denied. Please try again.'\r\n    }\r\n}\r\n\r\nfunction stopRecording() {\r\n    mediaRecorder.value?.stop()\r\n    if (timerRef.value) clearInterval(timerRef.value)\r\n    state.value = 'recorded'\r\n}\r\n\r\nfunction discardRecording() {\r\n    if (videoUrl.value) URL.revokeObjectURL(videoUrl.value)\r\n    videoUrl.value = null\r\n    duration.value = 0\r\n    state.value = 'idle'\r\n}\r\n\r\nfunction addRecording() {\r\n    if (!videoUrl.value) return\r\n    fetch(videoUrl.value)\r\n        .then(r => r.blob())\r\n        .then(blob => {\r\n            const file = new File([blob], `screen-recording-${Date.now()}.webm`, { type: blob.type })\r\n            setFiles([file])\r\n            setActiveSource(undefined)\r\n        })\r\n        .catch(() => {\r\n            // upup-catch: replaying an in-memory object URL cannot fail in practice; ignore\r\n        })\r\n}\r\n\r\nfunction retryRecording() {\r\n    error.value = null\r\n    startRecording()\r\n}\r\n\r\nfunction formatTime(s: number) {\r\n    const m = Math.floor(s / 60)\r\n    const sec = s % 60\r\n    return `${m}:${sec.toString().padStart(2, '0')}`\r\n}\r\n</script>\r\n\r\n<template>\r\n    <!-- Error state -->\r\n    <SourceViewContainer v-if=\"error\" data-upup-slot=\"screen-capture-uploader\">\r\n        <div class=\"upup-flex upup-flex-col upup-items-center upup-gap-3 upup-p-6 upup-text-center\">\r\n            <p\r\n                :class=\"cn('upup-text-sm upup-text-red-500', {\r\n                    'upup-text-red-400': dark,\r\n                })\"\r\n            >\r\n                {{ error }}\r\n            </p>\r\n            <button\r\n                type=\"button\"\r\n                :class=\"cn(\r\n                    'upup-rounded-lg upup-bg-[#0ea5e9] upup-px-4 upup-py-2 upup-text-sm upup-font-medium upup-text-white',\r\n                    {\r\n                        'upup-bg-[#38bdf8] dark:upup-bg-[#38bdf8]': dark,\r\n                    },\r\n                )\"\r\n                @click=\"retryRecording\"\r\n            >\r\n                Try Again\r\n            </button>\r\n        </div>\r\n    </SourceViewContainer>\r\n\r\n    <!-- Normal state -->\r\n    <SourceViewContainer v-else data-upup-slot=\"screen-capture-uploader\">\r\n        <div class=\"upup-flex upup-h-full upup-w-full upup-flex-col upup-items-center upup-justify-center upup-gap-4 upup-p-4\">\r\n            <!-- Idle -->\r\n            <div v-if=\"state === 'idle'\" class=\"upup-flex upup-flex-col upup-items-center upup-gap-4\">\r\n                <div class=\"upup-flex upup-h-20 upup-w-20 upup-items-center upup-justify-center upup-rounded-full upup-bg-[#0ea5e9]/20\">\r\n                    <svg\r\n                        xmlns=\"http://www.w3.org/2000/svg\"\r\n                        width=\"32\"\r\n                        height=\"32\"\r\n                        viewBox=\"0 0 24 24\"\r\n                        fill=\"none\"\r\n                        :stroke=\"dark ? '#38bdf8' : '#0284c7'\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    >\r\n                        <rect width=\"20\" height=\"15\" x=\"2\" y=\"3\" rx=\"2\" />\r\n                        <polyline points=\"8 21 16 21\" />\r\n                        <line x1=\"12\" x2=\"12\" y1=\"18\" y2=\"21\" />\r\n                    </svg>\r\n                </div>\r\n                <button\r\n                    type=\"button\"\r\n                    :class=\"cn(\r\n                        'upup-rounded-lg upup-bg-[#0ea5e9] upup-px-6 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-[#0284c7]',\r\n                        {\r\n                            'upup-bg-[#38bdf8] hover:upup-bg-[#0ea5e9] dark:upup-bg-[#38bdf8]': dark,\r\n                        },\r\n                    )\"\r\n                    @click=\"startRecording\"\r\n                >\r\n                    Share Screen\r\n                </button>\r\n            </div>\r\n\r\n            <!-- Recording -->\r\n            <template v-if=\"state === 'recording'\">\r\n                <div class=\"upup-relative upup-flex upup-min-h-0 upup-w-full upup-max-w-md upup-flex-1\">\r\n                    <video\r\n                        :ref=\"bindPreview\"\r\n                        muted\r\n                        class=\"upup-min-h-0 upup-w-full upup-flex-1 upup-rounded-lg upup-object-contain\"\r\n                    />\r\n                    <!-- REC chip (states-tour-3 state E): red dot + label + timer.\r\n                         The dot's pulse is fx-gated — under motion-off the dot\r\n                         stays static so the recording status remains visible. -->\r\n                    <div\r\n                        data-upup-slot=\"screen-rec-chip\"\r\n                        class=\"upup-absolute upup-left-2.5 upup-top-2.5 upup-flex upup-items-center upup-gap-1.5 upup-rounded-md upup-bg-[#04080f]/60 upup-px-2 upup-py-1 upup-font-mono upup-text-[11px] upup-tabular-nums upup-text-[#fecdd3]\"\r\n                    >\r\n                        <span class=\"upup-animate-fx-rec-pulse upup-h-2 upup-w-2 upup-rounded-full upup-bg-red-500\" />\r\n                        REC {{ formatTime(duration) }}\r\n                    </div>\r\n                </div>\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"upup-fx-press upup-rounded-lg upup-bg-red-500 upup-px-6 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-red-600\"\r\n                    @click=\"stopRecording\"\r\n                >\r\n                    Stop Recording\r\n                </button>\r\n            </template>\r\n\r\n            <!-- Recorded -->\r\n            <template v-if=\"state === 'recorded' && videoUrl\">\r\n                <video\r\n                    ref=\"videoRef\"\r\n                    controls\r\n                    :src=\"videoUrl\"\r\n                    class=\"upup-w-full upup-max-w-md upup-min-h-0 upup-flex-1 upup-rounded-lg upup-object-contain\"\r\n                />\r\n                <div class=\"upup-flex upup-gap-3\">\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"upup-rounded-lg upup-bg-gray-500 upup-px-4 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-gray-600\"\r\n                        @click=\"discardRecording\"\r\n                    >\r\n                        Discard\r\n                    </button>\r\n                    <button\r\n                        type=\"button\"\r\n                        :class=\"cn(\r\n                            'upup-rounded-lg upup-bg-[#0ea5e9] upup-px-4 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-[#0284c7]',\r\n                            {\r\n                                'upup-bg-[#38bdf8] hover:upup-bg-[#0ea5e9] dark:upup-bg-[#38bdf8]': dark,\r\n                            },\r\n                        )\"\r\n                        @click=\"addRecording\"\r\n                    >\r\n                        Add Recording\r\n                    </button>\r\n                </div>\r\n            </template>\r\n        </div>\r\n    </SourceViewContainer>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport { onUnmounted, ref, type ComponentPublicInstance } from 'vue'\r\nimport {\r\n    useUploaderFiles,\r\n    useUploaderSource,\r\n    useUploaderTheme,\r\n} from '../context/uploader-context'\r\nimport { cn } from '@useupup/core/internal'\r\nimport SourceViewContainer from './shared/SourceViewContainer.vue'\r\n\r\ntype RecordingState = 'idle' | 'recording' | 'recorded'\r\n\r\nconst { setFiles } = useUploaderFiles()\r\nconst { setActiveSource } = useUploaderSource()\r\nconst { isDark: dark } = useUploaderTheme()\r\n\r\nconst state = ref<RecordingState>('idle')\r\nconst duration = ref(0)\r\nconst videoUrl = ref<string | null>(null)\r\nconst error = ref<string | null>(null)\r\n\r\nconst mediaRecorder = ref<MediaRecorder | null>(null)\r\nconst chunks: Blob[] = []\r\nconst timerRef = ref<ReturnType<typeof setInterval> | null>(null)\r\nconst streamRef = ref<MediaStream | null>(null)\r\nconst videoRef = ref<HTMLVideoElement | null>(null)\r\nlet previewRef: HTMLVideoElement | null = null\r\n\r\nonUnmounted(() => {\r\n    if (timerRef.value) clearInterval(timerRef.value)\r\n    if (videoUrl.value) URL.revokeObjectURL(videoUrl.value)\r\n    streamRef.value?.getTracks().forEach(t => t.stop())\r\n})\r\n\r\nfunction bindPreview(el: Element | ComponentPublicInstance | null) {\r\n    const video = el instanceof HTMLVideoElement ? el : null\r\n    previewRef = video\r\n    // Vue invokes a function ref on every component update, and the recording\r\n    // timer re-renders this view once per second. Guard so we bind srcObject +\r\n    // play() once per mount, not every tick — re-assigning srcObject restarts\r\n    // the media element's load algorithm and visibly flickers the preview.\r\n    if (video && streamRef.value && video.srcObject !== streamRef.value) {\r\n        video.srcObject = streamRef.value\r\n        void video.play()?.catch(() => {})\r\n    }\r\n}\r\n\r\nasync function startRecording() {\r\n    try {\r\n        const stream = await navigator.mediaDevices.getDisplayMedia({\r\n            video: true,\r\n            audio: true,\r\n        })\r\n        streamRef.value = stream\r\n        chunks.length = 0\r\n\r\n        const [videoTrack] = stream.getVideoTracks()\r\n        if (videoTrack) {\r\n            videoTrack.onended = () => {\r\n                if (mediaRecorder.value && mediaRecorder.value.state !== 'inactive') {\r\n                    mediaRecorder.value.stop()\r\n                }\r\n                if (timerRef.value) clearInterval(timerRef.value)\r\n                state.value = 'recorded'\r\n            }\r\n        }\r\n\r\n        const recorder = new MediaRecorder(stream)\r\n        mediaRecorder.value = recorder\r\n\r\n        recorder.ondataavailable = (e) => {\r\n            if (e.data.size > 0) chunks.push(e.data)\r\n        }\r\n\r\n        recorder.onstop = () => {\r\n            const blob = new Blob(chunks, { type: recorder.mimeType || 'video/webm' })\r\n            videoUrl.value = URL.createObjectURL(blob)\r\n            stream.getTracks().forEach(t => t.stop())\r\n            if (previewRef) previewRef.srcObject = null\r\n        }\r\n\r\n        recorder.start()\r\n        state.value = 'recording'\r\n        duration.value = 0\r\n        timerRef.value = setInterval(() => { duration.value++ }, 1000)\r\n    } catch {\r\n        error.value = 'Screen sharing was cancelled or denied. Please try again.'\r\n    }\r\n}\r\n\r\nfunction stopRecording() {\r\n    mediaRecorder.value?.stop()\r\n    if (timerRef.value) clearInterval(timerRef.value)\r\n    state.value = 'recorded'\r\n}\r\n\r\nfunction discardRecording() {\r\n    if (videoUrl.value) URL.revokeObjectURL(videoUrl.value)\r\n    videoUrl.value = null\r\n    duration.value = 0\r\n    state.value = 'idle'\r\n}\r\n\r\nfunction addRecording() {\r\n    if (!videoUrl.value) return\r\n    fetch(videoUrl.value)\r\n        .then(r => r.blob())\r\n        .then(blob => {\r\n            const file = new File([blob], `screen-recording-${Date.now()}.webm`, { type: blob.type })\r\n            setFiles([file])\r\n            setActiveSource(undefined)\r\n        })\r\n        .catch(() => {\r\n            // upup-catch: replaying an in-memory object URL cannot fail in practice; ignore\r\n        })\r\n}\r\n\r\nfunction retryRecording() {\r\n    error.value = null\r\n    startRecording()\r\n}\r\n\r\nfunction formatTime(s: number) {\r\n    const m = Math.floor(s / 60)\r\n    const sec = s % 60\r\n    return `${m}:${sec.toString().padStart(2, '0')}`\r\n}\r\n</script>\r\n\r\n<template>\r\n    <!-- Error state -->\r\n    <SourceViewContainer v-if=\"error\" data-upup-slot=\"screen-capture-uploader\">\r\n        <div class=\"upup-flex upup-flex-col upup-items-center upup-gap-3 upup-p-6 upup-text-center\">\r\n            <p\r\n                :class=\"cn('upup-text-sm upup-text-red-500', {\r\n                    'upup-text-red-400': dark,\r\n                })\"\r\n            >\r\n                {{ error }}\r\n            </p>\r\n            <button\r\n                type=\"button\"\r\n                :class=\"cn(\r\n                    'upup-rounded-lg upup-bg-[#0ea5e9] upup-px-4 upup-py-2 upup-text-sm upup-font-medium upup-text-white',\r\n                    {\r\n                        'upup-bg-[#38bdf8] dark:upup-bg-[#38bdf8]': dark,\r\n                    },\r\n                )\"\r\n                @click=\"retryRecording\"\r\n            >\r\n                Try Again\r\n            </button>\r\n        </div>\r\n    </SourceViewContainer>\r\n\r\n    <!-- Normal state -->\r\n    <SourceViewContainer v-else data-upup-slot=\"screen-capture-uploader\">\r\n        <div class=\"upup-flex upup-h-full upup-w-full upup-flex-col upup-items-center upup-justify-center upup-gap-4 upup-p-4\">\r\n            <!-- Idle -->\r\n            <div v-if=\"state === 'idle'\" class=\"upup-flex upup-flex-col upup-items-center upup-gap-4\">\r\n                <div class=\"upup-flex upup-h-20 upup-w-20 upup-items-center upup-justify-center upup-rounded-full upup-bg-[#0ea5e9]/20\">\r\n                    <svg\r\n                        xmlns=\"http://www.w3.org/2000/svg\"\r\n                        width=\"32\"\r\n                        height=\"32\"\r\n                        viewBox=\"0 0 24 24\"\r\n                        fill=\"none\"\r\n                        :stroke=\"dark ? '#38bdf8' : '#0284c7'\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    >\r\n                        <rect width=\"20\" height=\"15\" x=\"2\" y=\"3\" rx=\"2\" />\r\n                        <polyline points=\"8 21 16 21\" />\r\n                        <line x1=\"12\" x2=\"12\" y1=\"18\" y2=\"21\" />\r\n                    </svg>\r\n                </div>\r\n                <button\r\n                    type=\"button\"\r\n                    :class=\"cn(\r\n                        'upup-rounded-lg upup-bg-[#0ea5e9] upup-px-6 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-[#0284c7]',\r\n                        {\r\n                            'upup-bg-[#38bdf8] hover:upup-bg-[#0ea5e9] dark:upup-bg-[#38bdf8]': dark,\r\n                        },\r\n                    )\"\r\n                    @click=\"startRecording\"\r\n                >\r\n                    Share Screen\r\n                </button>\r\n            </div>\r\n\r\n            <!-- Recording -->\r\n            <template v-if=\"state === 'recording'\">\r\n                <div class=\"upup-relative upup-flex upup-min-h-0 upup-w-full upup-max-w-md upup-flex-1\">\r\n                    <video\r\n                        :ref=\"bindPreview\"\r\n                        muted\r\n                        class=\"upup-min-h-0 upup-w-full upup-flex-1 upup-rounded-lg upup-object-contain\"\r\n                    />\r\n                    <!-- REC chip (states-tour-3 state E): red dot + label + timer.\r\n                         The dot's pulse is fx-gated — under motion-off the dot\r\n                         stays static so the recording status remains visible. -->\r\n                    <div\r\n                        data-upup-slot=\"screen-rec-chip\"\r\n                        class=\"upup-absolute upup-left-2.5 upup-top-2.5 upup-flex upup-items-center upup-gap-1.5 upup-rounded-md upup-bg-[#04080f]/60 upup-px-2 upup-py-1 upup-font-mono upup-text-[11px] upup-tabular-nums upup-text-[#fecdd3]\"\r\n                    >\r\n                        <span class=\"upup-animate-fx-rec-pulse upup-h-2 upup-w-2 upup-rounded-full upup-bg-red-500\" />\r\n                        REC {{ formatTime(duration) }}\r\n                    </div>\r\n                </div>\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"upup-fx-press upup-rounded-lg upup-bg-red-500 upup-px-6 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-red-600\"\r\n                    @click=\"stopRecording\"\r\n                >\r\n                    Stop Recording\r\n                </button>\r\n            </template>\r\n\r\n            <!-- Recorded -->\r\n            <template v-if=\"state === 'recorded' && videoUrl\">\r\n                <video\r\n                    ref=\"videoRef\"\r\n                    controls\r\n                    :src=\"videoUrl\"\r\n                    class=\"upup-w-full upup-max-w-md upup-min-h-0 upup-flex-1 upup-rounded-lg upup-object-contain\"\r\n                />\r\n                <div class=\"upup-flex upup-gap-3\">\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"upup-rounded-lg upup-bg-gray-500 upup-px-4 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-gray-600\"\r\n                        @click=\"discardRecording\"\r\n                    >\r\n                        Discard\r\n                    </button>\r\n                    <button\r\n                        type=\"button\"\r\n                        :class=\"cn(\r\n                            'upup-rounded-lg upup-bg-[#0ea5e9] upup-px-4 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-[#0284c7]',\r\n                            {\r\n                                'upup-bg-[#38bdf8] hover:upup-bg-[#0ea5e9] dark:upup-bg-[#38bdf8]': dark,\r\n                            },\r\n                        )\"\r\n                        @click=\"addRecording\"\r\n                    >\r\n                        Add Recording\r\n                    </button>\r\n                </div>\r\n            </template>\r\n        </div>\r\n    </SourceViewContainer>\r\n</template>\r\n"],"mappings":"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","names":[]}