@signiphi/pdf-signer 0.1.1

package/scripts/postinstall.js

@@ -0,0 +1,109 @@
+#!/usr/bin/env node
+
+/**
+ * Postinstall script for @signiphi/pdf-signer
+ * Automatically copies PDF.js viewer assets to the user's public directory
+ * This runs silently after package installation
+ */
+
+const fs = require('fs');
+const path = require('path');
+
+// Use shared utilities
+const copyUtils = require('./copy-utils.js');
+
+/**
+ * Main postinstall logic
+ */
+function postinstall() {
+  // Skip if running in the original monorepo development environment
+  // Only skip if we're in the signiphi monorepo AND running from source (not installed)
+  const currentDir = process.cwd();
+  const scriptDir = __dirname;
+  
+  // Check if we're in the original signiphi monorepo (not a user's project)
+  const issigniphiMonorepo = currentDir.includes('signiphi') && 
+                             fs.existsSync(path.join(currentDir, 'packages', 'pdf-signer', 'package.json')) &&
+                             fs.existsSync(path.join(currentDir, 'packages', 'document-prepare'));
+  
+  // Only skip if we're in the original monorepo AND running development commands
+  if (issigniphiMonorepo && scriptDir.includes('packages/pdf-signer/scripts')) {
+    // We're developing the package itself in the monorepo - skip
+    console.log('[signiphi/pdf-signer] Skipping postinstall in development monorepo');
+    process.exit(0);
+  }
+  
+  // Skip if in CI environment with --ignore-scripts
+  if (process.env.CI && process.env.npm_config_ignore_scripts === 'true') {
+    process.exit(0);
+  }
+  
+  try {
+    // Find pdfjs-dist - try multiple strategies
+    let pdfjsPath = null;
+    
+    // Try require.resolve first (most reliable)
+    try {
+      const pdfjsPackagePath = require.resolve('pdfjs-dist/package.json');
+      pdfjsPath = path.dirname(pdfjsPackagePath);
+    } catch (e) {
+      // Try fallback method
+      pdfjsPath = copyUtils.findPdfjsDistPath();
+    }
+    
+    if (!pdfjsPath || !fs.existsSync(pdfjsPath)) {
+      console.warn('⚠️  @signiphi/pdf-signer: pdfjs-dist not found. Run: npm install pdfjs-dist');
+      console.warn('   Or run: npx signiphi-setup after installing pdfjs-dist');
+      process.exit(0);
+    }
+    
+    // Verify pdfjs-dist has the required directories
+    const buildDir = path.join(pdfjsPath, 'build');
+    const webDir = path.join(pdfjsPath, 'web');
+    if (!fs.existsSync(buildDir) || !fs.existsSync(webDir)) {
+      console.warn('⚠️  @signiphi/pdf-signer: pdfjs-dist found but missing required directories');
+      console.warn('   Run: npx signiphi-setup to manually copy files');
+      process.exit(0);
+    }
+    
+    // Find public directory
+    const publicDir = copyUtils.findPublicDirectory();
+    const targetDir = path.join(publicDir, 'pdfjs');
+    
+    // Ensure public directory exists
+    if (!fs.existsSync(publicDir)) {
+      fs.mkdirSync(publicDir, { recursive: true });
+    }
+    
+    // Check if already up to date
+    const currentVersion = copyUtils.getPdfjsVersion();
+    const savedVersion = copyUtils.getSavedVersion(targetDir);
+    
+    if (savedVersion === currentVersion && fs.existsSync(targetDir)) {
+      // Already up to date - log but exit silently
+      process.exit(0);
+    }
+    
+    // Copy PDF.js files using shared utilities
+    const copied = copyUtils.copyPdfJsFiles(targetDir, false);
+    
+    if (copied) {
+      // Success - log for visibility
+      console.log('✓ @signiphi/pdf-signer: PDF.js files copied to', targetDir);
+    }
+    
+    process.exit(0);
+  } catch (error) {
+    // Log error but don't fail installation
+    console.error('⚠️  @signiphi/pdf-signer: Failed to copy PDF.js files:', error.message);
+    if (error.stack) {
+      console.error('   Stack:', error.stack);
+    }
+    console.error('   Run: npx signiphi-setup to manually copy files');
+    process.exit(0);
+  }
+}
+
+// Run postinstall
+postinstall();
+

package/scripts/setup.js

@@ -0,0 +1,108 @@
+#!/usr/bin/env node
+
+/**
+ * Optional setup script for @signiphi/pdf-signer
+ * Copies PDF.js assets from node_modules/pdfjs-dist to the user's public directory
+ * Usage: npx signiphi-setup [target-directory] [--force]
+ */
+
+const fs = require('fs');
+const path = require('path');
+
+// Use shared utilities
+const copyUtils = require('./copy-utils.js');
+
+function setupPdfjsAssets() {
+  console.log('🚀 Setting up @signiphi/pdf-signer for self-hosting...\n');
+
+  try {
+    // Parse command line arguments
+    const args = process.argv.slice(2);
+    let targetDir;
+    let force = false;
+    
+    // Check for --force flag
+    if (args.includes('--force')) {
+      force = true;
+      args.splice(args.indexOf('--force'), 1);
+    }
+    
+    if (args.length > 0 && !args[0].startsWith('--')) {
+      // User provided a target directory
+      targetDir = path.resolve(process.cwd(), args[0]);
+      console.log('📂 Using specified directory:', targetDir);
+    } else {
+      // Auto-detect public directory
+      const publicDir = copyUtils.findPublicDirectory();
+      
+      // If no public dir exists, create one
+      if (!fs.existsSync(publicDir)) {
+        console.log('📁 Creating public directory:', publicDir);
+        fs.mkdirSync(publicDir, { recursive: true });
+      } else {
+        console.log('📂 Found public directory:', publicDir);
+      }
+
+      targetDir = path.join(publicDir, 'pdfjs');
+    }
+
+    // Check if assets already exist and are up to date
+    if (fs.existsSync(targetDir) && !force) {
+      const currentVersion = copyUtils.getPdfjsVersion();
+      const savedVersion = copyUtils.getSavedVersion(targetDir);
+      
+      if (currentVersion === savedVersion) {
+        console.log('✅ PDF.js assets are already up to date (v' + currentVersion + ')');
+        console.log('   Location:', targetDir);
+        console.log('\n💡 Use --force to reinstall anyway');
+        return;
+      }
+      
+      console.log('⚠️  PDF.js assets exist but version mismatch');
+      console.log('   Current: v' + currentVersion + ', Installed: v' + savedVersion);
+      console.log('   Updating files...');
+      fs.rmSync(targetDir, { recursive: true, force: true });
+    } else if (force && fs.existsSync(targetDir)) {
+      console.log('🔄 Force reinstalling PDF.js assets...');
+      fs.rmSync(targetDir, { recursive: true, force: true });
+    }
+
+    // Copy the necessary PDF.js assets
+    console.log('📦 Copying PDF.js assets...');
+    const pdfjsPath = copyUtils.findPdfjsDistPath();
+    console.log('   From:', pdfjsPath);
+    console.log('   To:  ', targetDir);
+
+    copyUtils.copyPdfJsFiles(targetDir, force);
+    
+    const version = copyUtils.getPdfjsVersion();
+    console.log('   ✓ Copied build files');
+    console.log('   ✓ Copied web files');
+    console.log('   ✓ Version: ' + version);
+
+    console.log('\n✅ PDF.js assets copied successfully!');
+    console.log('\n📝 Next steps:');
+    console.log('   The default configuration already uses /pdfjs for the viewer.');
+    console.log('   No additional setup needed unless you used a custom path!');
+    console.log('');
+    console.log('   For custom paths, configure your app:');
+    console.log('');
+    console.log('      import { setPdfJsConfig } from "@signiphi/pdf-signer";');
+    console.log('      setPdfJsConfig({ viewerBasePath: "/your-path" });');
+    console.log('');
+    console.log('🎉 Setup complete!');
+  } catch (error) {
+    console.error('\n❌ Error during setup:', error.message);
+    console.error('\n📝 Manual setup instructions:');
+    console.error('   1. Make sure pdfjs-dist is installed: npm install');
+    console.error('   2. Copy PDF.js files manually:');
+    console.error('      cp -r node_modules/pdfjs-dist/build public/pdfjs/build');
+    console.error('      cp -r node_modules/pdfjs-dist/web public/pdfjs/web');
+    console.error('   3. Configure your app as shown above.');
+    process.exit(1);
+  }
+}
+
+// Run the setup
+setupPdfjsAssets();
+

package/src/styles/index.css

@@ -0,0 +1,139 @@
+/* Import Dancing Script font for signatures and initials */
+@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap');
+
+@import "tailwindcss";
+
+@plugin "tailwindcss-animate";
+
+/* Accordion animations */
+@keyframes accordion-down {
+  from {
+    height: 0;
+    opacity: 0;
+  }
+  to {
+    height: var(--radix-accordion-content-height);
+    opacity: 1;
+  }
+}
+
+@keyframes accordion-up {
+  from {
+    height: var(--radix-accordion-content-height);
+    opacity: 1;
+  }
+  to {
+    height: 0;
+    opacity: 0;
+  }
+}
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  /* Core Colors - DockMaster Design System (OKLCH) */
+  --color-dark-blue: oklch(0.23 0.12 273.81); /* #161848 */
+  --color-light-blue: oklch(0.862 0.038 233.28); /* #BDD9E8 */
+  --color-medium-blue: oklch(0.597 0.186 230.42); /* #0099CD */
+  --color-yellow: oklch(0.856 0.144 78.19); /* #FFC844 */
+  --color-white: oklch(1 0 0); /* #FFFFFF */
+  
+  /* Extended Blues */
+  --color-darker-blue: oklch(0.14 0.11 265);
+  --color-deep-blue: oklch(0.18 0.12 275);
+  --color-navy-blue: oklch(0.25 0.13 250);
+  --color-slate-blue: oklch(0.3 0.09 245);
+  
+  /* Greys */
+  --color-dark-grey: oklch(0.1 0.01 265);
+  --color-charcoal: oklch(0.13 0.015 265);
+  --color-slate-grey: oklch(0.16 0.02 265);
+  --color-light-grey: oklch(0.75 0.02 265);
+  
+  /* Theme setup - DockMaster Design System */
+  --radius: 0.625rem;
+  --background: var(--color-white);
+  --foreground: var(--color-dark-blue);
+  --card: var(--color-white);
+  --card-foreground: var(--color-dark-blue);
+  --popover: var(--color-white);
+  --popover-foreground: var(--color-dark-blue);
+  --primary: var(--color-medium-blue);
+  --primary-foreground: var(--color-white);
+  --secondary: var(--color-light-blue);
+  --secondary-foreground: var(--color-dark-blue);
+  --muted: var(--color-light-blue);
+  --muted-foreground: oklch(0.4 0.08 273.81);
+  --accent: var(--color-yellow);
+  --accent-foreground: var(--color-dark-blue);
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: var(--color-white);
+  --border: var(--color-light-blue);
+  --input: var(--color-light-blue);
+  --ring: var(--color-medium-blue);
+}
+
+.dark {
+  --background: #151b23;
+  --foreground: var(--color-white);
+  --card: var(--color-charcoal);
+  --card-foreground: var(--color-white);
+  --popover: var(--color-charcoal);
+  --popover-foreground: var(--color-white);
+  --primary: var(--color-medium-blue);
+  --primary-foreground: var(--color-white);
+  --secondary: var(--color-slate-grey);
+  --secondary-foreground: var(--color-white);
+  --muted: var(--color-slate-grey);
+  --muted-foreground: var(--color-light-blue);
+  --accent: var(--color-yellow);
+  --accent-foreground: var(--color-dark-blue);
+  --destructive: oklch(0.396 0.141 25.723);
+  --destructive-foreground: var(--color-white);
+  --border: var(--color-slate-grey);
+  --input: var(--color-slate-grey);
+  --ring: var(--color-medium-blue);
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  
+  /* Accordion animations */
+  --animate-accordion-down: accordion-down 0.2s ease-out;
+  --animate-accordion-up: accordion-up 0.2s ease-out;
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+
+button {
+  cursor: pointer;
+}