decord/source/modules/devtools/native/components/DevWidget.tsx

// Module ID: 16022
// Function ID: 16023
// Name: DevWidget
// Dependencies: [19, 7821, 574, 21, 4636, 576, 4373, 11487, 12163, 6756, 5055, 5059, 5204, 14669, 15664, 16023, 15663, 2]
// Exports: default

// Module 16022 (DevWidget)
import nativeDefault from "native" /* 576 */;
import ReanimatedRexport from "ReanimatedRexport" /* 4373 */;
import spring from "spring" /* 5055 */;
import springPresets from "springPresets" /* 5059 */;
import Pressables from "Pressables" /* 5204 */;
import StaffBadgeIcon from "StaffBadgeIcon" /* 15664 */;
import VEVOODefault from "VEVOO" /* 16023 */;
import noop from "module_19" /* 19 */;
import DevToolsSettingsStore from "DevToolsSettingsStore" /* 7821 */;

const require = globalThis.__r;

require = fn;
function DraggableContainer(children) {
  const x = children.x;
  _require = x;
  const y = children.y;
  importDefault = y;
  const contentWidth = children.contentWidth;
  const contentHeight = children.contentHeight;
  let num = children.dragBoundsPadding;
  if (num === undefined) {
    num = 0;
  }
  const onChangePosition = children.onChangePosition;
  closure_9 = undefined;
  let getClampedPosition;
  const tmp = closure_9();
  const sharedValue = require("ReanimatedRexport").useSharedValue(x.get());
  let obj = require("ReanimatedRexport");
  const sharedValue1 = require("ReanimatedRexport").useSharedValue(y.get());
  const tmp4 = require("useSafeAreaInsetsSharedValue")();
  closure_8 = tmp4;
  const tmp5 = require("useWindowDimensionsSharedValue")();
  closure_9 = tmp5;
  class P {
    constructor(arg0, arg1) {
      value = closure_9.get();
      ({ width, height } = value);
      rect = closure_8.get();
      point = { x: null, y: null };
      obj2 = closure_0(closure_2[6]);
      point.x = obj2.clamp(children, rect.left + c4, width - rect.right - contentWidth - c4);
      obj3 = closure_0(closure_2[6]);
      point.y = obj3.clamp(arg1, rect.top + c4, height - rect.bottom - contentHeight - c4);
      return point;
    }
  }
  let obj2 = require("ReanimatedRexport");
  P.__closure = { windowDimensionsSharedValue: tmp5, insetsSharedValue: tmp4, clamp: require("ReanimatedRexport").clamp, dragBoundsPadding: num, contentWidth, contentHeight };
  P.__workletHash = 729779775192;
  P.__initData = getClampedPosition;
  let items = [contentHeight, contentWidth, num, tmp4, tmp5];
  getClampedPosition = contentHeight.useCallback(P, items);
  let obj3 = { windowDimensionsSharedValue: tmp5, insetsSharedValue: tmp4, clamp: require("ReanimatedRexport").clamp, dragBoundsPadding: num, contentWidth, contentHeight };
  const obj5 = { onActivate: null, onUpdate: null, onDeactivate: null };
  class C {
    constructor() {
      result = closure_6.set(closure_0.get());
      result1 = closure_7.set(closure_1.get());
      return;
    }
  }
  C.__closure = { originalX: sharedValue, x, originalY: sharedValue1, y };
  C.__workletHash = 11333606215108;
  C.__initData = __initData;
  obj5.onActivate = C;
  const fn = function f(translationX) {
    const sum = sharedValue.get() + translationX.translationX;
    const point = callback(sum, sharedValue1.get() + translationX.translationY);
    const result = closure_0.set(point.x);
    const result1 = closure_1.set(point.y);
  };
  fn.__closure = { getClampedPosition, originalX: sharedValue, originalY: sharedValue1, x, y };
  fn.__workletHash = 10056531764801;
  fn.__initData = __initData2;
  obj5.onUpdate = fn;
  class D {
    constructor() {
      obj = closure_0(closure_2[6]);
      point = { x: null, y: null };
      runOnJSResult = obj.runOnJS(onChangePosition);
      point.x = closure_0.get();
      point.y = closure_1.get();
      tmpResult = runOnJSResult(point);
      return;
    }
  }
  let point = { runOnJS: require("ReanimatedRexport").runOnJS, onChangePosition, x, y };
  D.__closure = point;
  D.__workletHash = 10003102447058;
  D.__initData = __initData3;
  obj5.onDeactivate = D;
  const panGesture = require("LegacyBaseButton").usePanGesture(obj5);
  let obj4 = require("LegacyBaseButton");
  class W {
    constructor() {
      value = closure_0.get();
      tmp2 = closure_10(value, closure_1.get());
      obj = { transform: null };
      obj1 = { translateX: null };
      ({ x, y } = tmp2);
      obj3 = closure_0(closure_2[10]);
      obj1.translateX = obj3.withSpring(x, closure_0(closure_2[11]).springUnclamped);
      items = [, ];
      items[0] = obj1;
      obj6 = { translateY: null };
      obj5 = closure_0(closure_2[10]);
      obj6.translateY = obj5.withSpring(y, closure_0(closure_2[11]).springUnclamped);
      items[1] = obj6;
      obj.transform = items;
      return obj;
    }
  }
  const point1 = { getClampedPosition, x, y, withSpring: require("spring").withSpring, springUnclamped: require("springPresets").springUnclamped };
  W.__closure = point1;
  W.__workletHash = 6251354551691;
  W.__initData = __initData4;
  const animatedStyle = require("ReanimatedRexport").useAnimatedStyle(W);
  const obj6 = { gesture: panGesture, children: null };
  const obj8 = { style: null, children: children.children };
  const items1 = [tmp.widgetContainer, animatedStyle];
  obj8.style = items1;
  obj6.children = sharedValue(require("ReanimatedRexport").View, obj8);
  return sharedValue(require("LegacyBaseButton").GestureDetector, obj6);
}
const DEV_WIDGET_SIZE = fn(574).DEV_WIDGET_SIZE;
const jsxProd = fn(21);
({ jsx: metroRequire, Fragment: closure_7, jsxs: closure_8 } = jsxProd);
const createStyles = fn(4636);
let obj = { widgetContainer: { position: "absolute" }, widget: null };
let size = { backgroundColor: nativeDefault.colors.BACKGROUND_BRAND, justifyContent: "center", alignItems: "center", height: DEV_WIDGET_SIZE, width: DEV_WIDGET_SIZE, borderRadius: nativeDefault.radii.xl };
const merged = Object.assign(nativeDefault.shadows.SHADOW_MOBILE_NAVIGATOR_X);
obj.widget = size;
let closure_9 = createStyles.createStyles(obj);
let closure_10 = { code: "function DevWidgetTsx1(x,y){const{windowDimensionsSharedValue,insetsSharedValue,clamp,dragBoundsPadding,contentWidth,contentHeight}=this.__closure;const{width:windowWidth,height:windowHeight}=windowDimensionsSharedValue.get();const insets=insetsSharedValue.get();return{x:clamp(x,insets.left+dragBoundsPadding,windowWidth-insets.right-contentWidth-dragBoundsPadding),y:clamp(y,insets.top+dragBoundsPadding,windowHeight-insets.bottom-contentHeight-dragBoundsPadding)};}" };
const __initData = { code: "function DevWidgetTsx2(){const{originalX,x,originalY,y}=this.__closure;originalX.set(x.get());originalY.set(y.get());}" };
const __initData2 = { code: "function DevWidgetTsx3(event){const{getClampedPosition,originalX,originalY,x,y}=this.__closure;const{x:xClamped,y:yClamped}=getClampedPosition(originalX.get()+event.translationX,originalY.get()+event.translationY);x.set(xClamped);y.set(yClamped);}" };
const __initData3 = { code: "function DevWidgetTsx4(){const{runOnJS,onChangePosition,x,y}=this.__closure;runOnJS(onChangePosition)({x:x.get(),y:y.get()});}" };
const __initData4 = { code: "function DevWidgetTsx5(){const{getClampedPosition,x,y,withSpring,springUnclamped}=this.__closure;const{x:translateX,y:translateY}=getClampedPosition(x.get(),y.get());return{transform:[{translateX:withSpring(translateX,springUnclamped)},{translateY:withSpring(translateY,springUnclamped)}]};}" };
let closure_16 = noop.memo(() => {
  const tmp = closure_9();
  return timestampProducer(Pressables.PressableOpacity, {
    style: closure_9().widget,
    accessibilityRole: "button",
    onPress() {
      return require("DevToolsNavigator").navigateToDevTools();
    },
    activeOpacity: 0.5,
    children: timestampProducer(StaffBadgeIcon.StaffBadgeIcon, { size: "md", color: "white" })
  });
});
size = fn(2);
let result = size.fileFinishedImporting("modules/devtools/native/components/DevWidget.tsx");

export default function DevWidget() {
  const sharedValue = ReanimatedRexport.useSharedValue(DevToolsSettingsStore.devWidgetPosition.x);
  const sharedValue1 = ReanimatedRexport.useSharedValue(DevToolsSettingsStore.devWidgetPosition.y);
  const obj3 = { children: null };
  const items = [timestampProducer(VEVOODefault, { x: sharedValue, y: sharedValue1 }), ];
  const point = {
    x: sharedValue,
    y: sharedValue1,
    contentWidth: DEV_WIDGET_SIZE,
    contentHeight: DEV_WIDGET_SIZE,
    dragBoundsPadding: nativeDefault.space.PX_4,
    onChangePosition(devWidgetPosition) {
      return require("DevToolsActionCreators").updateDevToolsSettings({ devWidgetPosition });
    },
    children: timestampProducer(closure_16, {})
  };
  items[1] = timestampProducer(DraggableContainer, point);
  obj3.children = items;
  return React6(React5, obj3);
};