sequoia-cli 0.4.0-alpha.0 → 0.5.0-alpha.0

package/dist/components/sequoia-comments.js

@@ -14,6 +14,7 @@
  * Attributes:
  *   - document-uri: AT Protocol URI for the document (optional if link tag exists)
  *   - depth: Maximum depth of nested replies to fetch (default: 6)
+ *   - hide: Set to "auto" to hide if no document link is detected
  *
  * CSS Custom Properties:
  *   - --sequoia-fg-color: Text color (default: #1f2937)
@@ -573,13 +574,25 @@ const BaseElement = typeof HTMLElement !== "undefined" ? HTMLElement : class {};
 class SequoiaComments extends BaseElement {
 	constructor() {
 		super();
-		this.shadow = this.attachShadow({ mode: "open" });
+		const shadow = this.attachShadow({ mode: "open" });
+
+		const styleTag = document.createElement("style");
+		shadow.appendChild(styleTag);
+		styleTag.innerText = styles;
+
+		const container = document.createElement("div");
+		shadow.appendChild(container);
+		container.className = "sequoia-comments-container";
+		container.part = "container";
+
+		this.commentsContainer = container;
 		this.state = { type: "loading" };
 		this.abortController = null;
+
 	}
 
 	static get observedAttributes() {
-		return ["document-uri", "depth"];
+		return ["document-uri", "depth", "hide"];
 	}
 
 	connectedCallback() {
@@ -616,6 +629,11 @@ class SequoiaComments extends BaseElement {
 		return depthAttr ? parseInt(depthAttr, 10) : 6;
 	}
 
+	get hide() {
+		const hideAttr = this.getAttribute("hide");
+		return hideAttr === "auto";
+	}
+
 	async loadComments() {
 		// Cancel any in-flight request
 		this.abortController?.abort();
@@ -666,68 +684,54 @@ class SequoiaComments extends BaseElement {
 	}
 
 	render() {
-		const styleTag = `<style>${styles}</style>`;
-
 		switch (this.state.type) {
 			case "loading":
-				this.shadow.innerHTML = `
-					${styleTag}
-					<div class="sequoia-comments-container">
-						<div class="sequoia-loading">
-							<span class="sequoia-loading-spinner"></span>
-							Loading comments...
-						</div>
+				this.commentsContainer.innerHTML = `
+					<div class="sequoia-loading">
+						<span class="sequoia-loading-spinner"></span>
+						Loading comments...
 					</div>
 				`;
 				break;
 
 			case "no-document":
-				this.shadow.innerHTML = `
-					${styleTag}
-					<div class="sequoia-comments-container">
-						<div class="sequoia-warning">
-							No document found. Add a <code>&lt;link rel="site.standard.document" href="at://..."&gt;</code> tag to your page.
-						</div>
+				this.commentsContainer.innerHTML = `
+					<div class="sequoia-warning">
+						No document found. Add a <code>&lt;link rel="site.standard.document" href="at://..."&gt;</code> tag to your page.
 					</div>
 				`;
+				if (this.hide) {
+					this.commentsContainer.style.display = 'none';
+				}
 				break;
 
 			case "no-comments-enabled":
-				this.shadow.innerHTML = `
-					${styleTag}
-					<div class="sequoia-comments-container">
-						<div class="sequoia-empty">
-							Comments are not enabled for this post.
-						</div>
+				this.commentsContainer.innerHTML = `
+					<div class="sequoia-empty">
+						Comments are not enabled for this post.
 					</div>
 				`;
 				break;
 
 			case "empty":
-				this.shadow.innerHTML = `
-					${styleTag}
-					<div class="sequoia-comments-container">
-						<div class="sequoia-comments-header">
-							<h3 class="sequoia-comments-title">Comments</h3>
-							<a href="${this.state.postUrl}" target="_blank" rel="noopener noreferrer" class="sequoia-reply-button">
-								${BLUESKY_ICON}
-								Reply on Bluesky
-							</a>
-						</div>
-						<div class="sequoia-empty">
-							No comments yet. Be the first to reply on Bluesky!
-						</div>
+				this.commentsContainer.innerHTML = `
+					<div class="sequoia-comments-header">
+						<h3 class="sequoia-comments-title">Comments</h3>
+						<a href="${this.state.postUrl}" target="_blank" rel="noopener noreferrer" class="sequoia-reply-button">
+							${BLUESKY_ICON}
+							Reply on Bluesky
+						</a>
+					</div>
+					<div class="sequoia-empty">
+						No comments yet. Be the first to reply on Bluesky!
 					</div>
 				`;
 				break;
 
 			case "error":
-				this.shadow.innerHTML = `
-					${styleTag}
-					<div class="sequoia-comments-container">
-						<div class="sequoia-error">
-							Failed to load comments: ${escapeHtml(this.state.message)}
-						</div>
+				this.commentsContainer.innerHTML = `
+					<div class="sequoia-error">
+						Failed to load comments: ${escapeHtml(this.state.message)}
 					</div>
 				`;
 				break;
@@ -740,19 +744,16 @@ class SequoiaComments extends BaseElement {
 					.join("");
 				const commentCount = this.countComments(replies);
 
-				this.shadow.innerHTML = `
-					${styleTag}
-					<div class="sequoia-comments-container">
-						<div class="sequoia-comments-header">
-							<h3 class="sequoia-comments-title">${commentCount} Comment${commentCount !== 1 ? "s" : ""}</h3>
-							<a href="${this.state.postUrl}" target="_blank" rel="noopener noreferrer" class="sequoia-reply-button">
-								${BLUESKY_ICON}
-								Reply on Bluesky
-							</a>
-						</div>
-						<div class="sequoia-comments-list">
-							${threadsHtml}
-						</div>
+				this.commentsContainer.innerHTML = `
+					<div class="sequoia-comments-header">
+						<h3 class="sequoia-comments-title">${commentCount} Comment${commentCount !== 1 ? "s" : ""}</h3>
+						<a href="${this.state.postUrl}" target="_blank" rel="noopener noreferrer" class="sequoia-reply-button">
+							${BLUESKY_ICON}
+							Reply on Bluesky
+						</a>
+					</div>
+					<div class="sequoia-comments-list">
+						${threadsHtml}
 					</div>
 				`;
 				break;
@@ -800,9 +801,9 @@ class SequoiaComments extends BaseElement {
 	 * Render a single comment
 	 * @param {any} post - Post data
 	 * @param {boolean} showThreadLine - Whether to show the connecting thread line
-	 * @param {number} index - Index in the flattened thread (0 = top-level)
+	 * @param {number} _index - Index in the flattened thread (0 = top-level)
 	 */
-	renderComment(post, showThreadLine = false, index = 0) {
+	renderComment(post, showThreadLine = false, _index = 0) {
 		const author = post.author;
 		const displayName = author.displayName || author.handle;
 		const avatarHtml = author.avatar

package/dist/index.js

@@ -93241,8 +93241,8 @@ ${l}
 } }).prompt();
 
 // src/commands/add.ts
-import { fileURLToPath } from "url";
-import { dirname as dirname2 } from "path";
+import { fileURLToPath } from "node:url";
+import { dirname as dirname2 } from "node:path";
 
 // src/lib/config.ts
 import * as fs from "node:fs/promises";
@@ -93326,6 +93326,9 @@ function generateConfigTemplate(options) {
   if (options.stripDatePrefix) {
     config.stripDatePrefix = options.stripDatePrefix;
   }
+  if (options.pathTemplate) {
+    config.pathTemplate = options.pathTemplate;
+  }
   if (options.textContentField) {
     config.textContentField = options.textContentField;
   }
@@ -99201,6 +99204,32 @@ function getSlugFromOptions(relativePath, rawFrontmatter, options = {}) {
   }
   return slug;
 }
+function resolvePathTemplate(template, post) {
+  const publishDate = new Date(post.frontmatter.publishDate);
+  const year = String(publishDate.getFullYear());
+  const month = String(publishDate.getMonth() + 1).padStart(2, "0");
+  const day = String(publishDate.getDate()).padStart(2, "0");
+  const slugifiedTitle = (post.frontmatter.title || "").toLowerCase().replace(/\s+/g, "-").replace(/[^\w-]/g, "");
+  let result = template.replace(/\{slug\}/g, post.slug).replace(/\{year\}/g, year).replace(/\{month\}/g, month).replace(/\{day\}/g, day).replace(/\{title\}/g, slugifiedTitle);
+  result = result.replace(/\{(\w+)\}/g, (_match, field) => {
+    const value = post.rawFrontmatter[field];
+    if (value != null && typeof value === "string") {
+      return value;
+    }
+    return "";
+  });
+  if (!result.startsWith("/")) {
+    result = `/${result}`;
+  }
+  return result;
+}
+function resolvePostPath(post, pathPrefix, pathTemplate) {
+  if (pathTemplate) {
+    return resolvePathTemplate(pathTemplate, post);
+  }
+  const prefix = pathPrefix || "/posts";
+  return `${prefix}/${post.slug}`;
+}
 async function getContentHash(content) {
   const encoder = new TextEncoder;
   const data = encoder.encode(content);
@@ -99436,7 +99465,7 @@ async function getOAuthClient() {
     clientMetadata: {
       client_id: `http://localhost?${clientIdParams.toString()}`,
       client_name: "Sequoia CLI",
-      client_uri: "https://github.com/stevedylandev/sequoia",
+      client_uri: "https://sequoia.pub",
       redirect_uris: [CALLBACK_URL],
       grant_types: ["authorization_code", "refresh_token"],
       response_types: ["code"],
@@ -99603,8 +99632,7 @@ async function resolveImagePath(ogImage, imagesDir, contentDir) {
   return null;
 }
 async function createDocument(agent, post, config, coverImage) {
-  const pathPrefix = config.pathPrefix || "/posts";
-  const postPath = `${pathPrefix}/${post.slug}`;
+  const postPath = resolvePostPath(post, config.pathPrefix, config.pathTemplate);
   const publishDate = new Date(post.frontmatter.publishDate);
   let textContent;
   if (config.textContentField && post.rawFrontmatter?.[config.textContentField]) {
@@ -99643,8 +99671,7 @@ async function updateDocument(agent, post, atUri, config, coverImage) {
     throw new Error(`Invalid atUri format: ${atUri}`);
   }
   const [, , collection, rkey] = uriMatch;
-  const pathPrefix = config.pathPrefix || "/posts";
-  const postPath = `${pathPrefix}/${post.slug}`;
+  const postPath = resolvePostPath(post, config.pathPrefix, config.pathTemplate);
   const publishDate = new Date(post.frontmatter.publishDate);
   let textContent;
   if (config.textContentField && post.rawFrontmatter?.[config.textContentField]) {
@@ -100923,9 +100950,14 @@ var publishCommand = import_cmd_ts6.command({
       long: "dry-run",
       short: "n",
       description: "Preview what would be published without making changes"
+    }),
+    verbose: import_cmd_ts6.flag({
+      long: "verbose",
+      short: "v",
+      description: "Show more information"
     })
   },
-  handler: async ({ force, dryRun }) => {
+  handler: async ({ force, dryRun, verbose }) => {
     const configPath = await findConfig();
     if (!configPath) {
       R2.error("No publisher.config.ts found. Run 'publisher init' first.");
@@ -101056,7 +101088,13 @@ ${postsToPublish.length} posts to publish:
           }
         }
       }
-      R2.message(`  ${icon} ${post.frontmatter.title} (${reason})${bskyNote}`);
+      let postUrl = "";
+      if (verbose) {
+        const postPath = resolvePostPath(post, config.pathPrefix, config.pathTemplate);
+        postUrl = `
+ ${config.siteUrl}${postPath}`;
+      }
+      R2.message(`  ${icon} ${post.frontmatter.title} (${reason})${bskyNote}${postUrl}`);
     }
     if (dryRun) {
       if (blueskyEnabled) {
@@ -101128,8 +101166,7 @@ Dry run complete. No changes made.`);
               R2.info(`  Post is older than ${maxAgeDays} days, skipping Bluesky post`);
             } else {
               try {
-                const pathPrefix = config.pathPrefix || "/posts";
-                const canonicalUrl = `${config.siteUrl}${pathPrefix}/${post.slug}`;
+                const canonicalUrl = `${config.siteUrl}${resolvePostPath(post, config.pathPrefix, config.pathTemplate)}`;
                 bskyPostRef = await createBlueskyPost(agent, {
                   title: post.frontmatter.title,
                   description: post.frontmatter.description,
@@ -101278,10 +101315,9 @@ var syncCommand = import_cmd_ts7.command({
       stripDatePrefix: config.stripDatePrefix
     });
     s.stop(`Found ${localPosts.length} local posts`);
-    const pathPrefix = config.pathPrefix || "/posts";
     const postsByPath = new Map;
     for (const post of localPosts) {
-      const postPath = `${pathPrefix}/${post.slug}`;
+      const postPath = resolvePostPath(post, config.pathPrefix, config.pathTemplate);
       postsByPath.set(postPath, post);
     }
     const state = await loadState(configDir);
@@ -101460,6 +101496,7 @@ async function updateConfigFlow(config, configPath) {
       ignore: configUpdated.ignore,
       removeIndexFromSlug: configUpdated.removeIndexFromSlug,
       stripDatePrefix: configUpdated.stripDatePrefix,
+      pathTemplate: configUpdated.pathTemplate,
       textContentField: configUpdated.textContentField,
       bluesky: configUpdated.bluesky
     });
@@ -101805,7 +101842,7 @@ Publish evergreen content to the ATmosphere
 
 > https://tangled.org/stevedylan.dev/sequoia
 	`,
-  version: "0.4.0",
+  version: "0.5.0-alpha.0",
   cmds: {
     add: addCommand,
     auth: authCommand,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sequoia-cli",
-	"version": "0.4.0-alpha.0",
+	"version": "0.5.0-alpha.0",
 	"type": "module",
 	"bin": {
 		"sequoia": "dist/index.js"