@adminide-stack/yantra-mobile 12.0.129-alpha.0 → 12.0.129-alpha.1

package/lib/features/design/surface/CompareView.js

@@ -0,0 +1,138 @@
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useState,useRef}from'react';import {PanResponder,View,Text,StyleSheet}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {useCanvasTheme,themedStyles}from'../../canvas/canvasTheme.js';import {Segmented,SPACE,TYPE}from'../../canvas/canvasUi.js';import {DesignPreview}from'./DesignPreview.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function CompareView({
+  beforeHtml,
+  afterHtml,
+  device
+}) {
+  const theme = useCanvasTheme();
+  const styles = makeStyles(theme);
+  const [mode, setMode] = useState("swipe");
+  const [width, setWidth] = useState(0);
+  const [split, setSplit] = useState(0.5);
+  const live = useRef({
+    width: 0,
+    start: 0.5
+  });
+  live.current.width = width;
+  const responder = useRef(PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: () => true,
+    onPanResponderTerminationRequest: () => false,
+    onPanResponderGrant: () => {
+      live.current.start = splitRef.current;
+    },
+    onPanResponderMove: (_e, g) => {
+      const w = live.current.width || 1;
+      setSplit(Math.min(1, Math.max(0, live.current.start + g.dx / w)));
+    }
+  })).current;
+  const splitRef = useRef(split);
+  splitRef.current = split;
+  return /* @__PURE__ */ jsxs(View, { style: styles.fill, children: [
+    /* @__PURE__ */ jsx(View, { style: styles.bar, children: /* @__PURE__ */ jsx(Segmented, { options: [{
+      id: "before",
+      label: "Before"
+    }, {
+      id: "swipe",
+      label: "Swipe"
+    }, {
+      id: "after",
+      label: "After"
+    }], value: mode, onChange: (id) => setMode(id) }) }),
+    mode !== "swipe" ? /* @__PURE__ */ jsx(DesignPreview, { html: mode === "before" ? beforeHtml : afterHtml, device }, mode) : /* @__PURE__ */ jsxs(View, { style: styles.fill, onLayout: (e) => setWidth(e.nativeEvent.layout.width), children: [
+      /* @__PURE__ */ jsx(DesignPreview, { html: afterHtml, device }),
+      width > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(View, { pointerEvents: "none", style: [styles.clip, {
+          width: width * split
+        }], children: /* @__PURE__ */ jsx(View, { style: {
+          width,
+          flex: 1
+        }, children: /* @__PURE__ */ jsx(DesignPreview, { html: beforeHtml, device }) }) }),
+        /* @__PURE__ */ jsxs(View, __spreadProps(__spreadValues({ style: [styles.divider, {
+          left: width * split - 22
+        }] }, responder.panHandlers), { children: [
+          /* @__PURE__ */ jsx(View, { style: [styles.line, {
+            backgroundColor: theme.primary
+          }] }),
+          /* @__PURE__ */ jsx(View, { style: [styles.knob, {
+            backgroundColor: theme.primary
+          }], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "arrow-split-vertical", size: 16, color: theme.primaryForeground }) })
+        ] })),
+        /* @__PURE__ */ jsx(Text, { pointerEvents: "none", style: [styles.tag, styles.tagLeft], children: "Before" }),
+        /* @__PURE__ */ jsx(Text, { pointerEvents: "none", style: [styles.tag, styles.tagRight], children: "After" })
+      ] }) : null
+    ] })
+  ] });
+}
+const makeStyles = themedStyles((theme) => StyleSheet.create({
+  fill: {
+    flex: 1
+  },
+  bar: {
+    alignItems: "center",
+    paddingVertical: SPACE.xs,
+    backgroundColor: theme.background
+  },
+  clip: {
+    position: "absolute",
+    left: 0,
+    top: 0,
+    bottom: 0,
+    overflow: "hidden"
+  },
+  divider: {
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    width: 44,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  line: {
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    width: 2
+  },
+  knob: {
+    width: 32,
+    height: 32,
+    borderRadius: 16,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  tag: __spreadProps(__spreadValues({
+    position: "absolute",
+    top: SPACE.sm
+  }, TYPE.caption), {
+    color: "#ffffff",
+    backgroundColor: "rgba(11,18,21,0.7)",
+    paddingHorizontal: SPACE.sm,
+    paddingVertical: 2,
+    overflow: "hidden"
+  }),
+  tagLeft: {
+    left: SPACE.sm
+  },
+  tagRight: {
+    right: SPACE.sm
+  }
+}));export{CompareView};//# sourceMappingURL=CompareView.js.map

package/lib/features/design/surface/CompareView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompareView.js","sources":["../../../../src/features/design/surface/CompareView.tsx"],"sourcesContent":["/**\n * Compare - native twin of the web CreationView's compare box: the document\n * from before the last edit against the current one, in ONE frame. Before and\n * After flip the whole page; Swipe lays the two on top of each other with a\n * divider you drag, the before page on the left of it and the edit on the right.\n * Never two panes side by side: halved, each page would reflow to a different\n * layout and the comparison would be of layouts, not of the change.\n */\nimport React, { useRef, useState } from 'react';\nimport { PanResponder, StyleSheet, Text, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { themedStyles, useCanvasTheme, type CanvasPalette } from '../../canvas/canvasTheme';\nimport { SPACE, Segmented, TYPE } from '../../canvas/canvasUi';\nimport { DesignPreview, type PreviewDevice } from './DesignPreview';\n\ntype CompareMode = 'before' | 'swipe' | 'after';\n\nexport function CompareView({\n    beforeHtml,\n    afterHtml,\n    device,\n}: {\n    beforeHtml: string;\n    afterHtml: string;\n    device: PreviewDevice;\n}) {\n    const theme = useCanvasTheme();\n    const styles = makeStyles(theme);\n    const [mode, setMode] = useState<CompareMode>('swipe');\n    const [width, setWidth] = useState(0);\n    const [split, setSplit] = useState(0.5);\n    const live = useRef({ width: 0, start: 0.5 });\n    live.current.width = width;\n    const responder = useRef(\n        PanResponder.create({\n            onStartShouldSetPanResponder: () => true,\n            onMoveShouldSetPanResponder: () => true,\n            onPanResponderTerminationRequest: () => false,\n            onPanResponderGrant: () => {\n                live.current.start = splitRef.current;\n            },\n            onPanResponderMove: (_e, g) => {\n                const w = live.current.width || 1;\n                setSplit(Math.min(1, Math.max(0, live.current.start + g.dx / w)));\n            },\n        }),\n    ).current;\n    const splitRef = useRef(split);\n    splitRef.current = split;\n\n    return (\n        <View style={styles.fill}>\n            <View style={styles.bar}>\n                <Segmented\n                    options={[\n                        { id: 'before', label: 'Before' },\n                        { id: 'swipe', label: 'Swipe' },\n                        { id: 'after', label: 'After' },\n                    ]}\n                    value={mode}\n                    onChange={(id) => setMode(id as CompareMode)}\n                />\n            </View>\n            {mode !== 'swipe' ? (\n                <DesignPreview key={mode} html={mode === 'before' ? beforeHtml : afterHtml} device={device} />\n            ) : (\n                <View style={styles.fill} onLayout={(e) => setWidth(e.nativeEvent.layout.width)}>\n                    <DesignPreview html={afterHtml} device={device} />\n                    {width > 0 ? (\n                        <>\n                            {/* The before page at full width, shown only left of the divider. */}\n                            <View pointerEvents=\"none\" style={[styles.clip, { width: width * split }]}>\n                                <View style={{ width, flex: 1 }}>\n                                    <DesignPreview html={beforeHtml} device={device} />\n                                </View>\n                            </View>\n                            <View style={[styles.divider, { left: width * split - 22 }]} {...responder.panHandlers}>\n                                <View style={[styles.line, { backgroundColor: theme.primary }]} />\n                                <View style={[styles.knob, { backgroundColor: theme.primary }]}>\n                                    <MaterialCommunityIcons\n                                        name=\"arrow-split-vertical\"\n                                        size={16}\n                                        color={theme.primaryForeground}\n                                    />\n                                </View>\n                            </View>\n                            <Text pointerEvents=\"none\" style={[styles.tag, styles.tagLeft]}>\n                                Before\n                            </Text>\n                            <Text pointerEvents=\"none\" style={[styles.tag, styles.tagRight]}>\n                                After\n                            </Text>\n                        </>\n                    ) : null}\n                </View>\n            )}\n        </View>\n    );\n}\n\nconst makeStyles = themedStyles((theme: CanvasPalette) =>\n    StyleSheet.create({\n        fill: { flex: 1 },\n        bar: { alignItems: 'center', paddingVertical: SPACE.xs, backgroundColor: theme.background },\n        clip: { position: 'absolute', left: 0, top: 0, bottom: 0, overflow: 'hidden' },\n        divider: { position: 'absolute', top: 0, bottom: 0, width: 44, alignItems: 'center', justifyContent: 'center' },\n        line: { position: 'absolute', top: 0, bottom: 0, width: 2 },\n        knob: { width: 32, height: 32, borderRadius: 16, alignItems: 'center', justifyContent: 'center' },\n        tag: {\n            position: 'absolute',\n            top: SPACE.sm,\n            ...TYPE.caption,\n            color: '#ffffff',\n            backgroundColor: 'rgba(11,18,21,0.7)',\n            paddingHorizontal: SPACE.sm,\n            paddingVertical: 2,\n            overflow: 'hidden',\n        },\n        tagLeft: { left: SPACE.sm },\n        tagRight: { right: SPACE.sm },\n    }),\n);\n"],"names":[],"mappings":"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"}

package/lib/features/design/surface/CreationScreen.js

@@ -0,0 +1,294 @@
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useState,useRef}from'react';import {View,Text,ActivityIndicator,ScrollView,Modal,TextInput,StyleSheet,Share,Alert}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {useCanvasTheme,themedStyles,CanvasThemeToggle}from'../../canvas/canvasTheme.js';import {IconButton,Segmented,Pressable,ActionButton,SPACE,RADIUS,TYPE}from'../../canvas/canvasUi.js';import {DESIGN_RADIUS}from'./designTheme.js';import {selectionLabel}from'./designChat.js';import {PREVIEW_DEVICES,DesignPreview}from'./DesignPreview.js';import {downloadDesign}from'./designExport.js';import {CompareView}from'./CompareView.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function CreationScreen({
+  creation,
+  streaming,
+  prior,
+  onBack,
+  onRevert,
+  annotate,
+  onToggleAnnotate,
+  onAddPick,
+  pickCount,
+  composer,
+  onPublish,
+  onOpenFull
+}) {
+  const theme = useCanvasTheme();
+  const styles = makeStyles(theme);
+  const [tab, setTab] = useState("preview");
+  const [device, setDevice] = useState("desktop");
+  const [publishing, setPublishing] = useState(false);
+  const [pending, setPending] = useState(null);
+  const [comment, setComment] = useState("");
+  const preview = useRef(null);
+  const canCompare = Boolean(prior) && !streaming;
+  const shownTab = tab === "compare" && !canCompare ? "preview" : tab;
+  const download = () => {
+    void downloadDesign(creation).catch((err) => Alert.alert("Could not save the page", err instanceof Error ? err.message : "Try again."));
+  };
+  const useInCode = async () => {
+    if (!onPublish || publishing) return;
+    setPublishing(true);
+    try {
+      const url = await onPublish(creation);
+      await Share.share({
+        message: url,
+        title: creation.title
+      });
+    } catch (err) {
+      Alert.alert("Could not publish the page", err instanceof Error ? err.message : "Try again.");
+    } finally {
+      setPublishing(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(View, { style: styles.fill, children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.header, children: [
+      /* @__PURE__ */ jsx(IconButton, { icon: "chevron-left", label: "Back to the board", onPress: onBack }),
+      /* @__PURE__ */ jsxs(View, { style: styles.titleWrap, children: [
+        /* @__PURE__ */ jsx(Text, { style: styles.title, numberOfLines: 1, children: streaming ? "Generating\u2026" : creation.title }),
+        creation.partial && !streaming ? /* @__PURE__ */ jsx(Text, { style: styles.partial, children: "Cut off before it finished" }) : null
+      ] }),
+      !streaming ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(IconButton, { icon: "refresh", label: "Refresh preview", onPress: () => {
+          var _a;
+          return (_a = preview.current) == null ? void 0 : _a.reload();
+        }, size: 36 }),
+        /* @__PURE__ */ jsx(CanvasThemeToggle, { style: styles.toggle })
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsxs(View, { style: styles.toolbar, children: [
+      /* @__PURE__ */ jsx(Segmented, { options: [{
+        id: "preview",
+        label: "Preview"
+      }, {
+        id: "code",
+        label: "Code"
+      }, ...canCompare ? [{
+        id: "compare",
+        label: "Compare"
+      }] : []], value: shownTab, onChange: (id) => setTab(id) }),
+      /* @__PURE__ */ jsx(View, { style: styles.devices, children: PREVIEW_DEVICES.map((d) => /* @__PURE__ */ jsx(Pressable, { onPress: () => setDevice(d.key), style: [styles.device, device === d.key && styles.deviceOn], accessibilityRole: "button", accessibilityLabel: d.label, accessibilityState: {
+        selected: device === d.key
+      }, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: d.icon, size: 17, color: device === d.key ? theme.foreground : theme.mutedForeground }) }, d.key)) })
+    ] }),
+    !streaming ? /* @__PURE__ */ jsxs(View, { style: styles.actions, children: [
+      /* @__PURE__ */ jsxs(Pressable, { onPress: onToggleAnnotate, style: [styles.action, annotate && styles.actionOn], accessibilityRole: "button", accessibilityState: {
+        selected: annotate
+      }, children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "map-marker-plus-outline", size: 15, color: annotate ? theme.primaryText : theme.mutedForeground }),
+        /* @__PURE__ */ jsxs(Text, { style: [styles.actionLabel, annotate && {
+          color: theme.foreground
+        }], children: [
+          annotate ? "Tap the page to pin" : "Annotate",
+          pickCount ? ` \xB7 ${pickCount}` : ""
+        ] })
+      ] }),
+      prior && onRevert ? /* @__PURE__ */ jsxs(Pressable, { onPress: onRevert, style: styles.action, accessibilityRole: "button", children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: prior.reverted ? "redo" : "undo", size: 15, color: theme.mutedForeground }),
+        /* @__PURE__ */ jsx(Text, { style: styles.actionLabel, children: prior.reverted ? "Restore edit" : "Revert" })
+      ] }) : null,
+      onOpenFull ? /* @__PURE__ */ jsxs(Pressable, { onPress: onOpenFull, style: styles.action, accessibilityRole: "button", children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "arrow-expand-all", size: 15, color: theme.mutedForeground }),
+        /* @__PURE__ */ jsx(Text, { style: styles.actionLabel, children: "Open" })
+      ] }) : null,
+      onPublish ? /* @__PURE__ */ jsxs(Pressable, { onPress: () => void useInCode(), disabled: publishing, style: styles.action, accessibilityRole: "button", children: [
+        publishing ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: theme.mutedForeground }) : /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "code-braces", size: 15, color: theme.mutedForeground }),
+        /* @__PURE__ */ jsx(Text, { style: styles.actionLabel, children: publishing ? "Publishing\u2026" : "Use in code" })
+      ] }) : null,
+      /* @__PURE__ */ jsxs(Pressable, { onPress: download, style: styles.action, accessibilityRole: "button", children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "download-outline", size: 15, color: theme.mutedForeground }),
+        /* @__PURE__ */ jsx(Text, { style: styles.actionLabel, children: "Download" })
+      ] })
+    ] }) : null,
+    /* @__PURE__ */ jsx(View, { style: styles.stage, children: shownTab === "code" ? /* @__PURE__ */ jsx(ScrollView, { style: styles.code, contentContainerStyle: styles.codeContent, children: /* @__PURE__ */ jsx(ScrollView, { horizontal: true, style: styles.codeRow, children: /* @__PURE__ */ jsx(Text, { selectable: true, style: styles.codeText, children: creation.html }) }) }) : shownTab === "compare" && prior ? /* @__PURE__ */ jsx(CompareView, { beforeHtml: prior.html, afterHtml: creation.html, device }) : /* @__PURE__ */ jsx(DesignPreview, { ref: preview, html: creation.html, device, annotate: annotate && !streaming, onPick: (pick) => {
+      setComment("");
+      setPending(pick);
+    } }) }),
+    composer,
+    /* @__PURE__ */ jsx(Modal, { visible: Boolean(pending), transparent: true, animationType: "fade", onRequestClose: () => setPending(null), children: /* @__PURE__ */ jsx(View, { style: styles.cardScrim, children: /* @__PURE__ */ jsxs(View, { style: styles.card, children: [
+      /* @__PURE__ */ jsxs(Text, { style: styles.cardTitle, children: [
+        "Annotate \u201C",
+        creation.title,
+        "\u201D"
+      ] }),
+      (pending == null ? void 0 : pending.target) ? /* @__PURE__ */ jsxs(View, { style: styles.targetRow, children: [
+        /* @__PURE__ */ jsx(Text, { style: styles.targetTag, children: pending.target.tag || "element" }),
+        /* @__PURE__ */ jsx(Text, { style: styles.targetText, numberOfLines: 2, children: selectionLabel(pending.target) || "no text - pinned by position" })
+      ] }) : null,
+      /* @__PURE__ */ jsx(TextInput, { value: comment, onChangeText: setComment, placeholder: "What should change here?", placeholderTextColor: theme.mutedForeground, autoFocus: true, multiline: true, style: styles.cardInput }),
+      /* @__PURE__ */ jsxs(View, { style: styles.cardButtons, children: [
+        /* @__PURE__ */ jsx(ActionButton, { label: "Cancel", variant: "secondary", onPress: () => setPending(null) }),
+        /* @__PURE__ */ jsx(ActionButton, { label: "Add pin", onPress: () => {
+          if (pending) onAddPick(__spreadProps(__spreadValues({}, pending), {
+            comment: comment.trim()
+          }));
+          setPending(null);
+        } })
+      ] })
+    ] }) }) })
+  ] });
+}
+const makeStyles = themedStyles((theme) => StyleSheet.create({
+  fill: {
+    flex: 1
+  },
+  header: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: SPACE.xs,
+    paddingHorizontal: SPACE.sm,
+    height: 52
+  },
+  titleWrap: {
+    flex: 1
+  },
+  title: __spreadProps(__spreadValues({}, TYPE.title), {
+    color: theme.foreground
+  }),
+  partial: __spreadProps(__spreadValues({}, TYPE.caption), {
+    color: theme.warningText
+  }),
+  toolbar: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: SPACE.md,
+    gap: SPACE.sm
+  },
+  devices: {
+    flexDirection: "row",
+    padding: 3,
+    borderRadius: RADIUS.pill,
+    backgroundColor: theme.card
+  },
+  device: {
+    width: 34,
+    height: 30,
+    borderRadius: RADIUS.pill,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  deviceOn: {
+    backgroundColor: theme.isDark ? theme.secondary : theme.surface
+  },
+  actions: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: SPACE.sm,
+    paddingHorizontal: SPACE.md,
+    paddingTop: SPACE.sm
+  },
+  toggle: {
+    marginLeft: SPACE.xs
+  },
+  action: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 5,
+    height: 30,
+    paddingHorizontal: SPACE.md,
+    borderRadius: RADIUS.pill,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: theme.border
+  },
+  actionOn: {
+    backgroundColor: theme.card,
+    borderColor: theme.borderStrong
+  },
+  actionLabel: __spreadProps(__spreadValues({}, TYPE.caption), {
+    color: theme.mutedForeground
+  }),
+  stage: {
+    flex: 1,
+    margin: SPACE.md,
+    borderRadius: DESIGN_RADIUS,
+    overflow: "hidden",
+    backgroundColor: "#ffffff",
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: theme.border
+  },
+  code: {
+    flex: 1,
+    backgroundColor: theme.isDark ? "#0b0b0f" : "#f8fafc"
+  },
+  codeContent: {
+    padding: SPACE.md
+  },
+  codeRow: {
+    flexGrow: 0
+  },
+  codeText: {
+    fontFamily: "Menlo",
+    fontSize: 11,
+    lineHeight: 16,
+    color: theme.foreground
+  },
+  compareBar: {
+    alignItems: "center",
+    paddingVertical: SPACE.xs,
+    backgroundColor: theme.background
+  },
+  cardScrim: {
+    flex: 1,
+    backgroundColor: "rgba(0,0,0,0.4)",
+    justifyContent: "center",
+    padding: SPACE.xl
+  },
+  card: {
+    borderRadius: DESIGN_RADIUS,
+    padding: SPACE.lg,
+    gap: SPACE.md,
+    backgroundColor: theme.background
+  },
+  cardTitle: __spreadProps(__spreadValues({}, TYPE.title), {
+    color: theme.foreground
+  }),
+  targetRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: SPACE.sm,
+    padding: SPACE.sm,
+    borderRadius: DESIGN_RADIUS,
+    backgroundColor: theme.card
+  },
+  targetTag: {
+    fontFamily: "Menlo",
+    fontSize: 11,
+    color: theme.primaryText
+  },
+  targetText: __spreadProps(__spreadValues({}, TYPE.caption), {
+    color: theme.foreground,
+    flex: 1
+  }),
+  cardInput: __spreadValues({
+    minHeight: 70,
+    borderRadius: DESIGN_RADIUS,
+    padding: SPACE.md,
+    backgroundColor: theme.card,
+    color: theme.foreground,
+    textAlignVertical: "top"
+  }, TYPE.body),
+  cardButtons: {
+    flexDirection: "row",
+    justifyContent: "flex-end",
+    gap: SPACE.sm
+  }
+}));export{CreationScreen};//# sourceMappingURL=CreationScreen.js.map

package/lib/features/design/surface/CreationScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreationScreen.js","sources":["../../../../src/features/design/surface/CreationScreen.tsx"],"sourcesContent":["/**\n * One creation, full screen - native twin of web `CreationView`:\n *\n *   Preview | Code | Compare    Compare holds the document from before the last\n *                               edit against the current one (Before / After)\n *   device                      Mobile · Tablet · Desktop layout widths\n *   Revert / Restore edit       a swap, so the same button undoes itself\n *   Annotate                    tap the page to pin a comment on what you tapped\n *   Open                        the page alone, full screen in the app\n *   Use in code                 publish the page; its raw url goes to the share sheet\n *   Download                    the page as an .html file\n *   theme                       the surface's light / dark toggle\n *\n * The Agent bar underneath edits this design in place (or makes a new one from it).\n */\nimport React, { useRef, useState } from 'react';\nimport { ActivityIndicator, Alert, Modal, ScrollView, Share, StyleSheet, Text, TextInput, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { CanvasThemeToggle, themedStyles, useCanvasTheme, type CanvasPalette } from '../../canvas/canvasTheme';\nimport { ActionButton, IconButton, Pressable, RADIUS, SPACE, Segmented, TYPE } from '../../canvas/canvasUi';\nimport type { DesignArtifact } from './designBoard';\nimport { DESIGN_RADIUS } from './designTheme';\nimport { selectionLabel, type AnnotationTarget } from './designChat';\nimport { DesignPreview, PREVIEW_DEVICES, type DesignPreviewHandle, type PreviewDevice } from './DesignPreview';\nimport type { PriorVersion } from './useDesignSurface';\nimport { downloadDesign } from './designExport';\nimport { CompareView } from './CompareView';\n\ntype Tab = 'preview' | 'code' | 'compare';\n\nexport interface PendingPick {\n    xPct: number;\n    yPct: number;\n    target?: AnnotationTarget;\n}\n\nexport function CreationScreen({\n    creation,\n    streaming,\n    prior,\n    onBack,\n    onRevert,\n    annotate,\n    onToggleAnnotate,\n    onAddPick,\n    pickCount,\n    composer,\n    onPublish,\n    onOpenFull,\n}: {\n    creation: DesignArtifact;\n    /** The live generation, shown as it is written. */\n    streaming?: boolean;\n    prior?: PriorVersion;\n    onBack: () => void;\n    onRevert?: () => void;\n    annotate: boolean;\n    onToggleAnnotate: () => void;\n    onAddPick: (pick: PendingPick & { comment: string }) => void;\n    pickCount: number;\n    composer: React.ReactNode;\n    /** \"Use in code\": publish the page; resolves to its raw url. Absent: the action hides. */\n    onPublish?: (creation: DesignArtifact) => Promise<string>;\n    /** \"Open\": the page on its own, full screen in the app. */\n    onOpenFull?: () => void;\n}) {\n    const theme = useCanvasTheme();\n    const styles = makeStyles(theme);\n    const [tab, setTab] = useState<Tab>('preview');\n    const [device, setDevice] = useState<PreviewDevice>('desktop');\n    const [publishing, setPublishing] = useState(false);\n    const [pending, setPending] = useState<PendingPick | null>(null);\n    const [comment, setComment] = useState('');\n    const preview = useRef<DesignPreviewHandle>(null);\n    const canCompare = Boolean(prior) && !streaming;\n    const shownTab: Tab = tab === 'compare' && !canCompare ? 'preview' : tab;\n\n    const download = () => {\n        void downloadDesign(creation).catch((err) =>\n            Alert.alert('Could not save the page', err instanceof Error ? err.message : 'Try again.'),\n        );\n    };\n\n    /** Publish, then hand the raw url on - Codezen's Design panel and a coding agent fetch that form. */\n    const useInCode = async () => {\n        if (!onPublish || publishing) return;\n        setPublishing(true);\n        try {\n            const url = await onPublish(creation);\n            await Share.share({ message: url, title: creation.title });\n        } catch (err) {\n            Alert.alert('Could not publish the page', err instanceof Error ? err.message : 'Try again.');\n        } finally {\n            setPublishing(false);\n        }\n    };\n\n    return (\n        <View style={styles.fill}>\n            <View style={styles.header}>\n                <IconButton icon=\"chevron-left\" label=\"Back to the board\" onPress={onBack} />\n                <View style={styles.titleWrap}>\n                    <Text style={styles.title} numberOfLines={1}>\n                        {streaming ? 'Generating…' : creation.title}\n                    </Text>\n                    {creation.partial && !streaming ? (\n                        <Text style={styles.partial}>Cut off before it finished</Text>\n                    ) : null}\n                </View>\n                {!streaming ? (\n                    <>\n                        <IconButton\n                            icon=\"refresh\"\n                            label=\"Refresh preview\"\n                            onPress={() => preview.current?.reload()}\n                            size={36}\n                        />\n                        <CanvasThemeToggle style={styles.toggle} />\n                    </>\n                ) : null}\n            </View>\n            <View style={styles.toolbar}>\n                <Segmented\n                    options={[\n                        { id: 'preview', label: 'Preview' },\n                        { id: 'code', label: 'Code' },\n                        ...(canCompare ? [{ id: 'compare' as const, label: 'Compare' }] : []),\n                    ]}\n                    value={shownTab}\n                    onChange={(id) => setTab(id as Tab)}\n                />\n                <View style={styles.devices}>\n                    {PREVIEW_DEVICES.map((d) => (\n                        <Pressable\n                            key={d.key}\n                            onPress={() => setDevice(d.key)}\n                            style={[styles.device, device === d.key && styles.deviceOn]}\n                            accessibilityRole=\"button\"\n                            accessibilityLabel={d.label}\n                            accessibilityState={{ selected: device === d.key }}\n                        >\n                            <MaterialCommunityIcons\n                                name={d.icon as React.ComponentProps<typeof MaterialCommunityIcons>['name']}\n                                size={17}\n                                color={device === d.key ? theme.foreground : theme.mutedForeground}\n                            />\n                        </Pressable>\n                    ))}\n                </View>\n            </View>\n            {!streaming ? (\n                <View style={styles.actions}>\n                    <Pressable\n                        onPress={onToggleAnnotate}\n                        style={[styles.action, annotate && styles.actionOn]}\n                        accessibilityRole=\"button\"\n                        accessibilityState={{ selected: annotate }}\n                    >\n                        <MaterialCommunityIcons\n                            name=\"map-marker-plus-outline\"\n                            size={15}\n                            color={annotate ? theme.primaryText : theme.mutedForeground}\n                        />\n                        <Text style={[styles.actionLabel, annotate && { color: theme.foreground }]}>\n                            {annotate ? 'Tap the page to pin' : 'Annotate'}\n                            {pickCount ? ` · ${pickCount}` : ''}\n                        </Text>\n                    </Pressable>\n                    {prior && onRevert ? (\n                        <Pressable onPress={onRevert} style={styles.action} accessibilityRole=\"button\">\n                            <MaterialCommunityIcons\n                                name={prior.reverted ? 'redo' : 'undo'}\n                                size={15}\n                                color={theme.mutedForeground}\n                            />\n                            <Text style={styles.actionLabel}>{prior.reverted ? 'Restore edit' : 'Revert'}</Text>\n                        </Pressable>\n                    ) : null}\n                    {onOpenFull ? (\n                        <Pressable onPress={onOpenFull} style={styles.action} accessibilityRole=\"button\">\n                            <MaterialCommunityIcons name=\"arrow-expand-all\" size={15} color={theme.mutedForeground} />\n                            <Text style={styles.actionLabel}>Open</Text>\n                        </Pressable>\n                    ) : null}\n                    {onPublish ? (\n                        <Pressable\n                            onPress={() => void useInCode()}\n                            disabled={publishing}\n                            style={styles.action}\n                            accessibilityRole=\"button\"\n                        >\n                            {publishing ? (\n                                <ActivityIndicator size=\"small\" color={theme.mutedForeground} />\n                            ) : (\n                                <MaterialCommunityIcons name=\"code-braces\" size={15} color={theme.mutedForeground} />\n                            )}\n                            <Text style={styles.actionLabel}>{publishing ? 'Publishing…' : 'Use in code'}</Text>\n                        </Pressable>\n                    ) : null}\n                    <Pressable onPress={download} style={styles.action} accessibilityRole=\"button\">\n                        <MaterialCommunityIcons name=\"download-outline\" size={15} color={theme.mutedForeground} />\n                        <Text style={styles.actionLabel}>Download</Text>\n                    </Pressable>\n                </View>\n            ) : null}\n\n            <View style={styles.stage}>\n                {shownTab === 'code' ? (\n                    <ScrollView style={styles.code} contentContainerStyle={styles.codeContent}>\n                        <ScrollView horizontal style={styles.codeRow}>\n                            <Text selectable style={styles.codeText}>\n                                {creation.html}\n                            </Text>\n                        </ScrollView>\n                    </ScrollView>\n                ) : shownTab === 'compare' && prior ? (\n                    <CompareView beforeHtml={prior.html} afterHtml={creation.html} device={device} />\n                ) : (\n                    <DesignPreview\n                        ref={preview}\n                        html={creation.html}\n                        device={device}\n                        annotate={annotate && !streaming}\n                        onPick={(pick) => {\n                            setComment('');\n                            setPending(pick);\n                        }}\n                    />\n                )}\n            </View>\n            {composer}\n\n            <Modal visible={Boolean(pending)} transparent animationType=\"fade\" onRequestClose={() => setPending(null)}>\n                <View style={styles.cardScrim}>\n                    <View style={styles.card}>\n                        <Text style={styles.cardTitle}>Annotate “{creation.title}”</Text>\n                        {pending?.target ? (\n                            <View style={styles.targetRow}>\n                                <Text style={styles.targetTag}>{pending.target.tag || 'element'}</Text>\n                                <Text style={styles.targetText} numberOfLines={2}>\n                                    {selectionLabel(pending.target) || 'no text - pinned by position'}\n                                </Text>\n                            </View>\n                        ) : null}\n                        <TextInput\n                            value={comment}\n                            onChangeText={setComment}\n                            placeholder=\"What should change here?\"\n                            placeholderTextColor={theme.mutedForeground}\n                            autoFocus\n                            multiline\n                            style={styles.cardInput}\n                        />\n                        <View style={styles.cardButtons}>\n                            <ActionButton label=\"Cancel\" variant=\"secondary\" onPress={() => setPending(null)} />\n                            <ActionButton\n                                label=\"Add pin\"\n                                onPress={() => {\n                                    if (pending) onAddPick({ ...pending, comment: comment.trim() });\n                                    setPending(null);\n                                }}\n                            />\n                        </View>\n                    </View>\n                </View>\n            </Modal>\n        </View>\n    );\n}\n\nconst makeStyles = themedStyles((theme: CanvasPalette) =>\n    StyleSheet.create({\n        fill: { flex: 1 },\n        header: { flexDirection: 'row', alignItems: 'center', gap: SPACE.xs, paddingHorizontal: SPACE.sm, height: 52 },\n        titleWrap: { flex: 1 },\n        title: { ...TYPE.title, color: theme.foreground },\n        partial: { ...TYPE.caption, color: theme.warningText },\n        toolbar: {\n            flexDirection: 'row',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            paddingHorizontal: SPACE.md,\n            gap: SPACE.sm,\n        },\n        devices: { flexDirection: 'row', padding: 3, borderRadius: RADIUS.pill, backgroundColor: theme.card },\n        device: { width: 34, height: 30, borderRadius: RADIUS.pill, alignItems: 'center', justifyContent: 'center' },\n        deviceOn: { backgroundColor: theme.isDark ? theme.secondary : theme.surface },\n        actions: {\n            flexDirection: 'row',\n            flexWrap: 'wrap',\n            gap: SPACE.sm,\n            paddingHorizontal: SPACE.md,\n            paddingTop: SPACE.sm,\n        },\n        toggle: { marginLeft: SPACE.xs },\n        action: {\n            flexDirection: 'row',\n            alignItems: 'center',\n            gap: 5,\n            height: 30,\n            paddingHorizontal: SPACE.md,\n            borderRadius: RADIUS.pill,\n            borderWidth: StyleSheet.hairlineWidth,\n            borderColor: theme.border,\n        },\n        actionOn: { backgroundColor: theme.card, borderColor: theme.borderStrong },\n        actionLabel: { ...TYPE.caption, color: theme.mutedForeground },\n        stage: {\n            flex: 1,\n            margin: SPACE.md,\n            borderRadius: DESIGN_RADIUS,\n            overflow: 'hidden',\n            backgroundColor: '#ffffff',\n            borderWidth: StyleSheet.hairlineWidth,\n            borderColor: theme.border,\n        },\n        code: { flex: 1, backgroundColor: theme.isDark ? '#0b0b0f' : '#f8fafc' },\n        codeContent: { padding: SPACE.md },\n        codeRow: { flexGrow: 0 },\n        codeText: { fontFamily: 'Menlo', fontSize: 11, lineHeight: 16, color: theme.foreground },\n        compareBar: { alignItems: 'center', paddingVertical: SPACE.xs, backgroundColor: theme.background },\n        cardScrim: { flex: 1, backgroundColor: 'rgba(0,0,0,0.4)', justifyContent: 'center', padding: SPACE.xl },\n        card: { borderRadius: DESIGN_RADIUS, padding: SPACE.lg, gap: SPACE.md, backgroundColor: theme.background },\n        cardTitle: { ...TYPE.title, color: theme.foreground },\n        targetRow: {\n            flexDirection: 'row',\n            alignItems: 'center',\n            gap: SPACE.sm,\n            padding: SPACE.sm,\n            borderRadius: DESIGN_RADIUS,\n            backgroundColor: theme.card,\n        },\n        targetTag: { fontFamily: 'Menlo', fontSize: 11, color: theme.primaryText },\n        targetText: { ...TYPE.caption, color: theme.foreground, flex: 1 },\n        cardInput: {\n            minHeight: 70,\n            borderRadius: DESIGN_RADIUS,\n            padding: SPACE.md,\n            backgroundColor: theme.card,\n            color: theme.foreground,\n            textAlignVertical: 'top',\n            ...TYPE.body,\n        },\n        cardButtons: { flexDirection: 'row', justifyContent: 'flex-end', gap: SPACE.sm },\n    }),\n);\n"],"names":[],"mappings":"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"}