screencraft 0.1.0

package/test/test_psd.js

@@ -0,0 +1,83 @@
+/**
+ * test/test_psd.js
+ * ----------------
+ * Tests the compositePSD function in isolation.
+ * Place a sample screenshot at test/sample_screenshot.png before running.
+ *
+ * Run: node test/test_psd.js
+ */
+
+require('dotenv').config();
+const path = require('path');
+const fs   = require('fs');
+const { compositePSD } = require('../src/generators/compositePSD');
+
+const SAMPLE_SCREENSHOT = path.join(__dirname, 'sample_screenshot.png');
+const OUTPUT_DIR        = path.join(__dirname, 'output');
+
+async function main() {
+  fs.mkdirSync(OUTPUT_DIR, { recursive: true });
+
+  // Check for sample screenshot
+  if (!fs.existsSync(SAMPLE_SCREENSHOT)) {
+    console.log('');
+    console.log('  ✗ Missing: test/sample_screenshot.png');
+    console.log('  Add any app screenshot PNG to test/ and rename it sample_screenshot.png');
+    console.log('');
+    process.exit(1);
+  }
+
+  const tests = [
+    {
+      name:          'innerloop_screen_01',
+      headlineWhite: 'Rewire your',
+      headlineAccent:'mind',
+      accentColor:   '#9B7FD4',
+      bgColor:       '#1B2A4A',
+    },
+    {
+      name:          'innerloop_screen_02',
+      headlineWhite: 'Infinitely loopable',
+      headlineAccent:'tracks',
+      accentColor:   '#9B7FD4',
+      bgColor:       '#1B2A4A',
+    },
+    {
+      name:          'different_brand',
+      headlineWhite: 'Built for',
+      headlineAccent:'focus',
+      accentColor:   '#E84545',
+      bgColor:       '#0D1117',
+    },
+  ];
+
+  for (const t of tests) {
+    console.log(`  Testing: ${t.name}...`);
+
+    await compositePSD({
+      screenshotPath: SAMPLE_SCREENSHOT,
+      headlineWhite:  t.headlineWhite,
+      headlineAccent: t.headlineAccent,
+      accentColor:    t.accentColor,
+      bgColor:        t.bgColor,
+      outputPng:      path.join(OUTPUT_DIR, `${t.name}.png`),
+      outputPsd:      path.join(OUTPUT_DIR, `${t.name}.psd`),
+      writePsd:       true,
+    });
+
+    console.log(`  ✓ ${t.name}.png + .psd written to test/output/`);
+  }
+
+  console.log('');
+  console.log('  All tests passed. Open test/output/ to inspect results.');
+  console.log('  Check:');
+  console.log('    - Screenshot fills phone screen area');
+  console.log('    - White + accent text is visible above the phone');
+  console.log('    - Background color matches bgColor');
+  console.log('    - PSD opens in Photoshop with named layers');
+}
+
+main().catch(err => {
+  console.error('  ✗ Test failed:', err.message);
+  process.exit(1);
+});

package/test/test_style_analysis.js

@@ -0,0 +1,114 @@
+/**
+ * test/test_style_analysis.js
+ * ---------------------------
+ * Run: node test/test_style_analysis.js [path-to-image]
+ *
+ * Tests analyzeStyleReference() and prints the full extracted profile.
+ * Also shows what gets adapted to a sample brand.
+ */
+
+const path = require('path');
+const fs   = require('fs');
+
+// Load API key from environment or .env file
+const envPath = path.join(__dirname, '../.env');
+if (fs.existsSync(envPath)) {
+  require('fs').readFileSync(envPath, 'utf8')
+    .split('\n')
+    .forEach(line => {
+      const [key, ...val] = line.split('=');
+      if (key && val.length) process.env[key.trim()] = val.join('=').trim();
+    });
+}
+
+const { analyzeStyleReference } = require('../src/generators/analyzeStyleReference');
+
+// Sample brand — simulating Innerloop detection
+const SAMPLE_BRAND = {
+  appName:   'Innerloop',
+  tagline:   'Reprogram your subconscious',
+  primary:   '#1B2A4A',
+  secondary: '#F5F5F5',
+  accent:    '#9B7FD4',
+};
+
+const imagePath = process.argv[2] || path.join(__dirname, 'reference.png');
+
+async function main() {
+  console.log('');
+  console.log('  ◆ Style Reference Analyzer');
+  console.log('  ─────────────────────────────────────');
+  console.log('  Image:  ', imagePath);
+  console.log('  Brand:  ', SAMPLE_BRAND.appName, '/', SAMPLE_BRAND.primary, '/', SAMPLE_BRAND.accent);
+  console.log('');
+
+  if (!fs.existsSync(imagePath)) {
+    console.log('  ✗ Image not found:', imagePath);
+    console.log('  Usage: node test/test_style_analysis.js /path/to/reference.png');
+    process.exit(1);
+  }
+
+  if (!process.env.ANTHROPIC_API_KEY) {
+    console.log('  ✗ ANTHROPIC_API_KEY not set');
+    console.log('  Add it to .env or export it in your shell');
+    process.exit(1);
+  }
+
+  try {
+    const profile = await analyzeStyleReference(imagePath, SAMPLE_BRAND);
+
+    console.log('');
+    console.log('  ─────────────────────────────────────');
+    console.log('  EXTRACTED STYLE PROFILE');
+    console.log('  ─────────────────────────────────────');
+    console.log('');
+    console.log('  LAYOUT');
+    console.log('    Type:        ', profile.layout.type);
+    console.log('    Phones:      ', profile.layout.phoneCount);
+    console.log('    Arrangement: ', profile.layout.arrangement);
+    console.log('    Tilt angles: ', profile.layout.tiltAngles?.join('°, ') + '°');
+    console.log('    Text pos:    ', profile.layout.textPosition);
+    console.log('');
+    console.log('  BACKGROUND');
+    console.log('    Type:        ', profile.background.type);
+    console.log('    Color:       ', profile.background.color, '← adapted to brand.primary?', profile.background.adaptToBrand);
+    console.log('    Noise:       ', profile.background.noiseAmount);
+    console.log('');
+    console.log('  PHONE FRAME');
+    console.log('    Style:       ', profile.phoneFrame.style);
+    console.log('    Border:      ', profile.phoneFrame.borderColor || 'none');
+    console.log('    Shadow:      ', profile.phoneFrame.shadowStyle);
+    console.log('');
+    console.log('  TYPOGRAPHY');
+    console.log('    Headline:    ', profile.typography.headlineStyle, '/', profile.typography.headlineSize);
+    console.log('    Position:    ', profile.typography.headlinePosition);
+    console.log('    Text color:  ', profile.typography.textColor);
+    console.log('    Accent color:', profile.typography.accentTextColor);
+    console.log('    Emoji:       ', profile.typography.usesEmoji);
+    console.log('    Personality: ', profile.typography.fontPersonality);
+    console.log('');
+    console.log('  MOOD');
+    console.log('    Overall:     ', profile.colorExtraction?.overallMood);
+    console.log('    Description: ', profile.layoutDescription);
+    console.log('');
+
+    if (profile.layoutFunctionPath) {
+      console.log('  GENERATED LAYOUT CODE');
+      console.log('    Path:        ', profile.layoutFunctionPath);
+      console.log('');
+    }
+
+    // Write full profile to disk for inspection
+    const outPath = path.join(__dirname, 'output', 'style_profile.json');
+    fs.mkdirSync(path.join(__dirname, 'output'), { recursive: true });
+    fs.writeFileSync(outPath, JSON.stringify(profile, null, 2));
+    console.log('  Full profile written to test/output/style_profile.json');
+    console.log('');
+
+  } catch (err) {
+    console.error('  ✗ Error:', err.message);
+    process.exit(1);
+  }
+}
+
+main();