npm - @adminide-stack/yantra-mobile - Versions diffs - 12.0.108 → 12.0.109 - Mend

@adminide-stack/yantra-mobile 12.0.108 → 12.0.109

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (82) hide show

package/lib/features/webbuilder/components/PublishSheet.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PublishSheet.js","sources":["../../../../src/features/webbuilder/components/PublishSheet.tsx"],"sourcesContent":["/**\n * Publish a build: the web PublishControls dialog on a sheet. The person\n * picks the site's name (`<name>.pages.dev`), the host starts the deploy, and\n * the live address arrives later on a chat post - so the sheet says\n * \"Publishing…\" until the build carries it, then shows it with Open / Share.\n */\nimport React, { useEffect, useState } from 'react';\nimport { Linking, Share, StyleSheet, Text, TextInput, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { displayHost, isValidPublishSlug, publishSlug } from '../buildFragments';\nimport type { WebBuilderBuild, WebBuilderPublishResult } from '../types';\nimport type { WebBuilderTheme } from '../webbuilderTheme';\nimport { PrimaryButton, SecondaryButton, Sheet } from './ui';\n\nexport function PublishSheet({\n visible,\n build,\n publishing,\n onPublish,\n onClose,\n theme,\n}: {\n visible: boolean;\n build: WebBuilderBuild | null;\n /** A deploy is running on this site (started here, or seen on the chat). */\n publishing: boolean;\n onPublish?: (build: WebBuilderBuild, projectName: string) => Promise<WebBuilderPublishResult>;\n onClose: () => void;\n theme: WebBuilderTheme;\n}) {\n const [name, setName] = useState('');\n const [starting, setStarting] = useState(false);\n const [error, setError] = useState<string | null>(null);\n\n useEffect(() => {\n if (!visible || !build) return;\n setName((prev) => prev || publishSlug(build.title));\n setError(null);\n }, [visible, build]);\n\n const live = build?.liveUrl ?? null;\n const valid = isValidPublishSlug(name);\n\n const publish = async () => {\n if (!build || !onPublish || !valid) return;\n setStarting(true);\n setError(null);\n try {\n const result = await onPublish(build, name);\n if (!result.ok) setError(result.message || \"Publishing didn't start. Try again.\");\n } catch {\n setError(\"Publishing didn't start. Check your connection and try again.\");\n } finally {\n setStarting(false);\n }\n };\n\n let body: React.ReactNode;\n if (!build?.sandboxId) {\n body = (\n <Text style={[styles.note, { color: theme.muted }]}>\n There is nothing to publish yet. Build the site first, then publish it here.\n </Text>\n );\n } else if (publishing && !starting) {\n body = (\n <View style={styles.block} testID=\"webbuilder-publishing\">\n <PrimaryButton label=\"Publishing…\" onPress={() => undefined} theme={theme} busy />\n <Text style={[styles.note, { color: theme.muted }]}>\n This takes a minute or two. You can keep editing; the address appears here when it is live.\n </Text>\n </View>\n );\n } else {\n body = (\n <View style={styles.block}>\n {live ? (\n <View style={[styles.liveCard, { backgroundColor: theme.goodSoft }]} testID=\"webbuilder-live\">\n <MaterialCommunityIcons name=\"earth\" size={20} color={theme.good} />\n <Text style={[styles.liveHost, { color: theme.good }]} numberOfLines={1}>\n {displayHost(live)}\n </Text>\n </View>\n ) : null}\n {live ? (\n <View style={styles.row}>\n <SecondaryButton\n label=\"Open\"\n icon=\"open-in-new\"\n onPress={() => {\n Linking.openURL(live).catch(() => undefined);\n }}\n theme={theme}\n />\n <SecondaryButton\n label=\"Share\"\n icon=\"share-variant-outline\"\n onPress={() => {\n Share.share({ message: live, url: live }).catch(() => undefined);\n }}\n theme={theme}\n />\n </View>\n ) : null}\n <Text style={[styles.label, { color: theme.muted }]}>\n {live ? 'Publish the latest version' : 'Site address'}\n </Text>\n <View\n style={[\n styles.field,\n { backgroundColor: theme.chip, borderColor: valid ? theme.border : theme.crit },\n ]}\n >\n <TextInput\n value={name}\n onChangeText={(text) =>\n setName(\n text\n .toLowerCase()\n .replace(/[^a-z0-9-]/g, '')\n .slice(0, 58),\n )\n }\n autoCapitalize=\"none\"\n autoCorrect={false}\n placeholder=\"my-site\"\n placeholderTextColor={theme.faint}\n style={[styles.input, { color: theme.ink }]}\n accessibilityLabel=\"Site name\"\n testID=\"webbuilder-publish-name\"\n />\n <Text style={[styles.suffix, { color: theme.muted }]}>.pages.dev</Text>\n </View>\n {!valid && name ? (\n <Text style={[styles.help, { color: theme.crit }]}>\n Letters, numbers and dashes; it cannot start or end with a dash.\n </Text>\n ) : null}\n {error ? <Text style={[styles.help, { color: theme.crit }]}>{error}</Text> : null}\n <PrimaryButton\n label={live ? 'Publish update' : 'Publish'}\n icon=\"rocket-launch-outline\"\n onPress={() => {\n publish().catch(() => undefined);\n }}\n theme={theme}\n busy={starting}\n disabled={!valid || !onPublish}\n testID=\"webbuilder-publish-submit\"\n />\n </View>\n );\n }\n\n return (\n <Sheet visible={visible} title=\"Publish\" onClose={onClose} theme={theme} testID=\"webbuilder-publish-sheet\">\n {body}\n </Sheet>\n );\n}\n\nconst styles = StyleSheet.create({\n block: { gap: 12, paddingTop: 4 },\n row: { flexDirection: 'row', gap: 10 },\n liveCard: { flexDirection: 'row', alignItems: 'center', gap: 10, padding: 14, borderRadius: 12 },\n liveHost: { flex: 1, fontSize: 15, fontWeight: '700' },\n label: { fontSize: 13, fontWeight: '600', marginTop: 4 },\n field: {\n flexDirection: 'row',\n alignItems: 'center',\n borderRadius: 12,\n borderWidth: StyleSheet.hairlineWidth,\n paddingHorizontal: 14,\n minHeight: 48,\n },\n input: { flex: 1, fontSize: 16, paddingVertical: 10 },\n suffix: { fontSize: 15 },\n help: { fontSize: 13 },\n note: { fontSize: 14, lineHeight: 20, paddingVertical: 8 },\n});\n"],"names":[],"mappings":"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"}

package/lib/features/webbuilder/components/SiteScoreSheet.js ADDED Viewed

@@ -0,0 +1,73 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {useState,useEffect}from'react';import {StyleSheet,View,Text,TextInput}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {isValidLookUrl}from'../studioCatalog.js';import {Sheet,PrimaryButton}from'./ui.js';function SiteScoreSheet({
+  visible,
+  onClose,
+  onCheck,
+  blocked,
+  theme
+}) {
+  const [url, setUrl] = useState("");
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (visible) setError(null);
+  }, [visible]);
+  const check = () => {
+    const value = /^https?:\/\//i.test(url.trim()) ? url.trim() : `https://${url.trim()}`;
+    if (!isValidLookUrl(value)) {
+      setError("Enter a full address, like https://example.com.");
+      return;
+    }
+    if (blocked) {
+      setError(blocked);
+      return;
+    }
+    onCheck(value);
+    setUrl("");
+  };
+  return /* @__PURE__ */ jsx(Sheet, { visible, title: "Site score", onClose, theme, testID: "webbuilder-score-sheet", children: /* @__PURE__ */ jsxs(View, { style: styles.body, children: [
+    /* @__PURE__ */ jsx(Text, { style: [styles.intro, {
+      color: theme.muted
+    }], children: "Speed, accessibility and SEO as one number, with the fixes that raise it most." }),
+    /* @__PURE__ */ jsxs(View, { style: [styles.field, {
+      backgroundColor: theme.chip,
+      borderColor: error ? theme.crit : "transparent"
+    }], children: [
+      /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "web", size: 18, color: theme.muted }),
+      /* @__PURE__ */ jsx(TextInput, { value: url, onChangeText: (text) => {
+        setUrl(text);
+        if (error) setError(null);
+      }, onSubmitEditing: check, placeholder: "https://your-site.com", placeholderTextColor: theme.faint, autoCapitalize: "none", autoCorrect: false, keyboardType: "url", autoFocus: true, style: [styles.input, {
+        color: theme.ink
+      }], accessibilityLabel: "Site address", testID: "webbuilder-score-url" })
+    ] }),
+    error ? /* @__PURE__ */ jsx(Text, { style: [styles.error, {
+      color: theme.crit
+    }], children: error }) : null,
+    /* @__PURE__ */ jsx(PrimaryButton, { label: "Check site", icon: "speedometer", onPress: check, theme, disabled: !url.trim(), testID: "webbuilder-score-check" })
+  ] }) });
+}
+const styles = StyleSheet.create({
+  body: {
+    gap: 12,
+    paddingTop: 4
+  },
+  intro: {
+    fontSize: 14,
+    lineHeight: 20
+  },
+  field: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    borderRadius: 12,
+    borderWidth: 1,
+    paddingHorizontal: 12
+  },
+  input: {
+    flex: 1,
+    fontSize: 16,
+    paddingVertical: 12
+  },
+  error: {
+    fontSize: 13
+  }
+});export{SiteScoreSheet};//# sourceMappingURL=SiteScoreSheet.js.map

package/lib/features/webbuilder/components/SiteScoreSheet.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SiteScoreSheet.js","sources":["../../../../src/features/webbuilder/components/SiteScoreSheet.tsx"],"sourcesContent":["/**\n * Site score - the web studio's \"Check a site before you share it\": an address\n * in, one score for speed, accessibility and SEO out, with the fixes that would\n * raise it. The agent runs the check and answers in a new project's chat.\n */\nimport React, { useEffect, useState } from 'react';\nimport { StyleSheet, Text, TextInput, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { isValidLookUrl } from '../studioCatalog';\nimport type { WebBuilderTheme } from '../webbuilderTheme';\nimport { PrimaryButton, Sheet } from './ui';\n\nexport function SiteScoreSheet({\n visible,\n onClose,\n onCheck,\n blocked,\n theme,\n}: {\n visible: boolean;\n onClose: () => void;\n onCheck: (url: string) => void;\n /** Why a check cannot start now, or null. */\n blocked: string | null;\n theme: WebBuilderTheme;\n}) {\n const [url, setUrl] = useState('');\n const [error, setError] = useState<string | null>(null);\n useEffect(() => {\n if (visible) setError(null);\n }, [visible]);\n\n const check = () => {\n const value = /^https?:\\/\\//i.test(url.trim()) ? url.trim() : `https://${url.trim()}`;\n if (!isValidLookUrl(value)) {\n setError('Enter a full address, like https://example.com.');\n return;\n }\n if (blocked) {\n setError(blocked);\n return;\n }\n onCheck(value);\n setUrl('');\n };\n\n return (\n <Sheet visible={visible} title=\"Site score\" onClose={onClose} theme={theme} testID=\"webbuilder-score-sheet\">\n <View style={styles.body}>\n <Text style={[styles.intro, { color: theme.muted }]}>\n Speed, accessibility and SEO as one number, with the fixes that raise it most.\n </Text>\n <View\n style={[\n styles.field,\n { backgroundColor: theme.chip, borderColor: error ? theme.crit : 'transparent' },\n ]}\n >\n <MaterialCommunityIcons name=\"web\" size={18} color={theme.muted} />\n <TextInput\n value={url}\n onChangeText={(text) => {\n setUrl(text);\n if (error) setError(null);\n }}\n onSubmitEditing={check}\n placeholder=\"https://your-site.com\"\n placeholderTextColor={theme.faint}\n autoCapitalize=\"none\"\n autoCorrect={false}\n keyboardType=\"url\"\n autoFocus\n style={[styles.input, { color: theme.ink }]}\n accessibilityLabel=\"Site address\"\n testID=\"webbuilder-score-url\"\n />\n </View>\n {error ? <Text style={[styles.error, { color: theme.crit }]}>{error}</Text> : null}\n <PrimaryButton\n label=\"Check site\"\n icon=\"speedometer\"\n onPress={check}\n theme={theme}\n disabled={!url.trim()}\n testID=\"webbuilder-score-check\"\n />\n </View>\n </Sheet>\n );\n}\n\nconst styles = StyleSheet.create({\n body: { gap: 12, paddingTop: 4 },\n intro: { fontSize: 14, lineHeight: 20 },\n field: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: 8,\n borderRadius: 12,\n borderWidth: 1,\n paddingHorizontal: 12,\n },\n input: { flex: 1, fontSize: 16, paddingVertical: 12 },\n error: { fontSize: 13 },\n});\n"],"names":[],"mappings":"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"}

package/lib/features/webbuilder/components/StudioHome.js ADDED Viewed

@@ -0,0 +1,367 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useRef,useState}from'react';import {StyleSheet,ScrollView,View,Text}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {Tap,DIM}from'../../inbox/components/Tap.js';import {isValidLookUrl,isBareSeed,STUDIO_CHIPS,STUDIO_CHIP_GLYPH,STUDIO_STEPS,brandSummary,hostLabel}from'../studioCatalog.js';import {Composer}from'./Composer.js';var __defProp = Object.defineProperty;
+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;
+};
+const GUTTER = 16;
+const HERO_PAD = 18;
+function ShapeRow({
+  icon,
+  tint,
+  tintSoft,
+  eyebrow,
+  title,
+  detail,
+  onPress,
+  theme,
+  trailing,
+  last = false,
+  testID
+}) {
+  return /* @__PURE__ */ jsxs(Tap, { onPress, accessibilityRole: "button", accessibilityLabel: `${title}. ${detail}`, style: [styles.shape, !last && {
+    borderBottomColor: theme.border,
+    borderBottomWidth: StyleSheet.hairlineWidth
+  }], pressedStyle: DIM, testID, children: [
+    /* @__PURE__ */ jsx(View, { style: [styles.shapeIcon, {
+      backgroundColor: tintSoft
+    }], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: icon, size: 21, color: tint }) }),
+    /* @__PURE__ */ jsxs(View, { style: styles.shapeText, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.shapeEyebrow, {
+        color: tint
+      }], children: eyebrow }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.shapeTitle, {
+        color: theme.ink
+      }], numberOfLines: 1, children: title }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.shapeDetail, {
+        color: theme.muted
+      }], numberOfLines: 1, children: detail }),
+      trailing
+    ] }),
+    /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "chevron-right", size: 20, color: theme.faint })
+  ] });
+}
+function StudioHome({
+  draft,
+  onDraft,
+  template,
+  onClearTemplate,
+  onBrowseTemplates,
+  brand,
+  onBrand,
+  onSiteScore,
+  onStart,
+  connecting,
+  startNotice,
+  theme,
+  bottomInset
+}) {
+  const inputRef = useRef(null);
+  const scrollRef = useRef(null);
+  const [lookUrl, setLookUrl] = useState("");
+  const [lookOpen, setLookOpen] = useState(false);
+  const [notice, setNotice] = useState(null);
+  const referenceUrl = isValidLookUrl(lookUrl) ? lookUrl.trim() : void 0;
+  const lookInvalid = lookUrl.trim().length > 0 && !referenceUrl;
+  const hasBrief = !isBareSeed(draft) || Boolean(template);
+  const start = () => {
+    var _a;
+    setNotice(null);
+    if (!hasBrief) {
+      setNotice("Say a little more: what is it, and who is it for?");
+      (_a = inputRef.current) == null ? void 0 : _a.focus();
+      return;
+    }
+    if (lookInvalid) {
+      setNotice("The look-alike site needs a full https address, like https://stripe.com.");
+      return;
+    }
+    onStart(__spreadValues({
+      brief: draft.trim(),
+      template
+    }, referenceUrl ? {
+      referenceUrl
+    } : {}));
+    setLookUrl("");
+    setLookOpen(false);
+  };
+  const shownNotice = notice || startNotice;
+  return /* @__PURE__ */ jsxs(ScrollView, { ref: scrollRef, style: styles.fill, contentContainerStyle: [styles.content, {
+    paddingBottom: bottomInset + 24
+  }], keyboardShouldPersistTaps: "handled", testID: "webbuilder-home", children: [
+    /* @__PURE__ */ jsxs(View, { style: [styles.hero, {
+      backgroundColor: theme.hero,
+      borderColor: theme.accentBorder
+    }], children: [
+      /* @__PURE__ */ jsxs(View, { style: styles.heroHead, children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.eyebrow, {
+          color: theme.accent
+        }], children: "WEBSITE STUDIO" }),
+        /* @__PURE__ */ jsxs(Text, { style: [styles.title, {
+          color: theme.ink
+        }], children: [
+          "What do you want to ",
+          /* @__PURE__ */ jsx(Text, { style: {
+            color: theme.accent
+          }, children: "build" }),
+          " today?"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Composer, { ref: inputRef, value: draft, onChangeText: (text) => {
+        onDraft(text);
+        if (notice) setNotice(null);
+      }, onSubmit: start, template, onTemplate: onBrowseTemplates, onClearTemplate, lookUrl, onLookUrl: setLookUrl, lookInvalid, lookOpen, onLookOpen: setLookOpen, brand, onBrand, connecting, canSubmit: hasBrief, theme }),
+      shownNotice ? /* @__PURE__ */ jsxs(View, { style: [styles.notice, {
+        backgroundColor: theme.critSoft
+      }], accessibilityLiveRegion: "polite", children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "alert-circle-outline", size: 16, color: theme.crit }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.noticeText, {
+          color: theme.crit
+        }], children: shownNotice })
+      ] }) : null,
+      /* @__PURE__ */ jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, keyboardShouldPersistTaps: "handled", style: styles.chipsBleed, contentContainerStyle: styles.chips, children: STUDIO_CHIPS.map((chip) => /* @__PURE__ */ jsxs(Tap, { onPress: () => {
+        onDraft(chip.seed);
+        setNotice(null);
+        setTimeout(() => {
+          var _a;
+          return (_a = inputRef.current) == null ? void 0 : _a.focus();
+        }, 50);
+      }, accessibilityRole: "button", accessibilityLabel: `Start a ${chip.label.toLowerCase()}`, style: [styles.chip, {
+        borderColor: theme.accentBorder,
+        backgroundColor: theme.card
+      }], pressedStyle: DIM, testID: `webbuilder-chip-${chip.id}`, children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: STUDIO_CHIP_GLYPH[chip.icon], size: 15, color: theme.accent }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.chipLabel, {
+          color: theme.ink
+        }], children: chip.label })
+      ] }, chip.id)) })
+    ] }),
+    /* @__PURE__ */ jsxs(View, { style: styles.section, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.sectionTitle, {
+        color: theme.ink
+      }], children: "How it works" }),
+      /* @__PURE__ */ jsx(View, { style: [styles.panel, {
+        backgroundColor: theme.card,
+        borderColor: theme.border
+      }], children: STUDIO_STEPS.map((step, index) => /* @__PURE__ */ jsxs(View, { style: styles.step, children: [
+        /* @__PURE__ */ jsxs(View, { style: styles.stepRail, children: [
+          /* @__PURE__ */ jsx(View, { style: [styles.stepBadge, {
+            backgroundColor: theme.accent
+          }], children: /* @__PURE__ */ jsx(Text, { style: [styles.stepN, {
+            color: theme.accentInk
+          }], children: step.n }) }),
+          index < STUDIO_STEPS.length - 1 ? /* @__PURE__ */ jsx(View, { style: [styles.stepLine, {
+            backgroundColor: theme.accentBorder
+          }] }) : null
+        ] }),
+        /* @__PURE__ */ jsxs(View, { style: styles.stepText, children: [
+          /* @__PURE__ */ jsx(Text, { style: [styles.stepTitle, {
+            color: theme.ink
+          }], children: step.title }),
+          /* @__PURE__ */ jsx(Text, { style: [styles.stepDetail, {
+            color: theme.muted
+          }], children: step.detail })
+        ] })
+      ] }, step.n)) })
+    ] }),
+    /* @__PURE__ */ jsxs(View, { style: styles.section, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.sectionTitle, {
+        color: theme.ink
+      }], children: "Make it yours" }),
+      /* @__PURE__ */ jsxs(View, { style: [styles.panel, styles.panelFlush, {
+        backgroundColor: theme.card,
+        borderColor: theme.border
+      }], children: [
+        /* @__PURE__ */ jsx(ShapeRow, { icon: brand ? "palette-swatch-variant" : "plus", tint: theme.accent, tintSoft: theme.accentSoft, eyebrow: "BRAND KIT", title: brand ? brand.name || "Your brand" : "Set up your brand", detail: brand ? brandSummary(brand) : "Colours, fonts and voice for every build", onPress: onBrand, theme, trailing: (brand == null ? void 0 : brand.colors.length) ? /* @__PURE__ */ jsx(View, { style: styles.swatches, children: brand.colors.map((c) => /* @__PURE__ */ jsx(View, { style: [styles.swatch, {
+          backgroundColor: c,
+          borderColor: theme.border
+        }] }, c)) }) : void 0, testID: "webbuilder-brand-card" }),
+        /* @__PURE__ */ jsx(ShapeRow, { icon: "web", tint: theme.info, tintSoft: theme.infoSoft, eyebrow: "LOOK LIKE", title: referenceUrl ? hostLabel(referenceUrl) : "A site you love", detail: "Its layout and style, your content", onPress: () => {
+          var _a;
+          setLookOpen(true);
+          (_a = scrollRef.current) == null ? void 0 : _a.scrollTo({
+            y: 0,
+            animated: true
+          });
+        }, theme, testID: "webbuilder-look-card" }),
+        /* @__PURE__ */ jsx(ShapeRow, { icon: "speedometer", tint: theme.good, tintSoft: theme.goodSoft, eyebrow: "SITE SCORE", title: "Check a site before you share it", detail: "Speed, accessibility, SEO: one number", onPress: onSiteScore, theme, last: true, testID: "webbuilder-score-card" })
+      ] })
+    ] })
+  ] });
+}
+const styles = StyleSheet.create({
+  fill: {
+    flex: 1
+  },
+  content: {
+    paddingHorizontal: GUTTER,
+    paddingTop: 4,
+    gap: 24
+  },
+  hero: {
+    borderRadius: 26,
+    borderWidth: StyleSheet.hairlineWidth,
+    paddingTop: 22,
+    paddingHorizontal: HERO_PAD,
+    paddingBottom: 16,
+    gap: 16,
+    overflow: "hidden"
+  },
+  heroHead: {
+    gap: 8
+  },
+  eyebrow: {
+    fontSize: 11,
+    fontWeight: "800",
+    letterSpacing: 1.8
+  },
+  title: {
+    fontSize: 27,
+    lineHeight: 32,
+    fontWeight: "800",
+    letterSpacing: -0.7
+  },
+  notice: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    gap: 8,
+    borderRadius: 12,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    marginTop: -4
+  },
+  noticeText: {
+    flex: 1,
+    fontSize: 13,
+    lineHeight: 18,
+    fontWeight: "500"
+  },
+  chipsBleed: {
+    marginHorizontal: -18
+  },
+  chips: {
+    gap: 8,
+    paddingHorizontal: HERO_PAD
+  },
+  chip: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    height: 38,
+    paddingHorizontal: 14,
+    borderRadius: 19,
+    borderWidth: StyleSheet.hairlineWidth
+  },
+  chipLabel: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  section: {
+    gap: 10
+  },
+  sectionTitle: {
+    fontSize: 18,
+    fontWeight: "700",
+    letterSpacing: -0.3,
+    paddingHorizontal: 4
+  },
+  panel: {
+    borderRadius: 20,
+    borderWidth: StyleSheet.hairlineWidth,
+    paddingHorizontal: 16,
+    paddingTop: 16
+  },
+  panelFlush: {
+    paddingTop: 0
+  },
+  step: {
+    flexDirection: "row",
+    gap: 14
+  },
+  stepRail: {
+    alignItems: "center",
+    width: 26
+  },
+  stepBadge: {
+    width: 26,
+    height: 26,
+    borderRadius: 13,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  stepN: {
+    fontSize: 13,
+    fontWeight: "800"
+  },
+  stepLine: {
+    width: 2,
+    flex: 1,
+    marginVertical: 4,
+    borderRadius: 1
+  },
+  stepText: {
+    flex: 1,
+    paddingBottom: 16,
+    gap: 2
+  },
+  stepTitle: {
+    fontSize: 15,
+    fontWeight: "700",
+    lineHeight: 26
+  },
+  stepDetail: {
+    fontSize: 14,
+    lineHeight: 19
+  },
+  shape: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 14,
+    paddingVertical: 14
+  },
+  shapeIcon: {
+    width: 44,
+    height: 44,
+    borderRadius: 13,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  shapeText: {
+    flex: 1
+  },
+  shapeEyebrow: {
+    fontSize: 10,
+    fontWeight: "800",
+    letterSpacing: 1.3
+  },
+  shapeTitle: {
+    fontSize: 16,
+    fontWeight: "700",
+    marginTop: 2
+  },
+  shapeDetail: {
+    fontSize: 13,
+    marginTop: 1
+  },
+  swatches: {
+    flexDirection: "row",
+    gap: 4,
+    marginTop: 6
+  },
+  swatch: {
+    width: 14,
+    height: 14,
+    borderRadius: 4,
+    borderWidth: StyleSheet.hairlineWidth
+  }
+});export{StudioHome};//# sourceMappingURL=StudioHome.js.map

package/lib/features/webbuilder/components/StudioHome.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"StudioHome.js","sources":["../../../../src/features/webbuilder/components/StudioHome.tsx"],"sourcesContent":["/**\n * Web Builder home - the web StudioHome on a phone, in the app's colours: the\n * \"Website studio\" hero (the question, the prompt box, the quick starts), how\n * it works, then the three ways to shape a build (Brand kit, A site you love,\n * Site score). Templates open from the prompt box; projects have their own tab.\n */\nimport React, { useRef, useState } from 'react';\nimport { ScrollView, StyleSheet, Text, TextInput, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { DIM, Tap } from '../../inbox/components/Tap';\nimport {\n brandSummary,\n hostLabel,\n isBareSeed,\n isValidLookUrl,\n STUDIO_CHIP_GLYPH,\n STUDIO_CHIPS,\n STUDIO_STEPS,\n type BrandKit,\n} from '../studioCatalog';\nimport type { WebBuilderTemplate } from '../workflow';\nimport type { WebBuilderTheme } from '../webbuilderTheme';\nimport { Composer } from './Composer';\nimport type { IconName } from './ui';\n\nconst GUTTER = 16;\nconst HERO_PAD = 18;\n\nexport interface StudioStart {\n brief: string;\n template: WebBuilderTemplate | null;\n referenceUrl?: string;\n}\n\nfunction ShapeRow({\n icon,\n tint,\n tintSoft,\n eyebrow,\n title,\n detail,\n onPress,\n theme,\n trailing,\n last = false,\n testID,\n}: {\n icon: IconName;\n tint: string;\n tintSoft: string;\n eyebrow: string;\n title: string;\n detail: string;\n onPress: () => void;\n theme: WebBuilderTheme;\n trailing?: React.ReactNode;\n last?: boolean;\n testID?: string;\n}) {\n return (\n <Tap\n onPress={onPress}\n accessibilityRole=\"button\"\n accessibilityLabel={`${title}. ${detail}`}\n style={[\n styles.shape,\n !last && { borderBottomColor: theme.border, borderBottomWidth: StyleSheet.hairlineWidth },\n ]}\n pressedStyle={DIM}\n testID={testID}\n >\n <View style={[styles.shapeIcon, { backgroundColor: tintSoft }]}>\n <MaterialCommunityIcons name={icon} size={21} color={tint} />\n </View>\n <View style={styles.shapeText}>\n <Text style={[styles.shapeEyebrow, { color: tint }]}>{eyebrow}</Text>\n <Text style={[styles.shapeTitle, { color: theme.ink }]} numberOfLines={1}>\n {title}\n </Text>\n <Text style={[styles.shapeDetail, { color: theme.muted }]} numberOfLines={1}>\n {detail}\n </Text>\n {trailing}\n </View>\n <MaterialCommunityIcons name=\"chevron-right\" size={20} color={theme.faint} />\n </Tap>\n );\n}\n\nexport function StudioHome({\n draft,\n onDraft,\n template,\n onClearTemplate,\n onBrowseTemplates,\n brand,\n onBrand,\n onSiteScore,\n onStart,\n connecting,\n startNotice,\n theme,\n bottomInset,\n}: {\n draft: string;\n onDraft: (text: string) => void;\n template: WebBuilderTemplate | null;\n onClearTemplate: () => void;\n onBrowseTemplates: () => void;\n brand: BrandKit | null;\n onBrand: () => void;\n onSiteScore: () => void;\n onStart: (start: StudioStart) => void;\n /** The builder is still connecting, or null. */\n connecting: string | null;\n /** Why the last Start did not go out, or null. */\n startNotice: string | null;\n theme: WebBuilderTheme;\n /** Room for the floating tab bar. */\n bottomInset: number;\n}) {\n const inputRef = useRef<TextInput>(null);\n const scrollRef = useRef<ScrollView>(null);\n const [lookUrl, setLookUrl] = useState('');\n const [lookOpen, setLookOpen] = useState(false);\n const [notice, setNotice] = useState<string | null>(null);\n const referenceUrl = isValidLookUrl(lookUrl) ? lookUrl.trim() : undefined;\n const lookInvalid = lookUrl.trim().length > 0 && !referenceUrl;\n const hasBrief = !isBareSeed(draft) || Boolean(template);\n\n const start = () => {\n setNotice(null);\n if (!hasBrief) {\n setNotice('Say a little more: what is it, and who is it for?');\n inputRef.current?.focus();\n return;\n }\n if (lookInvalid) {\n setNotice('The look-alike site needs a full https address, like https://stripe.com.');\n return;\n }\n onStart({ brief: draft.trim(), template, ...(referenceUrl ? { referenceUrl } : {}) });\n setLookUrl('');\n setLookOpen(false);\n };\n\n const shownNotice = notice || startNotice;\n\n return (\n <ScrollView\n ref={scrollRef}\n style={styles.fill}\n contentContainerStyle={[styles.content, { paddingBottom: bottomInset + 24 }]}\n keyboardShouldPersistTaps=\"handled\"\n testID=\"webbuilder-home\"\n >\n {/* Website studio */}\n <View style={[styles.hero, { backgroundColor: theme.hero, borderColor: theme.accentBorder }]}>\n <View style={styles.heroHead}>\n <Text style={[styles.eyebrow, { color: theme.accent }]}>WEBSITE STUDIO</Text>\n <Text style={[styles.title, { color: theme.ink }]}>\n What do you want to <Text style={{ color: theme.accent }}>build</Text> today?\n </Text>\n </View>\n <Composer\n ref={inputRef}\n value={draft}\n onChangeText={(text) => {\n onDraft(text);\n if (notice) setNotice(null);\n }}\n onSubmit={start}\n template={template}\n onTemplate={onBrowseTemplates}\n onClearTemplate={onClearTemplate}\n lookUrl={lookUrl}\n onLookUrl={setLookUrl}\n lookInvalid={lookInvalid}\n lookOpen={lookOpen}\n onLookOpen={setLookOpen}\n brand={brand}\n onBrand={onBrand}\n connecting={connecting}\n canSubmit={hasBrief}\n theme={theme}\n />\n {shownNotice ? (\n <View style={[styles.notice, { backgroundColor: theme.critSoft }]} accessibilityLiveRegion=\"polite\">\n <MaterialCommunityIcons name=\"alert-circle-outline\" size={16} color={theme.crit} />\n <Text style={[styles.noticeText, { color: theme.crit }]}>{shownNotice}</Text>\n </View>\n ) : null}\n <ScrollView\n horizontal\n showsHorizontalScrollIndicator={false}\n keyboardShouldPersistTaps=\"handled\"\n style={styles.chipsBleed}\n contentContainerStyle={styles.chips}\n >\n {STUDIO_CHIPS.map((chip) => (\n <Tap\n key={chip.id}\n onPress={() => {\n onDraft(chip.seed);\n setNotice(null);\n setTimeout(() => inputRef.current?.focus(), 50);\n }}\n accessibilityRole=\"button\"\n accessibilityLabel={`Start a ${chip.label.toLowerCase()}`}\n style={[styles.chip, { borderColor: theme.accentBorder, backgroundColor: theme.card }]}\n pressedStyle={DIM}\n testID={`webbuilder-chip-${chip.id}`}\n >\n <MaterialCommunityIcons\n name={STUDIO_CHIP_GLYPH[chip.icon] as IconName}\n size={15}\n color={theme.accent}\n />\n <Text style={[styles.chipLabel, { color: theme.ink }]}>{chip.label}</Text>\n </Tap>\n ))}\n </ScrollView>\n </View>\n\n {/* How it works */}\n <View style={styles.section}>\n <Text style={[styles.sectionTitle, { color: theme.ink }]}>How it works</Text>\n <View style={[styles.panel, { backgroundColor: theme.card, borderColor: theme.border }]}>\n {STUDIO_STEPS.map((step, index) => (\n <View key={step.n} style={styles.step}>\n <View style={styles.stepRail}>\n <View style={[styles.stepBadge, { backgroundColor: theme.accent }]}>\n <Text style={[styles.stepN, { color: theme.accentInk }]}>{step.n}</Text>\n </View>\n {index < STUDIO_STEPS.length - 1 ? (\n <View style={[styles.stepLine, { backgroundColor: theme.accentBorder }]} />\n ) : null}\n </View>\n <View style={styles.stepText}>\n <Text style={[styles.stepTitle, { color: theme.ink }]}>{step.title}</Text>\n <Text style={[styles.stepDetail, { color: theme.muted }]}>{step.detail}</Text>\n </View>\n </View>\n ))}\n </View>\n </View>\n\n {/* Shape the build */}\n <View style={styles.section}>\n <Text style={[styles.sectionTitle, { color: theme.ink }]}>Make it yours</Text>\n <View\n style={[\n styles.panel,\n styles.panelFlush,\n { backgroundColor: theme.card, borderColor: theme.border },\n ]}\n >\n <ShapeRow\n icon={brand ? 'palette-swatch-variant' : 'plus'}\n tint={theme.accent}\n tintSoft={theme.accentSoft}\n eyebrow=\"BRAND KIT\"\n title={brand ? brand.name || 'Your brand' : 'Set up your brand'}\n detail={brand ? brandSummary(brand) : 'Colours, fonts and voice for every build'}\n onPress={onBrand}\n theme={theme}\n trailing={\n brand?.colors.length ? (\n <View style={styles.swatches}>\n {brand.colors.map((c) => (\n <View\n key={c}\n style={[styles.swatch, { backgroundColor: c, borderColor: theme.border }]}\n />\n ))}\n </View>\n ) : undefined\n }\n testID=\"webbuilder-brand-card\"\n />\n <ShapeRow\n icon=\"web\"\n tint={theme.info}\n tintSoft={theme.infoSoft}\n eyebrow=\"LOOK LIKE\"\n title={referenceUrl ? hostLabel(referenceUrl) : 'A site you love'}\n detail=\"Its layout and style, your content\"\n onPress={() => {\n setLookOpen(true);\n scrollRef.current?.scrollTo({ y: 0, animated: true });\n }}\n theme={theme}\n testID=\"webbuilder-look-card\"\n />\n <ShapeRow\n icon=\"speedometer\"\n tint={theme.good}\n tintSoft={theme.goodSoft}\n eyebrow=\"SITE SCORE\"\n title=\"Check a site before you share it\"\n detail=\"Speed, accessibility, SEO: one number\"\n onPress={onSiteScore}\n theme={theme}\n last\n testID=\"webbuilder-score-card\"\n />\n </View>\n </View>\n </ScrollView>\n );\n}\n\nconst styles = StyleSheet.create({\n fill: { flex: 1 },\n content: { paddingHorizontal: GUTTER, paddingTop: 4, gap: 24 },\n hero: {\n borderRadius: 26,\n borderWidth: StyleSheet.hairlineWidth,\n paddingTop: 22,\n paddingHorizontal: HERO_PAD,\n paddingBottom: 16,\n gap: 16,\n overflow: 'hidden',\n },\n heroHead: { gap: 8 },\n eyebrow: { fontSize: 11, fontWeight: '800', letterSpacing: 1.8 },\n title: { fontSize: 27, lineHeight: 32, fontWeight: '800', letterSpacing: -0.7 },\n notice: {\n flexDirection: 'row',\n alignItems: 'flex-start',\n gap: 8,\n borderRadius: 12,\n paddingHorizontal: 12,\n paddingVertical: 10,\n marginTop: -4,\n },\n noticeText: { flex: 1, fontSize: 13, lineHeight: 18, fontWeight: '500' },\n chipsBleed: { marginHorizontal: -HERO_PAD },\n chips: { gap: 8, paddingHorizontal: HERO_PAD },\n chip: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: 6,\n height: 38,\n paddingHorizontal: 14,\n borderRadius: 19,\n borderWidth: StyleSheet.hairlineWidth,\n },\n chipLabel: { fontSize: 14, fontWeight: '600' },\n section: { gap: 10 },\n sectionTitle: { fontSize: 18, fontWeight: '700', letterSpacing: -0.3, paddingHorizontal: 4 },\n panel: { borderRadius: 20, borderWidth: StyleSheet.hairlineWidth, paddingHorizontal: 16, paddingTop: 16 },\n panelFlush: { paddingTop: 0 },\n step: { flexDirection: 'row', gap: 14 },\n stepRail: { alignItems: 'center', width: 26 },\n stepBadge: { width: 26, height: 26, borderRadius: 13, alignItems: 'center', justifyContent: 'center' },\n stepN: { fontSize: 13, fontWeight: '800' },\n stepLine: { width: 2, flex: 1, marginVertical: 4, borderRadius: 1 },\n stepText: { flex: 1, paddingBottom: 16, gap: 2 },\n stepTitle: { fontSize: 15, fontWeight: '700', lineHeight: 26 },\n stepDetail: { fontSize: 14, lineHeight: 19 },\n shape: { flexDirection: 'row', alignItems: 'center', gap: 14, paddingVertical: 14 },\n shapeIcon: { width: 44, height: 44, borderRadius: 13, alignItems: 'center', justifyContent: 'center' },\n shapeText: { flex: 1 },\n shapeEyebrow: { fontSize: 10, fontWeight: '800', letterSpacing: 1.3 },\n shapeTitle: { fontSize: 16, fontWeight: '700', marginTop: 2 },\n shapeDetail: { fontSize: 13, marginTop: 1 },\n swatches: { flexDirection: 'row', gap: 4, marginTop: 6 },\n swatch: { width: 14, height: 14, borderRadius: 4, borderWidth: StyleSheet.hairlineWidth },\n});\n"],"names":[],"mappings":"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"}

package/lib/features/webbuilder/components/TemplateCard.js ADDED Viewed

@@ -0,0 +1,73 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {StyleSheet,View,Image,Text}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {Tap,DIM}from'../../inbox/components/Tap.js';function TemplateCover({
+  uri,
+  theme,
+  style
+}) {
+  const [failed, setFailed] = useState(false);
+  return /* @__PURE__ */ jsx(View, { style: [styles.cover, {
+    backgroundColor: theme.chip
+  }, style], children: uri && !failed ? /* @__PURE__ */ jsx(Image, { source: {
+    uri
+  }, style: StyleSheet.absoluteFill, resizeMode: "cover", onError: () => setFailed(true), accessibilityIgnoresInvertColors: true }) : /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "page-layout-body", size: 26, color: theme.faint }) });
+}
+function TemplateCard({
+  template,
+  onPress,
+  theme,
+  width,
+  selected = false
+}) {
+  return /* @__PURE__ */ jsxs(Tap, { onPress, accessibilityRole: "button", accessibilityState: {
+    selected
+  }, accessibilityLabel: `Use template ${template.title}`, style: [styles.card, {
+    width
+  }], pressedStyle: DIM, testID: `webbuilder-template-${template.id}`, children: [
+    /* @__PURE__ */ jsxs(View, { style: [styles.frame, {
+      borderColor: selected ? theme.accent : theme.border
+    }], children: [
+      /* @__PURE__ */ jsx(TemplateCover, { uri: template.cover, theme }),
+      selected ? /* @__PURE__ */ jsx(View, { style: [styles.check, {
+        backgroundColor: theme.accent
+      }], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "check", size: 14, color: theme.accentInk }) }) : null
+    ] }),
+    /* @__PURE__ */ jsx(Text, { style: [styles.title, {
+      color: theme.ink
+    }], numberOfLines: 1, children: template.title }),
+    template.category ? /* @__PURE__ */ jsx(Text, { style: [styles.meta, {
+      color: theme.muted
+    }], numberOfLines: 1, children: template.category }) : null
+  ] });
+}
+const styles = StyleSheet.create({
+  card: {
+    gap: 4
+  },
+  frame: {
+    borderRadius: 14,
+    borderWidth: StyleSheet.hairlineWidth,
+    overflow: "hidden",
+    marginBottom: 6
+  },
+  cover: {
+    aspectRatio: 16 / 10,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  check: {
+    position: "absolute",
+    top: 8,
+    right: 8,
+    width: 22,
+    height: 22,
+    borderRadius: 11,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  title: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  meta: {
+    fontSize: 12
+  }
+});export{TemplateCard,TemplateCover};//# sourceMappingURL=TemplateCard.js.map

package/lib/features/webbuilder/components/TemplateCard.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TemplateCard.js","sources":["../../../../src/features/webbuilder/components/TemplateCard.tsx"],"sourcesContent":["/**\n * One starter template: its cover, name and category - the web StudioSidebar\n * card. Tapping it hands the template to the composer (the web \"Use template\").\n */\nimport React, { useState } from 'react';\nimport { Image, StyleSheet, Text, View, type StyleProp, type ViewStyle } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { DIM, Tap } from '../../inbox/components/Tap';\nimport type { WebBuilderTemplate } from '../workflow';\nimport type { WebBuilderTheme } from '../webbuilderTheme';\n\nexport function TemplateCover({\n uri,\n theme,\n style,\n}: {\n uri?: string | null;\n theme: WebBuilderTheme;\n style?: StyleProp<ViewStyle>;\n}) {\n const [failed, setFailed] = useState(false);\n return (\n <View style={[styles.cover, { backgroundColor: theme.chip }, style]}>\n {uri && !failed ? (\n <Image\n source={{ uri }}\n style={StyleSheet.absoluteFill}\n resizeMode=\"cover\"\n onError={() => setFailed(true)}\n accessibilityIgnoresInvertColors\n />\n ) : (\n <MaterialCommunityIcons name=\"page-layout-body\" size={26} color={theme.faint} />\n )}\n </View>\n );\n}\n\nexport function TemplateCard({\n template,\n onPress,\n theme,\n width,\n selected = false,\n}: {\n template: WebBuilderTemplate;\n onPress: () => void;\n theme: WebBuilderTheme;\n width: number;\n selected?: boolean;\n}) {\n return (\n <Tap\n onPress={onPress}\n accessibilityRole=\"button\"\n accessibilityState={{ selected }}\n accessibilityLabel={`Use template ${template.title}`}\n style={[styles.card, { width }]}\n pressedStyle={DIM}\n testID={`webbuilder-template-${template.id}`}\n >\n <View style={[styles.frame, { borderColor: selected ? theme.accent : theme.border }]}>\n <TemplateCover uri={template.cover} theme={theme} />\n {selected ? (\n <View style={[styles.check, { backgroundColor: theme.accent }]}>\n <MaterialCommunityIcons name=\"check\" size={14} color={theme.accentInk} />\n </View>\n ) : null}\n </View>\n <Text style={[styles.title, { color: theme.ink }]} numberOfLines={1}>\n {template.title}\n </Text>\n {template.category ? (\n <Text style={[styles.meta, { color: theme.muted }]} numberOfLines={1}>\n {template.category}\n </Text>\n ) : null}\n </Tap>\n );\n}\n\nconst styles = StyleSheet.create({\n card: { gap: 4 },\n frame: { borderRadius: 14, borderWidth: StyleSheet.hairlineWidth, overflow: 'hidden', marginBottom: 6 },\n cover: { aspectRatio: 16 / 10, alignItems: 'center', justifyContent: 'center' },\n check: {\n position: 'absolute',\n top: 8,\n right: 8,\n width: 22,\n height: 22,\n borderRadius: 11,\n alignItems: 'center',\n justifyContent: 'center',\n },\n title: { fontSize: 14, fontWeight: '600' },\n meta: { fontSize: 12 },\n});\n"],"names":[],"mappings":"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"}