@aixnn/aixautots 0.0.0-stage → 0.5.3

package/dist/ui/market.js

@@ -0,0 +1,60 @@
+import { useAixNav } from '../chunk-5BMFMDQR.js';
+import { useAixT } from '../chunk-64Q7BBIQ.js';
+import { useScripts } from '../chunk-O34SNDQB.js';
+import '../chunk-V4MXFPDX.js';
+import '../chunk-IJVNII5N.js';
+import '../chunk-UINEPEIE.js';
+import '../chunk-OXIM6EYO.js';
+import '../chunk-TATL3HTE.js';
+import '../chunk-NWFYTFMI.js';
+import { Pencil, Store } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function MarketPage(_props = {}) {
+  const t = useAixT();
+  const { navigate } = useAixNav();
+  const scriptsQuery = useScripts();
+  const scripts = (scriptsQuery.data ?? []).filter((s) => s.visibility === "system");
+  const loading = scriptsQuery.loading;
+  const error = scriptsQuery.error;
+  return /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto p-6", children: loading ? /* @__PURE__ */ jsx("div", { className: "flex h-32 items-center justify-center text-sm text-muted-foreground", children: t("common.loading") }) : error ? /* @__PURE__ */ jsx("div", { className: "flex h-32 items-center justify-center text-sm text-destructive", children: error.message }) : scripts.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex h-32 items-center justify-center text-sm text-muted-foreground", children: t("market.empty") }) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: scripts.map((s) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "group relative flex flex-col overflow-hidden rounded-lg border border-border bg-card text-left transition-colors hover:border-primary/50",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => navigate(`/editor/${s.id}`),
+            className: "absolute right-2 top-2 z-10 inline-flex items-center gap-1 rounded-md border border-border bg-card/90 px-2 py-1 text-xs text-foreground opacity-0 backdrop-blur transition-opacity hover:border-primary/50 group-hover:opacity-100",
+            "aria-label": t("market.editAria", { name: s.name }),
+            children: [
+              /* @__PURE__ */ jsx(Pencil, { className: "h-3 w-3" }),
+              t("common.edit")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => navigate(`/editor/${s.id}`),
+            className: "flex flex-1 flex-col text-left",
+            children: [
+              s.cover_url ? /* @__PURE__ */ jsx("img", { src: s.cover_url, alt: "", className: "aspect-video w-full object-cover" }) : /* @__PURE__ */ jsx("div", { className: "flex aspect-video w-full items-center justify-center bg-gradient-to-br from-primary/20 to-secondary", children: /* @__PURE__ */ jsx(Store, { className: "h-8 w-8 text-muted-foreground" }) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 p-4", children: [
+                /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-semibold", children: s.name }),
+                s.description && /* @__PURE__ */ jsx("div", { className: "line-clamp-2 text-xs text-muted-foreground", children: s.description }),
+                s.platform && /* @__PURE__ */ jsx("span", { className: "mt-1 inline-flex w-fit rounded-full border border-border px-2 py-0.5 text-[10px] text-muted-foreground", children: s.platform })
+              ] })
+            ]
+          }
+        )
+      ]
+    },
+    s.id
+  )) }) });
+}
+
+export { MarketPage };

package/dist/ui/mirror.js

@@ -0,0 +1,3 @@
+import '../chunk-OEZFYKL6.js';
+export { ControlBar, MirrorView } from '../chunk-CVV7FOMQ.js';
+import '../chunk-NWFYTFMI.js';

package/dist/ui/primitives/index.js

@@ -0,0 +1 @@
+export { Badge, Button, Dialog, Drawer, Input, Popover, Select, ToastViewport, cn, useToast } from '../../chunk-EVHTAXQG.js';

package/dist/ui/script-studio.js

@@ -0,0 +1,10 @@
+export { CodeEditor, DeviceSelect, RunPanel, ScriptParamEditor, ScriptStudio, TimelineStep } from '../chunk-XNKC6HU3.js';
+export { LogConsole } from '../chunk-FW23FLAF.js';
+import '../chunk-EVHTAXQG.js';
+import '../chunk-O34SNDQB.js';
+import '../chunk-V4MXFPDX.js';
+import '../chunk-IJVNII5N.js';
+import '../chunk-UINEPEIE.js';
+import '../chunk-OXIM6EYO.js';
+import '../chunk-TATL3HTE.js';
+import '../chunk-NWFYTFMI.js';

package/dist/ui/scripts.js

@@ -0,0 +1,210 @@
+import { useAixNav } from '../chunk-5BMFMDQR.js';
+import { useAixT } from '../chunk-64Q7BBIQ.js';
+import { cn, Badge, Button, Input } from '../chunk-EVHTAXQG.js';
+import { useScripts } from '../chunk-O34SNDQB.js';
+import '../chunk-V4MXFPDX.js';
+import '../chunk-IJVNII5N.js';
+import '../chunk-UINEPEIE.js';
+import '../chunk-OXIM6EYO.js';
+import '../chunk-TATL3HTE.js';
+import '../chunk-NWFYTFMI.js';
+import { useState, useMemo } from 'react';
+import { AppWindow, Monitor, Smartphone, FileText, Play, Copy, Trash2, PlusCircle, LayoutGrid, Plus, Search } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var platformMeta = {
+  ios: { label: "iOS", icon: Smartphone },
+  android: { label: "Android", icon: Smartphone },
+  macos: { label: "macOS", icon: Monitor },
+  windows: { label: "Windows", icon: AppWindow }
+};
+var previewTints = [
+  "from-primary/15 to-primary/5",
+  "from-success/15 to-success/5",
+  "from-warning/15 to-warning/5",
+  "from-secondary to-muted"
+];
+function tintFor(id) {
+  let hash = 0;
+  for (let i = 0; i < id.length; i++) hash = hash * 31 + id.charCodeAt(i) | 0;
+  return previewTints[Math.abs(hash) % previewTints.length];
+}
+function ScriptCard({ script, onDelete, onDuplicate }) {
+  const { navigate } = useAixNav();
+  const t = useAixT();
+  const platform = script.platform ? platformMeta[script.platform.toLowerCase()] : void 0;
+  const PlatformIcon = platform?.icon ?? Smartphone;
+  return /* @__PURE__ */ jsxs("div", { className: "group flex flex-col overflow-hidden rounded-xl border border-border bg-card transition-all duration-300 hover:-translate-y-1 hover:border-primary/60 hover:shadow-lg", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => navigate(`/editor/${script.id}`),
+        className: cn(
+          "relative flex aspect-video w-full items-center justify-center overflow-hidden bg-gradient-to-br text-left",
+          tintFor(script.id)
+        ),
+        children: [
+          /* @__PURE__ */ jsx(FileText, { className: "h-9 w-9 text-foreground/15 transition-transform duration-500 group-hover:scale-110" }),
+          platform && /* @__PURE__ */ jsxs("span", { className: "absolute left-2 top-2 inline-flex items-center gap-1 rounded-md bg-card/70 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-foreground/80 backdrop-blur-md", children: [
+            /* @__PURE__ */ jsx(PlatformIcon, { className: "h-3 w-3" }),
+            platform.label
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col p-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-1.5 flex items-start justify-between gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => navigate(`/editor/${script.id}`),
+            className: "truncate text-left text-headline-md font-semibold text-foreground transition-colors hover:text-primary",
+            children: script.name
+          }
+        ),
+        /* @__PURE__ */ jsx(Badge, { variant: "info", className: "flex-shrink-0", children: t("scripts.ready") })
+      ] }),
+      script.description && /* @__PURE__ */ jsx("p", { className: "mb-3 line-clamp-2 text-body-sm text-muted-foreground", children: script.description }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-auto flex items-center justify-between border-t border-border pt-3", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-body-sm text-muted-foreground", children: new Date(script.updated_at).toLocaleDateString() }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              onClick: () => navigate(`/editor/${script.id}`),
+              title: t("common.run"),
+              className: "hover:bg-primary/10 hover:text-primary",
+              children: /* @__PURE__ */ jsx(Play, { className: "h-3.5 w-3.5" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              onClick: () => onDuplicate(script.id),
+              title: t("scripts.duplicate"),
+              children: /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              onClick: () => onDelete(script.id),
+              title: t("common.delete"),
+              className: "hover:bg-destructive/10 hover:text-destructive",
+              children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function CreateTemplateCard({ onClick }) {
+  const t = useAixT();
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: "group flex min-h-[220px] flex-col items-center justify-center rounded-xl border-2 border-dashed border-border bg-surface p-8 text-center transition-all duration-300 hover:border-primary/60 hover:bg-card",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-secondary text-muted-foreground transition-colors group-hover:bg-primary/10 group-hover:text-primary", children: /* @__PURE__ */ jsx(PlusCircle, { className: "h-7 w-7" }) }),
+        /* @__PURE__ */ jsx("span", { className: "text-headline-md font-semibold text-foreground transition-colors group-hover:text-primary", children: t("scripts.createFromTemplate") }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-body-sm text-muted-foreground", children: t("scripts.createFromTemplateDesc") })
+      ]
+    }
+  );
+}
+var PLATFORMS = ["all", "ios", "android", "macos", "windows"];
+var platformIcons = {
+  all: LayoutGrid,
+  ios: Smartphone,
+  android: Smartphone,
+  macos: Monitor,
+  windows: Monitor
+};
+function ScriptsPage() {
+  const { data, loading, remove, duplicate } = useScripts();
+  const { navigate } = useAixNav();
+  const t = useAixT();
+  const [searchQuery, setSearchQuery] = useState("");
+  const [platformFilter, setPlatformFilter] = useState("all");
+  const scripts = data ?? [];
+  const platformPills = useMemo(
+    () => PLATFORMS.map((p) => ({
+      value: p,
+      label: p === "all" ? t("scripts.allPlatforms") : p === "ios" ? "iOS" : p === "android" ? "Android" : p === "macos" ? "macOS" : "Windows",
+      icon: platformIcons[p] ?? LayoutGrid
+    })),
+    [t]
+  );
+  const filteredScripts = scripts.filter((s) => {
+    const q = searchQuery.toLowerCase();
+    const matchesSearch = s.name.toLowerCase().includes(q) || (s.description ?? "").toLowerCase().includes(q);
+    const matchesPlatform = platformFilter === "all" || s.platform === platformFilter;
+    return matchesSearch && matchesPlatform;
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-b border-border px-6 py-3", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-body-sm text-muted-foreground", children: t("scripts.count", { n: scripts.length }) }),
+      /* @__PURE__ */ jsxs(Button, { onClick: () => navigate("/editor"), children: [
+        /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" }),
+        t("scripts.newScript")
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 border-b border-border px-6 py-4 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ jsx("div", { className: "w-full max-w-sm", children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          icon: /* @__PURE__ */ jsx(Search, { className: "h-3.5 w-3.5" }),
+          placeholder: t("scripts.searchPlaceholder"),
+          value: searchQuery,
+          onChange: (e) => setSearchQuery(e.target.value)
+        }
+      ) }),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 overflow-x-auto pb-0.5", children: platformPills.map((pill) => {
+        const active = platformFilter === pill.value;
+        const Icon = pill.icon;
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setPlatformFilter(pill.value),
+            className: cn(
+              "inline-flex flex-shrink-0 items-center gap-1.5 rounded-full border px-3 py-1.5 text-xs font-medium transition-colors",
+              active ? "border-primary/20 bg-primary/10 text-primary" : "border-border bg-card text-muted-foreground hover:border-primary/50 hover:text-foreground"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5" }),
+              pill.label
+            ]
+          },
+          pill.value
+        );
+      }) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto p-6", children: loading ? /* @__PURE__ */ jsx("div", { className: "flex h-32 items-center justify-center text-sm text-muted-foreground", children: t("scripts.loading") }) : /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: [
+      filteredScripts.map((script) => /* @__PURE__ */ jsx(
+        ScriptCard,
+        {
+          script,
+          onDelete: remove,
+          onDuplicate: duplicate
+        },
+        script.id
+      )),
+      filteredScripts.length === 0 && (searchQuery || platformFilter !== "all") && /* @__PURE__ */ jsx("div", { className: "col-span-full flex h-32 items-center justify-center text-sm text-muted-foreground", children: t("scripts.noMatch") }),
+      /* @__PURE__ */ jsx(CreateTemplateCard, { onClick: () => navigate("/editor") })
+    ] }) })
+  ] });
+}
+
+export { CreateTemplateCard, ScriptCard, ScriptsPage };