@aussieljk/forkbook 0.0.0-stage → 0.0.1-2

package/dist/_browser-chunks/chunk-ZEHRUHTA.js

@@ -0,0 +1,6 @@
+// src/shared/open-service/service-definition.ts
+var defineService = (def) => def;
+
+export {
+  defineService
+};

package/dist/_browser-chunks/chunk-ZTQ5MEJ5.js

@@ -0,0 +1,203 @@
+import {
+  __commonJS,
+  __toESM
+} from "./chunk-IMSF75WX.js";
+
+// ../../node_modules/fast-deep-equal/index.js
+var require_fast_deep_equal = __commonJS({
+  "../../node_modules/fast-deep-equal/index.js"(exports, module) {
+    "use strict";
+    module.exports = function equal(a, b) {
+      if (a === b) return !0;
+      if (a && b && typeof a == "object" && typeof b == "object") {
+        if (a.constructor !== b.constructor) return !1;
+        var length, i, keys;
+        if (Array.isArray(a)) {
+          if (length = a.length, length != b.length) return !1;
+          for (i = length; i-- !== 0; )
+            if (!equal(a[i], b[i])) return !1;
+          return !0;
+        }
+        if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;
+        if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();
+        if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();
+        if (keys = Object.keys(a), length = keys.length, length !== Object.keys(b).length) return !1;
+        for (i = length; i-- !== 0; )
+          if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return !1;
+        for (i = length; i-- !== 0; ) {
+          var key = keys[i];
+          if (!equal(a[key], b[key])) return !1;
+        }
+        return !0;
+      }
+      return a !== a && b !== b;
+    };
+  }
+});
+
+// src/addon-ondevice-actions/index.tsx
+import { ADDON_ID, PANEL_ID, PARAM_KEY } from "@aussieljk/forkbook/actions";
+import { addons as addons2, types } from "@aussieljk/forkbook/manager-api";
+
+// src/addon-ondevice-actions/containers/ActionLogger/index.tsx
+var import_fast_deep_equal = __toESM(require_fast_deep_equal(), 1);
+import { useState as useState2, useEffect } from "react";
+import { addons } from "@aussieljk/forkbook/manager-api";
+import { SET_CURRENT_STORY } from "@aussieljk/forkbook/internal/core-events";
+import { EVENT_ID } from "@aussieljk/forkbook/actions";
+
+// src/addon-ondevice-actions/components/ActionLogger/index.tsx
+import { Button, ScrollView, StyleSheet as StyleSheet2, View as View2 } from "react-native";
+import { styled as styled2 } from "@aussieljk/forkbook/internal/react-native-theming";
+
+// src/addon-ondevice-actions/components/ActionLogger/Inspect.tsx
+import React, { useState } from "react";
+import { View, StyleSheet, TouchableOpacity } from "react-native";
+import { styled } from "@aussieljk/forkbook/internal/react-native-theming";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var DefaultText = styled.Text(({ theme }) => ({
+  color: theme.color.defaultText
+})), ObjectNameText = styled.Text(({ theme }) => ({
+  color: theme.color.secondary
+})), MutedText = styled.Text(({ theme }) => ({
+  color: theme.textMutedColor
+})), StringText = styled.Text(({ theme }) => ({
+  color: theme.color.orange
+})), NumberText = styled.Text(({ theme }) => ({
+  color: theme.color.green
+})), BooleanText = styled.Text(({ theme }) => ({
+  color: theme.color.seafoam
+})), FunctionText = styled.Text(({ theme }) => ({
+  color: theme.color.purple
+})), ArrowText = styled.Text(({ theme, visible }) => ({
+  color: visible ? theme.textMutedColor : "transparent",
+  paddingRight: 8
+})), Inspect = ({ name, value }) => {
+  let [expanded, setExpanded] = useState(!1), canExpand = name && (Array.isArray(value) && value.length || value && typeof value == "object" && Object.keys(value).length), toggleExpanded = React.useCallback(() => {
+    canExpand && setExpanded((currentValue) => !currentValue);
+  }, [canExpand]), toggle = jsx(ArrowText, { visible: !!canExpand, children: expanded ? "\u25BC" : "\u25B6" }), nameComponent = name ? jsx(ObjectNameText, { children: name }) : null;
+  return Array.isArray(value) ? name ? jsxs(Fragment, { children: [
+    jsxs(TouchableOpacity, { onPress: toggleExpanded, style: styles.row, children: [
+      toggle,
+      nameComponent,
+      jsx(DefaultText, { children: `: ${value.length === 0 ? "[]" : expanded ? "[" : "[...]"}` })
+    ] }),
+    expanded ? jsxs(View, { style: styles.expanded, children: [
+      value.map((v, i) => jsx(View, { style: styles.expanded, children: jsx(Inspect, { value: v }) }, i)),
+      jsx(View, { style: styles.spacingLeft, children: jsx(DefaultText, { children: "]" }) })
+    ] }) : null
+  ] }) : jsxs(Fragment, { children: [
+    jsx(DefaultText, { children: "[" }),
+    value.map((v, i) => jsx(View, { style: styles.spacingLeft, children: jsx(Inspect, { value: v }) }, i)),
+    jsx(DefaultText, { children: "]" })
+  ] }) : value && typeof value == "object" && !(value instanceof RegExp) ? name ? jsxs(Fragment, { children: [
+    jsxs(TouchableOpacity, { style: styles.row, onPress: toggleExpanded, children: [
+      toggle,
+      nameComponent,
+      jsx(DefaultText, { children: `: ${Object.keys(value).length === 0 ? "{}" : expanded ? "{" : "{...}"}` })
+    ] }),
+    expanded ? jsxs(View, { style: styles.expanded, children: [
+      Object.entries(value).map(([key, v]) => jsx(View, { children: jsx(Inspect, { name: key, value: v }) }, key)),
+      jsx(View, { style: styles.spacingLeft, children: jsx(DefaultText, { children: "}" }) })
+    ] }) : null
+  ] }) : jsxs(Fragment, { children: [
+    jsx(DefaultText, { children: "{" }),
+    Object.entries(value).map(([key, v]) => jsx(View, { children: jsx(Inspect, { name: key, value: v }) }, key)),
+    jsx(DefaultText, { children: "}" })
+  ] }) : name ? jsxs(View, { style: styles.row, children: [
+    toggle,
+    nameComponent,
+    jsx(DefaultText, { children: ": " }),
+    jsx(Value, { value })
+  ] }) : jsx(Value, { value });
+};
+function Value({ value }) {
+  if (value === null)
+    return jsx(MutedText, { children: "null" });
+  if (value === void 0)
+    return jsx(MutedText, { children: "undefined" });
+  if (value instanceof RegExp)
+    return jsx(StringText, { children: `/${value.source}/${value.flags}` });
+  switch (typeof value) {
+    case "string":
+      return jsx(StringText, { children: JSON.stringify(value) });
+    case "number":
+      return jsx(NumberText, { children: JSON.stringify(value) });
+    case "boolean":
+      return jsx(BooleanText, { children: JSON.stringify(value) });
+    case "function":
+      return jsx(FunctionText, { children: "[Function]" });
+    default:
+      return jsx(DefaultText, { children: JSON.stringify(value) });
+  }
+}
+var Inspect_default = Inspect, styles = StyleSheet.create({
+  spacingLeft: { marginLeft: 20 },
+  expanded: { marginLeft: 20 },
+  row: { paddingBottom: 8, flexDirection: "row", alignItems: "center" }
+});
+
+// src/addon-ondevice-actions/components/ActionLogger/index.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var CountText = styled2.Text(({ theme }) => ({
+  color: theme.color.defaultText
+})), ActionLogger = ({ actions, onClear }) => jsxs2(ScrollView, { contentContainerStyle: { padding: 10 }, children: [
+  jsx2(ScrollView, { horizontal: !0, children: jsx2(View2, { children: actions.map((action) => jsxs2(View2, { style: styles2.row, children: [
+    jsx2(View2, { children: action.count > 1 ? jsx2(CountText, { children: action.count }) : null }),
+    jsx2(View2, { style: styles2.grow, children: jsx2(Inspect_default, { name: action.data.name, value: action.data.args || action.data }) })
+  ] }, action.id)) }) }),
+  jsx2(View2, { children: jsx2(Button, { onPress: onClear, title: "CLEAR" }) })
+] });
+var styles2 = StyleSheet2.create({
+  grow: { flexGrow: 1 },
+  row: { flexDirection: "row" }
+});
+
+// src/addon-ondevice-actions/containers/ActionLogger/index.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var safeDeepEqual = (a, b) => {
+  try {
+    return (0, import_fast_deep_equal.default)(a, b);
+  } catch {
+    return !1;
+  }
+}, ActionLogger2 = ({ active }) => {
+  let [actions, setActions] = useState2([]), clearActions = () => setActions([]), clearActionsOnStoryChange = actions.length > 0 && actions[0].options.clearOnStoryChange;
+  return useEffect(() => {
+    let handleStoryChange = () => {
+      clearActionsOnStoryChange && clearActions();
+    }, channel = addons.getChannel();
+    return channel.addListener(SET_CURRENT_STORY, handleStoryChange), () => {
+      channel.removeListener(SET_CURRENT_STORY, handleStoryChange);
+    };
+  }, [clearActionsOnStoryChange]), useEffect(() => {
+    let addAction = (action) => {
+      setActions((prevState) => {
+        if (prevState.find((a) => a.id === action.id))
+          return prevState;
+        let newActions = [...prevState], previous = newActions.length && newActions[0];
+        return previous && safeDeepEqual(previous.data, action.data) ? previous.count++ : (action.count = 1, newActions.unshift(action)), newActions.slice(0, action.options.limit);
+      });
+    }, channel = addons.getChannel();
+    return channel.addListener(EVENT_ID, addAction), () => {
+      channel.removeListener(EVENT_ID, addAction);
+    };
+  }, []), active ? jsx3(ActionLogger, { actions, onClear: clearActions }) : null;
+}, ActionLogger_default = ActionLogger2;
+
+// src/addon-ondevice-actions/index.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function register() {
+  addons2.register(ADDON_ID, (_api) => {
+    addons2.add(PANEL_ID, {
+      type: types.PANEL,
+      title: "Actions",
+      render: ({ active }) => jsx4(ActionLogger_default, { active }),
+      paramKey: PARAM_KEY
+    });
+  });
+}
+
+export {
+  register
+};