jamdesk 1.0.8 → 1.0.9

package/dist/commands/update.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"update.d.ts","sourceRoot":"","sources":["../../src/commands/update.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAUH,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,wBAAsB,MAAM,CAAC,OAAO,GAAE,aAAkB,GAAG,OAAO,CAAC,IAAI,CAAC,CAmDvE"}
+{"version":3,"file":"update.d.ts","sourceRoot":"","sources":["../../src/commands/update.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAUH,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AA8BD,wBAAsB,MAAM,CAAC,OAAO,GAAE,aAAkB,GAAG,OAAO,CAAC,IAAI,CAAC,CAwDvE"}

package/dist/commands/update.js

@@ -9,6 +9,25 @@ import { spinner } from '../lib/spinner.js';
 import { createRequire } from 'module';
 import { checkForUpdates, clearUpdateCache } from '../utils/update-checker.js';
 const require = createRequire(import.meta.url);
+/**
+ * Check if the deprecated @jamdesk/cli package is globally installed.
+ * If so, it shadows the jamdesk binary and must be removed first.
+ */
+function hasLegacyPackage() {
+    try {
+        const result = execFileSync('npm', ['list', '-g', '@jamdesk/cli', '--depth=0', '--json'], { encoding: 'utf-8', stdio: ['pipe', 'pipe', 'pipe'] });
+        const data = JSON.parse(result);
+        return !!data.dependencies?.['@jamdesk/cli'];
+    }
+    catch {
+        return false;
+    }
+}
+function removeLegacyPackage(spin) {
+    spin.text = 'Removing deprecated @jamdesk/cli package...';
+    execFileSync('npm', ['uninstall', '-g', '@jamdesk/cli'], { stdio: 'pipe' });
+    output.info('Removed @jamdesk/cli (migrating to jamdesk)');
+}
 export async function update(options = {}) {
     const pkg = require('../../package.json');
     const currentVersion = pkg.version;
@@ -32,6 +51,10 @@ export async function update(options = {}) {
     // Full update mode
     const spin = spinner('Checking for updates...');
     try {
+        // Remove legacy @jamdesk/cli if present — it shadows the jamdesk binary
+        if (hasLegacyPackage()) {
+            removeLegacyPackage(spin);
+        }
         // Check latest version using execFileSync (safer than execSync)
         const latestVersion = execFileSync('npm', ['view', 'jamdesk', 'version'], {
             encoding: 'utf-8'

package/dist/commands/update.js.map

@@ -1 +1 @@
-{"version":3,"file":"update.js","sourceRoot":"","sources":["../../src/commands/update.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE/E,MAAM,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAM/C,MAAM,CAAC,KAAK,UAAU,MAAM,CAAC,UAAyB,EAAE;IACtD,MAAM,GAAG,GAAG,OAAO,CAAC,oBAAoB,CAAwB,CAAC;IACjE,MAAM,cAAc,GAAG,GAAG,CAAC,OAAO,CAAC;IAEnC,yCAAyC;IACzC,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;QAClB,MAAM,CAAC,IAAI,CAAC,oBAAoB,cAAc,EAAE,CAAC,CAAC;QAClD,gBAAgB,EAAE,CAAC,CAAC,oBAAoB;QAExC,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,MAAM,eAAe,CAAC,cAAc,EAAE;YACzE,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;SACb,CAAC,CAAC;QAEH,IAAI,SAAS,IAAI,aAAa,EAAE,CAAC;YAC/B,MAAM,CAAC,IAAI,CAAC,qBAAqB,cAAc,MAAM,aAAa,EAAE,CAAC,CAAC;YACtE,MAAM,CAAC,IAAI,CAAC,4CAA4C,CAAC,CAAC;QAC5D,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,OAAO,CAAC,+BAA+B,CAAC,CAAC;QAClD,CAAC;QACD,OAAO;IACT,CAAC;IAED,mBAAmB;IACnB,MAAM,IAAI,GAAG,OAAO,CAAC,yBAAyB,CAAC,CAAC;IAEhD,IAAI,CAAC;QACH,gEAAgE;QAChE,MAAM,aAAa,GAAG,YAAY,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,EAAE;YACxE,QAAQ,EAAE,OAAO;SAClB,CAAC,CAAC,IAAI,EAAE,CAAC;QAEV,IAAI,cAAc,KAAK,aAAa,EAAE,CAAC;YACrC,IAAI,CAAC,OAAO,CAAC,8BAA8B,cAAc,GAAG,CAAC,CAAC;YAC9D,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,GAAG,oBAAoB,cAAc,MAAM,aAAa,KAAK,CAAC;QAEvE,gEAAgE;QAChE,YAAY,CAAC,KAAK,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,gBAAgB,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;QAC5E,IAAI,CAAC,OAAO,CAAC,sBAAsB,aAAa,EAAE,CAAC,CAAC;QAEpD,6CAA6C;QAC7C,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAC3B,MAAM,CAAC,KAAK,CAAC,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;QACvE,MAAM,CAAC,IAAI,CAAC,6CAA6C,CAAC,CAAC;QAC3D,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC;AACH,CAAC"}
+{"version":3,"file":"update.js","sourceRoot":"","sources":["../../src/commands/update.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamdesk",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "CLI for Jamdesk — build, preview, and deploy documentation sites from MDX. Dev server with hot reload, 50+ components, OpenAPI support, AI search, and Mintlify migration",
   "keywords": [
     "jamdesk",

package/vendored/lib/email-notifier.ts

@@ -1,56 +1,27 @@
 /**
- * Email Notifier
- * 
- * Sends email notifications using Resend and React Email templates.
- * Currently supports internal build failure notifications.
- * 
- * Environment variables:
- * - RESEND_API_KEY: Resend API key for sending emails
- * - JAMDESK_REPORT_EMAIL: Email address for internal notifications
+ * Email Notifier — sends internal build failure notifications via Resend.
+ *
+ * Env: BUILDER_RESEND_API_KEY, JAMDESK_REPORT_EMAIL
  */
 
 import { render } from '@react-email/render';
 import { Resend } from 'resend';
 import { BuildFailureEmail, type BuildFailureEmailProps } from './email-templates/index.js';
 
-/**
- * Build failure email info
- * Contains all data needed to render and send a build failure notification
- */
-export interface BuildFailureEmailInfo extends BuildFailureEmailProps {
-  // All fields inherited from BuildFailureEmailProps
-}
-
-// Re-export for convenience
-export type { BuildFailureEmailProps };
+export type BuildFailureEmailInfo = BuildFailureEmailProps;
 
 /**
- * Send an internal build failure notification email
- * 
- * This is an internal-only notification sent to the JAMDESK_REPORT_EMAIL address.
+ * Send an internal build failure notification to JAMDESK_REPORT_EMAIL.
  * Gracefully skips if environment variables are not configured.
- * 
- * @param info - Build failure information
  */
 export async function sendInternalBuildFailureEmail(info: BuildFailureEmailInfo): Promise<void> {
   const apiKey = process.env.BUILDER_RESEND_API_KEY;
   const reportEmail = process.env.JAMDESK_REPORT_EMAIL;
 
-  // Check if email notifications are configured
-  if (!apiKey) {
-    console.log(JSON.stringify({
-      severity: 'WARNING',
-      message: 'Email notification skipped - BUILDER_RESEND_API_KEY not configured',
-      projectId: info.projectId,
-      buildId: info.buildId,
-    }));
-    return;
-  }
-
-  if (!reportEmail) {
+  if (!apiKey || !reportEmail) {
     console.log(JSON.stringify({
       severity: 'WARNING',
-      message: 'Email notification skipped - JAMDESK_REPORT_EMAIL not configured',
+      message: `Email notification skipped - ${!apiKey ? 'BUILDER_RESEND_API_KEY' : 'JAMDESK_REPORT_EMAIL'} not configured`,
       projectId: info.projectId,
       buildId: info.buildId,
     }));
@@ -60,15 +31,16 @@ export async function sendInternalBuildFailureEmail(info: BuildFailureEmailInfo)
   try {
     const resend = new Resend(apiKey);
     
-    // Render the React Email template to HTML
-    const html = await render(BuildFailureEmail(info));
-    
-    // Send the email
+    const template = BuildFailureEmail(info);
+    const html = await render(template);
+    const text = await render(template, {plainText: true});
+
     const result = await resend.emails.send({
       from: 'Jamdesk <no-reply@mail.jamdesk.com>',
       to: reportEmail,
       subject: `[Jamdesk] Build Failed: ${info.projectName || info.projectId}`,
       html,
+      text,
     });
 
     if (result.error) {

package/vendored/lib/email-templates/build-failure.tsx

@@ -135,16 +135,17 @@ export function BuildFailureEmail(props: BuildFailureEmailProps) {
     : undefined;
 
   return (
-    <BaseLayout title={`Build Failed: ${projectName || projectId}`}>
-      {/* Error Summary */}
-      <ErrorBox 
+    <BaseLayout
+      title={`Build Failed: ${projectName || projectId}`}
+      preview={`Build failed for ${projectName || projectId}${errorRef ? ` (${errorRef})` : ''}`}
+    >
+      <ErrorBox
         error={error}
         errorRef={errorRef}
         errorType={errorType}
         errorSuggestion={errorSuggestion}
       />
 
-      {/* User Information */}
       <Text style={styles.sectionTitle}>User Information</Text>
       <Section style={styles.infoGrid}>
         <InfoRow label="User ID" value={triggeredByUserId} monospace />
@@ -153,7 +154,6 @@ export function BuildFailureEmail(props: BuildFailureEmailProps) {
         <InfoRow label="Trigger Method" value={formatTriggerMethod(triggeredBy)} />
       </Section>
 
-      {/* Project Details */}
       <Text style={styles.sectionTitle}>Project Details</Text>
       <Section style={styles.infoGrid}>
         <InfoRow label="Project Name" value={projectName} />
@@ -163,7 +163,6 @@ export function BuildFailureEmail(props: BuildFailureEmailProps) {
         <InfoRow label="Branch" value={branch} />
       </Section>
 
-      {/* Build Details */}
       <Text style={styles.sectionTitle}>Build Details</Text>
       <Section style={styles.infoGrid}>
         <InfoRow label="Build ID" value={buildId} monospace />
@@ -173,7 +172,6 @@ export function BuildFailureEmail(props: BuildFailureEmailProps) {
         <InfoRow label="Duration" value={formatDuration(duration)} />
       </Section>
 
-      {/* CTA Button */}
       <Section style={styles.buttonContainer}>
         <Button href={superadminUrl} style={styles.button}>
           View in Superadmin
@@ -189,5 +187,26 @@ export function BuildFailureEmail(props: BuildFailureEmailProps) {
   );
 }
 
-// Default export for React Email dev server
+// Preview props for React Email dev server
+BuildFailureEmail.PreviewProps = {
+  projectId: 'proj_abc123',
+  buildId: 'build_xyz789',
+  projectName: 'Acme Docs',
+  slug: 'acme',
+  error: 'Module not found: Cannot find package \'@acme/custom-component\'',
+  errorType: 'module_not_found',
+  errorRef: 'ERR-ABC12345',
+  errorSuggestion: 'Check that all required packages are listed in your package.json dependencies.',
+  failedPhase: 'nextjs_build',
+  triggeredByUserId: 'user_123',
+  triggeredByUserEmail: 'dev@acme.com',
+  triggeredByGitHubUsername: 'acme-dev',
+  triggeredBy: 'push',
+  repoFullName: 'acme/docs',
+  branch: 'main',
+  commitSha: 'abc1234567890def',
+  commitMessage: 'feat: add custom hero component to getting started page',
+  duration: 42.7,
+} as BuildFailureEmailProps;
+
 export default BuildFailureEmail;

package/vendored/lib/email-templates/components/base-layout.tsx

@@ -1,15 +1,14 @@
 /**
  * Base Layout Component
  *
- * Shared layout wrapper for all Jamdesk emails.
- * Uses muted dashboard style guide colors with the Jamdesk logo.
- *
+ * Shared layout wrapper for all builder emails (internal notifications).
  * Keep in sync with: dashboard/functions/src/lib/email-templates/components/base-layout.tsx
  */
 
 import {
   Html,
   Head,
+  Preview,
   Body,
   Container,
   Img,
@@ -28,17 +27,27 @@ const darkModeStyles = `
   .email-body { background-color: #0A1628 !important; }
   .email-container { background-color: #111827 !important; }
   .email-content { background-color: #111827 !important; }
-.email-footer { background-color: #111827 !important; border-color: #374151 !important; }
+  .email-footer { background-color: #111827 !important; border-color: #374151 !important; }
   .email-title { color: #F9FAFB !important; }
   .email-paragraph { color: #E5E7EB !important; }
   .email-footer-text { color: #9CA3AF !important; }
+
+  /* Prevent white text inversion on indigo elements */
+  .email-button { color: #ffffff !important; background-color: #635BFF !important; }
+
+  /* Error box */
+  .email-error-box { background-color: #450a0a !important; border-color: #dc2626 !important; }
+  .email-error-title { color: #fecaca !important; }
+  .email-error-text { color: #fecaca !important; }
+  .email-error-ref { background-color: #92400e !important; color: #fecaca !important; }
 }
 `;
 
 export interface BaseLayoutProps {
   title: string;
   children: React.ReactNode;
-  showFooterDisclaimer?: boolean;
+  footerText?: string;
+  preview?: string;
 }
 
 // Muted dashboard style guide colors
@@ -97,9 +106,14 @@ const styles = {
   },
 };
 
-export function BaseLayout({ title, children, showFooterDisclaimer = true }: BaseLayoutProps) {
+export function BaseLayout({
+  title,
+  children,
+  footerText = 'This is an internal Jamdesk notification. Do not reply to this email.',
+  preview,
+}: BaseLayoutProps) {
   return (
-    <Html>
+    <Html lang="en">
       <Head>
         <title>{title}</title>
         <meta content="light dark" name="color-scheme" />
@@ -107,10 +121,11 @@ export function BaseLayout({ title, children, showFooterDisclaimer = true }: Bas
         <style dangerouslySetInnerHTML={{ __html: darkModeStyles }} />
       </Head>
       <Body style={styles.body} className="email-body">
+        {preview && <Preview>{preview}</Preview>}
         {/* Logo above the white card, in the grey background */}
         <Section style={styles.logoSection}>
           <Img
-            src="https://dashboard.jamdesk.com/logo-light.png"
+            src="https://dashboard.jamdesk.com/static/logo-light.png"
             alt="Jamdesk"
             width="140"
             height="auto"
@@ -118,7 +133,7 @@ export function BaseLayout({ title, children, showFooterDisclaimer = true }: Bas
             style={{ margin: '0 auto', display: 'block' }}
           />
           <Img
-            src="https://dashboard.jamdesk.com/logo-dark.png"
+            src="https://dashboard.jamdesk.com/static/logo-dark.png"
             alt="Jamdesk"
             width="140"
             height="auto"
@@ -134,11 +149,12 @@ export function BaseLayout({ title, children, showFooterDisclaimer = true }: Bas
           </Section>
 
           <Section style={styles.footer} className="email-footer">
-            {showFooterDisclaimer && (
-              <Text style={styles.footerText} className="email-footer-text">
-                This is an internal Jamdesk notification. Do not reply to this email.
-              </Text>
-            )}
+            <Text style={styles.footerText} className="email-footer-text">
+              {footerText}
+            </Text>
+            <Text style={{...styles.footerText, marginTop: '8px'}} className="email-footer-text">
+              Jamdesk &middot; New York, NY
+            </Text>
           </Section>
         </Container>
       </Body>
@@ -146,5 +162,4 @@ export function BaseLayout({ title, children, showFooterDisclaimer = true }: Bas
   );
 }
 
-// Export colors and common styles for use in other templates
 export { styles as baseStyles };

package/vendored/lib/email-templates/components/error-box.tsx

@@ -1,8 +1,5 @@
 /**
- * Error Box Component
- * 
- * Displays error information in a prominent red-accented box.
- * Used for showing build failure details.
+ * Error Box Component — red-accented box for build failure details.
  */
 
 import { Section, Text } from '@react-email/components';
@@ -66,20 +63,20 @@ const styles = {
 
 export function ErrorBox({ error, errorRef, errorType, errorSuggestion }: ErrorBoxProps) {
   return (
-    <Section style={styles.container}>
-      <Text style={styles.errorLabel}>Error</Text>
-      <Text style={styles.errorMessage}>{error}</Text>
-      
+    <Section style={styles.container} className="email-error-box">
+      <Text style={styles.errorLabel} className="email-error-title">Error</Text>
+      <Text style={styles.errorMessage} className="email-error-text">{error}</Text>
+
       {errorRef && (
-        <Text style={styles.errorRef}>{errorRef}</Text>
+        <Text style={styles.errorRef} className="email-error-ref">{errorRef}</Text>
       )}
-      
+
       {errorType && (
-        <Text style={styles.errorType}>Type: {errorType}</Text>
+        <Text style={styles.errorType} className="email-paragraph">Type: {errorType}</Text>
       )}
-      
+
       {errorSuggestion && (
-        <Text style={styles.suggestion}>
+        <Text style={styles.suggestion} className="email-paragraph">
           💡 {errorSuggestion}
         </Text>
       )}

package/vendored/lib/email-templates/components/info-row.tsx

@@ -1,11 +1,8 @@
 /**
- * Info Row Component
- * 
- * Displays a key-value pair in a consistent format.
- * Used for showing build details, user info, etc.
+ * Info Row Component — key-value pair for build details and user info.
  */
 
-import { Text } from '@react-email/components';
+import { Section, Text } from '@react-email/components';
 import * as React from 'react';
 import { colors } from './base-layout.js';
 
@@ -49,15 +46,15 @@ export function InfoRow({ label, value, monospace = false }: InfoRowProps) {
     : null;
 
   return (
-    <div style={styles.row}>
-      <Text style={styles.label}>{label}</Text>
+    <Section style={styles.row}>
+      <Text style={styles.label} className="email-footer-text">{label}</Text>
       {displayValue ? (
-        <Text style={monospace ? styles.valueMonospace : styles.value}>
+        <Text style={monospace ? styles.valueMonospace : styles.value} className="email-paragraph">
           {displayValue}
         </Text>
       ) : (
-        <Text style={styles.notAvailable}>Not available</Text>
+        <Text style={styles.notAvailable} className="email-footer-text">Not available</Text>
       )}
-    </div>
+    </Section>
   );
 }