tiendu 0.2.0 → 0.2.2

package/bin/tiendu.js

@@ -7,6 +7,7 @@ import { dev } from "../lib/dev.mjs";
 import { publish } from "../lib/publish.mjs";
 import {
   previewCreate,
+  previewShow,
   previewList,
   previewDelete,
   previewOpen,
@@ -23,10 +24,11 @@ Usage:
   tiendu dev                 Start dev mode: auto-sync changes to a live preview URL
   tiendu publish             Publish the active preview to the live storefront
 
+  tiendu preview             Show the active preview details
   tiendu preview create      Create a new remote preview
   tiendu preview list        List previews for your store
   tiendu preview delete      Delete the active preview
-  tiendu preview open        Open the preview URL in your browser
+  tiendu preview open        Open the active preview URL in your browser
 
   tiendu help                Show this help message
 
@@ -82,6 +84,10 @@ const main = async () => {
   }
 
   if (command === "preview") {
+    if (!subcommand) {
+      await previewShow();
+      return;
+    }
     if (subcommand === "create") {
       await previewCreate(args[2]);
       return;

package/lib/dev.mjs

@@ -4,7 +4,11 @@ import path from "node:path";
 import * as p from "@clack/prompts";
 import { zipSync } from "fflate";
 import { loadConfigOrFail, writeConfig } from "./config.mjs";
-import { createPreview, listPreviews } from "./preview.mjs";
+import {
+  createPreview,
+  listPreviews,
+  resolveActivePreview,
+} from "./preview.mjs";
 import {
   deletePreviewFile,
   uploadPreviewFileMultipart,
@@ -54,7 +58,19 @@ export const dev = async () => {
   const { apiKey } = credentials;
   const rootDir = process.cwd();
 
-  let previewKey = config.previewKey;
+  const existingPreviewsResult = await listPreviews(
+    apiBaseUrl,
+    apiKey,
+    storeId,
+  );
+  if (!existingPreviewsResult.ok) {
+    p.log.error(existingPreviewsResult.error);
+    process.exit(1);
+  }
+
+  let previewKey =
+    resolveActivePreview(existingPreviewsResult.data, config.previewKey)
+      ?.previewKey ?? config.previewKey;
   let previewUrl;
 
   if (!previewKey) {
@@ -102,15 +118,22 @@ export const dev = async () => {
       process.exit(1);
     }
 
-    const existing = listResult.data.find((pr) => pr.previewKey === previewKey);
+    const existing = resolveActivePreview(listResult.data, previewKey);
     if (!existing) {
-      spinner.stop("Preview no longer exists on the server.", 1);
+      spinner.stop("Could not determine the active preview.", 1);
       p.log.error(
-        "Run tiendu preview delete to clean up, then tiendu dev again.",
+        listResult.data.length === 0
+          ? "No previews found for this store. A new preview will be created if you clear the local config and run tiendu dev again."
+          : "Run tiendu preview list and then set or recreate the preview.",
       );
       process.exit(1);
     }
 
+    previewKey = existing.previewKey;
+    if (config.previewKey !== previewKey) {
+      await writeConfig({ ...config, previewKey });
+    }
+
     previewUrl = buildPreviewUrl(apiBaseUrl, existing.previewHostname);
     spinner.stop(`Preview: ${previewUrl}`);
   }

package/lib/preview.mjs

@@ -8,6 +8,25 @@ const buildPreviewUrl = (apiBaseUrl, previewHostname) => {
   return `${base.protocol}//${previewHostname}${!hasExplicitPort && base.port ? `:${base.port}` : ""}/`;
 };
 
+/**
+ * @param {Array<any>} previews
+ * @param {string | undefined} previewKey
+ * @returns {any | null}
+ */
+export const resolveActivePreview = (previews, previewKey) => {
+  if (previewKey) {
+    return (
+      previews.find((preview) => preview.previewKey === previewKey) ?? null
+    );
+  }
+
+  if (previews.length === 1) {
+    return previews[0];
+  }
+
+  return null;
+};
+
 /**
  * @param {string} apiBaseUrl
  * @param {string} apiKey
@@ -196,23 +215,103 @@ export const previewList = async () => {
     `${result.data.length} preview${result.data.length === 1 ? "" : "s"}:`,
   );
 
+  const activePreview = resolveActivePreview(result.data, config.previewKey);
+
   for (const preview of result.data) {
-    const active = config.previewKey === preview.previewKey ? " ← active" : "";
+    const active =
+      activePreview?.previewKey === preview.previewKey ? " ← active" : "";
     const url = buildPreviewUrl(config.apiBaseUrl, preview.previewHostname);
     p.log.message(`  ${preview.name}  ${url}${active}`);
   }
 };
 
+const formatRelativeDate = (value) => {
+  if (!value) return "Unknown";
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return "Unknown";
+
+  const diffMs = Date.now() - date.getTime();
+  const diffMinutes = Math.floor(diffMs / (60 * 1000));
+  if (diffMinutes < 1) return "just now";
+  if (diffMinutes < 60)
+    return `${diffMinutes} minute${diffMinutes === 1 ? "" : "s"} ago`;
+  const diffHours = Math.floor(diffMinutes / 60);
+  if (diffHours < 24)
+    return `${diffHours} hour${diffHours === 1 ? "" : "s"} ago`;
+  const diffDays = Math.floor(diffHours / 24);
+  return `${diffDays} day${diffDays === 1 ? "" : "s"} ago`;
+};
+
+export const previewShow = async () => {
+  const { config, credentials } = await loadConfigOrFail();
+
+  const spinner = p.spinner();
+  spinner.start("Fetching preview details...");
+
+  const result = await listPreviews(
+    config.apiBaseUrl,
+    credentials.apiKey,
+    config.storeId,
+  );
+
+  if (!result.ok) {
+    spinner.stop("Failed to fetch previews.", 1);
+    p.log.error(result.error);
+    process.exit(1);
+  }
+
+  const preview = resolveActivePreview(result.data, config.previewKey);
+  if (!preview) {
+    spinner.stop("Could not determine the active preview.", 1);
+    p.log.error(
+      result.data.length === 0
+        ? "No previews found for this store."
+        : "Run tiendu preview list to inspect available previews.",
+    );
+    process.exit(1);
+  }
+
+  const url = buildPreviewUrl(config.apiBaseUrl, preview.previewHostname);
+  spinner.stop("Preview details loaded.");
+
+  p.note(
+    [
+      `Name: ${preview.name || "Unnamed preview"}`,
+      `URL: ${url}`,
+      `Created: ${formatRelativeDate(preview.createdAt)}`,
+    ].join("\n"),
+    "Active preview",
+  );
+};
+
 export const previewDelete = async () => {
   const { config, credentials } = await loadConfigOrFail();
 
-  if (!config.previewKey) {
-    p.log.error("No active preview. Create one with: tiendu preview create");
+  const listResult = await listPreviews(
+    config.apiBaseUrl,
+    credentials.apiKey,
+    config.storeId,
+  );
+  if (!listResult.ok) {
+    p.log.error(listResult.error);
+    process.exit(1);
+  }
+
+  const activePreview = resolveActivePreview(
+    listResult.data,
+    config.previewKey,
+  );
+  if (!activePreview) {
+    p.log.error(
+      listResult.data.length === 0
+        ? "No previews found for this store."
+        : "Could not determine the active preview. Run tiendu preview list first.",
+    );
     process.exit(1);
   }
 
   const confirmed = await p.confirm({
-    message: `Delete preview ${config.previewKey}?`,
+    message: `Delete preview ${activePreview.previewKey}?`,
   });
 
   if (p.isCancel(confirmed) || !confirmed) {
@@ -227,7 +326,7 @@ export const previewDelete = async () => {
     config.apiBaseUrl,
     credentials.apiKey,
     config.storeId,
-    config.previewKey,
+    activePreview.previewKey,
   );
 
   if (!result.ok) {
@@ -245,11 +344,6 @@ export const previewDelete = async () => {
 export const previewOpen = async () => {
   const { config, credentials } = await loadConfigOrFail();
 
-  if (!config.previewKey) {
-    p.log.error("No active preview. Create one with: tiendu preview create");
-    process.exit(1);
-  }
-
   const spinner = p.spinner();
   spinner.start("Fetching preview URL...");
 
@@ -265,10 +359,14 @@ export const previewOpen = async () => {
     process.exit(1);
   }
 
-  const preview = result.data.find((pr) => pr.previewKey === config.previewKey);
+  const preview = resolveActivePreview(result.data, config.previewKey);
   if (!preview) {
-    spinner.stop("Active preview no longer exists on the server.", 1);
-    p.log.error("Run tiendu preview delete to clean up the local config.");
+    spinner.stop("Could not determine the active preview.", 1);
+    p.log.error(
+      result.data.length === 0
+        ? "No previews found for this store."
+        : "Run tiendu preview list and then set or recreate the preview.",
+    );
     process.exit(1);
   }
 

package/lib/pull.mjs

@@ -38,8 +38,4 @@ export const pull = async () => {
   p.log.success(
     `${extractedFiles.length} file${extractedFiles.length === 1 ? "" : "s"} extracted.`,
   );
-
-  for (const file of extractedFiles) {
-    p.log.message(`  ${file}`);
-  }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tiendu",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "CLI para desarrollar y publicar temas en Tiendu",
   "type": "module",
   "bin": {