promptslide 0.3.12 → 0.3.13

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [0.3.13](https://github.com/prompticeu/promptslide/compare/promptslide-v0.3.12...promptslide-v0.3.13) (2026-03-29)
+
+
+### Bug Fixes
+
+* pin dependency versions and preserve component names in publish pipeline ([#89](https://github.com/prompticeu/promptslide/issues/89)) ([22b7dcb](https://github.com/prompticeu/promptslide/commit/22b7dcbe33c9852fac2fbfef70943254a0d871cd))
+
 ## [0.3.12](https://github.com/prompticeu/promptslide/compare/promptslide-v0.3.11...promptslide-v0.3.12) (2026-03-28)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "promptslide",
-  "version": "0.3.12",
+  "version": "0.3.13",
   "description": "CLI and slide engine for PromptSlide presentations",
   "type": "module",
   "main": "./dist/index.js",

package/src/commands/add.mjs

@@ -167,7 +167,7 @@ export async function add(args) {
     const shouldReplace = await confirm("  Replace entire deck-config.ts with this deck?", true)
     if (shouldReplace) {
       const slides = item.meta.slides.map(s => ({
-        componentName: toPascalCase(s.slug),
+        componentName: s.componentName || toPascalCase(s.slug),
         importPath: `@/slides/${s.slug}`,
         steps: s.steps,
         section: s.section
@@ -180,7 +180,7 @@ export async function add(args) {
     } else {
       // Append individual slides
       for (const s of item.meta.slides) {
-        const componentName = toPascalCase(s.slug)
+        const componentName = s.componentName || toPascalCase(s.slug)
         const importPath = `@/slides/${s.slug}`
         const updated = addSlideToDeckConfig(cwd, { componentName, importPath, steps: s.steps })
         if (updated) {

package/src/commands/clone.mjs

@@ -159,7 +159,7 @@ export async function clone(args) {
   // 6. Generate deck-config.ts
   if (item.meta?.slides) {
     const slides = item.meta.slides.map(s => ({
-      componentName: toPascalCase(s.slug),
+      componentName: s.componentName || toPascalCase(s.slug),
       importPath: `@/slides/${s.slug}`,
       steps: s.steps,
       section: s.section

package/src/commands/create.mjs

@@ -222,7 +222,7 @@ export async function create(args) {
     // Reconstruct deck-config.ts from deckConfig metadata
     if (fromItem.meta?.slides) {
       const slides = fromItem.meta.slides.map(s => ({
-        componentName: toPascalCase(s.slug),
+        componentName: s.componentName || toPascalCase(s.slug),
         importPath: `@/slides/${s.slug}`,
         steps: s.steps,
         section: s.section

package/src/commands/publish.mjs

@@ -71,7 +71,7 @@ function detectSteps(content) {
   return max
 }
 
-function detectNpmDeps(content) {
+function detectNpmDeps(content, projectDeps = {}) {
   const deps = {}
   // Match both unscoped (foo) and scoped (@scope/foo) packages, exclude relative imports
   const importRegex = /import\s+.*?\s+from\s+["']((?:@[a-zA-Z0-9-]+\/)?[a-zA-Z0-9-][^"']*)["']/g
@@ -81,7 +81,7 @@ function detectNpmDeps(content) {
     const pkg = full.startsWith("@") ? full.split("/").slice(0, 2).join("/") : full.split("/")[0]
     // Skip relative imports, react, and internal packages
     if (pkg.startsWith(".") || pkg === "react" || pkg === "react-dom" || pkg.startsWith("@promptslide/")) continue
-    deps[pkg] = "latest"
+    deps[pkg] = projectDeps[pkg] ?? "latest"
   }
   return deps
 }
@@ -96,6 +96,15 @@ function detectRegistryDeps(content) {
   return deps
 }
 
+function readProjectDeps(cwd) {
+  const pkgPath = join(cwd, "package.json")
+  if (!existsSync(pkgPath)) return {}
+  try {
+    const pkg = JSON.parse(readFileSync(pkgPath, "utf-8"))
+    return { ...pkg.devDependencies, ...pkg.dependencies }
+  } catch { return {} }
+}
+
 /** Detect sibling layout imports — both relative ("./foo") and absolute ("@/layouts/foo"). */
 function detectLayoutSiblingDeps(content) {
   const deps = []
@@ -321,7 +330,7 @@ async function publishItem({ filePath, cwd, auth, typeOverride, interactive = tr
 
   const type = typeOverride || detectType(filePath) || "slide"
   const steps = detectSteps(content)
-  const npmDeps = detectNpmDeps(content)
+  const npmDeps = detectNpmDeps(content, readProjectDeps(cwd))
   const registryDeps = detectRegistryDeps(content)
   const target = type === "layout" ? "src/layouts/" : "src/slides/"
 
@@ -396,6 +405,7 @@ async function publishItem({ filePath, cwd, auth, typeOverride, interactive = tr
 
 export async function publish(args) {
   const cwd = process.cwd()
+  const projectDeps = readProjectDeps(cwd)
 
   console.log()
   console.log(`  ${bold("promptslide")} ${dim("publish")}`)
@@ -692,7 +702,7 @@ export async function publish(args) {
         skipped++
       } else {
         const assetDeps = detectAssetDepsInContent(themeContent, deckSlug, publicFileSet)
-        const npmDeps = detectNpmDeps(themeContent)
+        const npmDeps = detectNpmDeps(themeContent, projectDeps)
 
         try {
           const result = await publishToRegistry({
@@ -730,7 +740,7 @@ export async function publish(args) {
         }
 
         const assetDeps = detectAssetDepsInContent(content, deckSlug, publicFileSet)
-        const npmDeps = detectNpmDeps(content)
+        const npmDeps = detectNpmDeps(content, projectDeps)
         const siblingDeps = detectLayoutSiblingDeps(content).map(d => `${deckSlug}/${d}`)
         const regDeps = hasTheme ? [`${deckSlug}/theme`] : []
         regDeps.push(...siblingDeps, ...assetDeps)
@@ -775,7 +785,7 @@ export async function publish(args) {
 
         const assetDeps = detectAssetDepsInContent(content, deckSlug, publicFileSet)
         const layoutDeps = detectRegistryDeps(content).map(d => `${deckSlug}/${d}`)
-        const npmDeps = detectNpmDeps(content)
+        const npmDeps = detectNpmDeps(content, projectDeps)
         const steps = detectSteps(content)
         const slideConfig = deckConfig.slides.find(s => s.slug === slideName)
         const section = slideConfig?.section || undefined
@@ -836,7 +846,7 @@ export async function publish(args) {
     // Collect npm deps from shared source files
     const sharedNpmDeps = {}
     for (const f of sharedFiles) {
-      Object.assign(sharedNpmDeps, detectNpmDeps(f.content))
+      Object.assign(sharedNpmDeps, detectNpmDeps(f.content, projectDeps))
     }
 
     let deckItemId = null
@@ -905,7 +915,7 @@ export async function publish(args) {
   // Detect metadata
   const type = typeOverride || detectType(filePath) || "slide"
   const steps = detectSteps(content)
-  const npmDeps = detectNpmDeps(content)
+  const npmDeps = detectNpmDeps(content, projectDeps)
   const registryDeps = detectRegistryDeps(content)
   const target = type === "layout" ? "src/layouts/" : "src/slides/"
 

package/src/utils/registry.mjs

@@ -190,36 +190,53 @@ export async function fetchOrganizations(auth) {
  * @param {{ registry: string, apiKey: string }} auth - Auth credentials
  * @returns {Promise<object>} Registry item JSON
  */
-export async function fetchRegistryItem(nameOrUrl, auth) {
+export async function fetchRegistryItem(nameOrUrl, auth, { retries = 2 } = {}) {
   const url = nameOrUrl.startsWith("http")
     ? nameOrUrl
     : `${auth.registry}/api/r/${nameOrUrl}.json`
 
-  const res = await fetch(url, {
-    headers: authHeaders(auth)
-  })
+  let lastError
+  for (let attempt = 0; attempt <= retries; attempt++) {
+    try {
+      const res = await fetch(url, {
+        headers: authHeaders(auth)
+      })
 
-  if (res.status === 401) {
-    throw new Error("Authentication failed. Run `promptslide login` to re-authenticate.")
-  }
-  if (res.status === 403) {
-    const body = await res.json().catch(() => ({}))
-    if (body.status === "pending_review") {
-      throw new Error(`Item "${nameOrUrl}" is pending review. An admin must approve it first.`)
-    }
-    if (body.status === "rejected") {
-      throw new Error(`Item "${nameOrUrl}" was rejected by an admin.`)
+      if (res.status === 401) {
+        throw new Error("Authentication failed. Run `promptslide login` to re-authenticate.")
+      }
+      if (res.status === 403) {
+        const body = await res.json().catch(() => ({}))
+        if (body.status === "pending_review") {
+          throw new Error(`Item "${nameOrUrl}" is pending review. An admin must approve it first.`)
+        }
+        if (body.status === "rejected") {
+          throw new Error(`Item "${nameOrUrl}" was rejected by an admin.`)
+        }
+        throw new Error("Access denied. This item belongs to a different organization.")
+      }
+      if (res.status === 404) {
+        throw new Error(`Item not found: ${nameOrUrl}`)
+      }
+      if (!res.ok) {
+        throw new Error(`Registry error (${res.status}): ${await res.text()}`)
+      }
+
+      return res.json()
+    } catch (err) {
+      lastError = err
+      // Only retry on network errors (fetch failed), not on HTTP-level errors
+      if (err.message.includes("Authentication") || err.message.includes("Access denied") ||
+          err.message.includes("not found") || err.message.includes("pending review") ||
+          err.message.includes("rejected") || err.message.includes("Registry error")) {
+        throw err
+      }
+      if (attempt < retries) {
+        await new Promise(r => setTimeout(r, 500 * (attempt + 1)))
+      }
     }
-    throw new Error("Access denied. This item belongs to a different organization.")
-  }
-  if (res.status === 404) {
-    throw new Error(`Item not found: ${nameOrUrl}`)
   }
-  if (!res.ok) {
-    throw new Error(`Registry error (${res.status}): ${await res.text()}`)
-  }
-
-  return res.json()
+  throw lastError
 }
 
 /**