resuml 1.20.1 → 2.0.0

package/scripts/dev-server.js

@@ -1,392 +0,0 @@
-/**
- * Local dev server for the resuml builder.
- * - Watches & rebuilds the frontend with esbuild
- * - Serves docs/ statically
- * - Handles /api/render, /api/themes locally (same logic as Vercel functions)
- *
- * Usage: node scripts/dev-server.js [--port 3000]
- */
-import http from 'node:http';
-import fs from 'node:fs';
-import os from 'node:os';
-import path from 'node:path';
-import { fileURLToPath } from 'node:url';
-import { createRequire } from 'node:module';
-import { execFileSync } from 'node:child_process';
-import { context } from 'esbuild';
-
-const require = createRequire(import.meta.url);
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const ROOT = path.resolve(__dirname, '..');
-const DOCS_DIR = path.resolve(ROOT, 'docs');
-const PORT = parseInt(process.argv.includes('--port') ? process.argv[process.argv.indexOf('--port') + 1] : '3000', 10);
-
-// ── MIME types ──────────────────────────────────────────────────────
-const MIME = {
-  '.html': 'text/html',
-  '.js': 'text/javascript',
-  '.mjs': 'text/javascript',
-  '.css': 'text/css',
-  '.json': 'application/json',
-  '.png': 'image/png',
-  '.jpg': 'image/jpeg',
-  '.svg': 'image/svg+xml',
-  '.ico': 'image/x-icon',
-  '.map': 'application/json',
-  '.woff': 'font/woff',
-  '.woff2': 'font/woff2',
-};
-
-// ── Theme helpers (CDN-based: fetch tarball + extract + install deps) ──
-const SAFE_NAME = /^[a-zA-Z0-9._-]+$/;
-const THEME_CACHE_DIR = path.join(os.tmpdir(), 'resuml-themes');
-
-function toPackageName(theme) {
-  if (!SAFE_NAME.test(theme)) throw new Error('Invalid theme name');
-  return theme.startsWith('jsonresume-theme-') ? theme : `jsonresume-theme-${theme}`;
-}
-
-async function ensureThemeInstalled(theme) {
-  const pkg = toPackageName(theme);
-  const pkgDir = path.join(THEME_CACHE_DIR, pkg);
-
-  if (fs.existsSync(path.join(pkgDir, 'package.json'))) {
-    return pkgDir;
-  }
-
-  console.log(`📦 Downloading ${pkg} from npm registry...`);
-
-  // Fetch tarball URL
-  const metaRes = await fetch(`https://registry.npmjs.org/${pkg}/latest`);
-  if (!metaRes.ok) throw new Error(`Theme "${pkg}" not found on npm (${metaRes.status})`);
-  const meta = await metaRes.json();
-  const tarballUrl = meta.dist.tarball;
-
-  // Download and extract
-  const tarRes = await fetch(tarballUrl);
-  const buf = Buffer.from(await tarRes.arrayBuffer());
-  fs.mkdirSync(pkgDir, { recursive: true });
-  const tarPath = path.join(THEME_CACHE_DIR, `${pkg}.tgz`);
-  fs.writeFileSync(tarPath, buf);
-  execFileSync('tar', ['xzf', tarPath, '-C', pkgDir, '--strip-components=1'], { timeout: 10_000 });
-  fs.unlinkSync(tarPath);
-
-  // Install prod deps (ignore lifecycle scripts for security)
-  const pkgJson = JSON.parse(fs.readFileSync(path.join(pkgDir, 'package.json'), 'utf8'));
-  if (pkgJson.dependencies && Object.keys(pkgJson.dependencies).length > 0) {
-    console.log(`   Installing dependencies for ${pkg}...`);
-    execFileSync('npm', ['install', '--omit=dev', '--ignore-scripts', '--legacy-peer-deps'], {
-      timeout: 30_000,
-      stdio: 'pipe',
-      cwd: pkgDir,
-    });
-  }
-
-  // Check if the main entry point exists; if not, the theme needs building
-  const mainEntry = pkgJson.main || 'index.js';
-  const mainPath = path.join(pkgDir, mainEntry);
-  if (!fs.existsSync(mainPath)) {
-    const buildScript = pkgJson.scripts?.build || pkgJson.scripts?.prepare;
-    if (buildScript) {
-      console.log(`   🔨 Theme needs building, installing all deps + running build...`);
-      // Install all deps (including devDependencies needed for the build)
-      execFileSync('npm', ['install', '--ignore-scripts'], {
-        timeout: 60_000,
-        stdio: 'pipe',
-        cwd: pkgDir,
-      });
-      execFileSync('npm', ['run', 'build'], {
-        timeout: 60_000,
-        stdio: 'pipe',
-        cwd: pkgDir,
-        env: { ...process.env, NODE_ENV: 'production' },
-      });
-    }
-  }
-
-  console.log(`   ✅ ${pkg} ready`);
-  return pkgDir;
-}
-
-/**
- * Returns a Proxy-wrapped array that:
- * - Supports .map/.forEach/.filter on empty arrays (no crash)
- * - Returns a safe empty-string object for out-of-bounds index access (prevents arr[0].prop crash)
- */
-function createSafeArray(arr) {
-  return new Proxy(arr, {
-    get(target, prop, receiver) {
-      const val = Reflect.get(target, prop, receiver);
-      if (val !== undefined) return val;
-      if (typeof prop === 'string' && /^\d+$/.test(prop)) {
-        return new Proxy({}, { get: (_, p) => typeof p === 'symbol' ? undefined : '' });
-      }
-      return val;
-    },
-  });
-}
-
-/**
- * Pad resume with safe defaults so themes don't crash on missing fields.
- * All array sections are wrapped in createSafeArray so that:
- * - theme.work.map(fn) works on empty data
- * - theme.work[0].position returns '' instead of crashing
- */
-function padResume(r) {
-  const basics = r.basics || {};
-  const location = basics.location || {};
-  const safe = { ...r };
-  safe.basics = {
-    name: '', label: '', image: '', email: '', phone: '', url: '', summary: '',
-    ...basics,
-    location: { address: '', postalCode: '', city: '', countryCode: '', region: '', ...location },
-  };
-  const arraySections = ['work','volunteer','education','awards','certificates','publications','skills','languages','interests','references','projects'];
-  for (const key of arraySections) {
-    safe[key] = createSafeArray(Array.isArray(safe[key]) ? safe[key] : []);
-  }
-  safe.basics.profiles = createSafeArray(Array.isArray(safe.basics.profiles) ? safe.basics.profiles : []);
-  return safe;
-}
-
-async function renderWithTheme(themeName, resume) {
-  const paddedResume = padResume(resume);
-  const pkgDir = await ensureThemeInstalled(themeName);
-
-  // Clear require cache for this dir so hot-reload works
-  for (const key of Object.keys(require.cache)) {
-    if (key.startsWith(pkgDir)) delete require.cache[key];
-  }
-
-  let mod;
-  try {
-    mod = require(pkgDir);
-  } catch (err) {
-    const pkg = toPackageName(themeName);
-    const hint = err.code === 'MODULE_NOT_FOUND'
-      ? `. This theme may require a build step that isn't included in the published package.`
-      : '';
-    throw new Error(`Could not load theme "${pkg}"${hint}`);
-  }
-  if (typeof mod.render !== 'function') {
-    throw new Error(`Theme "${toPackageName(themeName)}" does not export a render function`);
-  }
-  try {
-    // Temporarily change cwd to theme dir so themes that read files
-    // with relative paths (e.g. fs.readFileSync('./index.css')) work
-    const originalCwd = process.cwd();
-    process.chdir(pkgDir);
-    try {
-      const result = mod.render(paddedResume);
-      return result instanceof Promise ? await result : result;
-    } finally {
-      process.chdir(originalCwd);
-    }
-  } catch (err) {
-    throw new Error(
-      `Theme "${toPackageName(themeName)}" crashed while rendering: ${err.message}. ` +
-      `This usually means the theme expects resume fields that are missing (e.g. work, education).`
-    );
-  }
-}
-
-// ── Theme registry (mirrors api/_lib/themeRegistry.ts) ──────────────
-let cachedThemes = null;
-let cacheExpires = 0;
-
-async function fetchThemeList() {
-  const now = Date.now();
-  if (cachedThemes && cacheExpires > now) return cachedThemes;
-
-  const res = await fetch('https://registry.npmjs.org/-/v1/search?text=jsonresume-theme-&size=250');
-  if (!res.ok) throw new Error(`npm registry returned ${res.status}`);
-
-  const data = await res.json();
-  const themes = [];
-  for (const result of data.objects || []) {
-    const pkg = result.package;
-    const name = pkg.name;
-    if (!name.startsWith('jsonresume-theme-')) continue;
-    const shortName = name.replace('jsonresume-theme-', '');
-    themes.push({
-      name: shortName,
-      displayName: shortName.charAt(0).toUpperCase() + shortName.slice(1).replace(/-/g, ' '),
-      description: pkg.description || '',
-      version: pkg.version || '0.0.0',
-      weeklyDownloads: result.score?.detail?.popularity
-        ? Math.round(result.score.detail.popularity * 10000)
-        : 0,
-    });
-  }
-  themes.sort((a, b) => b.weeklyDownloads - a.weeklyDownloads);
-  cachedThemes = themes;
-  cacheExpires = now + 3600_000;
-  return themes;
-}
-
-// ── Parse JSON body ─────────────────────────────────────────────────
-function readBody(req, maxBytes = 512 * 1024) {
-  return new Promise((resolve, reject) => {
-    const chunks = [];
-    let size = 0;
-    req.on('data', (chunk) => {
-      size += chunk.length;
-      if (size > maxBytes) { req.destroy(); reject(new Error('Body too large')); return; }
-      chunks.push(chunk);
-    });
-    req.on('end', () => {
-      try { resolve(JSON.parse(Buffer.concat(chunks).toString())); }
-      catch { reject(new Error('Invalid JSON')); }
-    });
-    req.on('error', reject);
-  });
-}
-
-// ── API route handlers ──────────────────────────────────────────────
-async function handleApiRender(req, res) {
-  if (req.method === 'OPTIONS') { res.writeHead(200); res.end(); return; }
-  if (req.method !== 'POST') { jsonError(res, 405, 'Method not allowed'); return; }
-
-  let body;
-  try { body = await readBody(req); } catch (e) { jsonError(res, 400, e.message); return; }
-
-  const { resume, theme } = body;
-  if (!resume || typeof resume !== 'object') { jsonError(res, 400, 'resume is required'); return; }
-  if (!theme || typeof theme !== 'string' || !SAFE_NAME.test(theme)) { jsonError(res, 400, 'Invalid theme name'); return; }
-
-  try {
-    console.log(`🎨 Rendering with theme: ${theme}`);
-    const html = await renderWithTheme(theme, resume);
-    res.writeHead(200, {
-      'Content-Type': 'text/html; charset=utf-8',
-      'Access-Control-Allow-Origin': '*',
-    });
-    res.end(html);
-  } catch (e) {
-    console.error('Render error:', e.message);
-    jsonError(res, 500, e.message);
-  }
-}
-
-async function handleApiThemes(_req, res) {
-  try {
-    const themes = await fetchThemeList();
-    res.writeHead(200, {
-      'Content-Type': 'application/json',
-      'Access-Control-Allow-Origin': '*',
-      'Cache-Control': 'public, max-age=3600',
-    });
-    res.end(JSON.stringify(themes));
-  } catch (e) {
-    jsonError(res, 500, e.message);
-  }
-}
-
-function jsonError(res, status, message) {
-  res.writeHead(status, {
-    'Content-Type': 'application/json',
-    'Access-Control-Allow-Origin': '*',
-  });
-  res.end(JSON.stringify({ error: message }));
-}
-
-// ── Static file serving ─────────────────────────────────────────────
-function serveStatic(req, res) {
-  let filePath = path.join(DOCS_DIR, req.url === '/' ? 'index.html' : req.url);
-
-  // SPA fallback: if file doesn't exist and no extension, serve index.html
-  if (!fs.existsSync(filePath) && !path.extname(filePath)) {
-    filePath = path.join(DOCS_DIR, 'index.html');
-  }
-
-  if (!fs.existsSync(filePath)) {
-    res.writeHead(404);
-    res.end('Not found');
-    return;
-  }
-
-  const ext = path.extname(filePath);
-  const mime = MIME[ext] || 'application/octet-stream';
-  const content = fs.readFileSync(filePath);
-
-  res.writeHead(200, { 'Content-Type': mime });
-  res.end(content);
-}
-
-// ── esbuild watch ───────────────────────────────────────────────────
-async function startBuildWatch() {
-  const ctx = await context({
-    entryPoints: [path.resolve(ROOT, 'src/builder/index.tsx')],
-    bundle: true,
-    sourcemap: true,
-    format: 'esm',
-    target: 'es2022',
-    outfile: path.resolve(DOCS_DIR, 'app/main.js'),
-    jsx: 'automatic',
-    define: { 'process.env.NODE_ENV': '"development"' },
-    loader: { '.ts': 'ts', '.tsx': 'tsx' },
-    logLevel: 'info',
-    // Don't minify in dev for better debugging
-  });
-
-  await ctx.watch();
-  console.log('👀 Watching for frontend changes...');
-}
-
-// ── HTTP server ─────────────────────────────────────────────────────
-async function main() {
-  // Build frontend first
-  await startBuildWatch();
-
-  const server = http.createServer(async (req, res) => {
-    // CORS preflight
-    if (req.method === 'OPTIONS') {
-      res.writeHead(200, {
-        'Access-Control-Allow-Origin': '*',
-        'Access-Control-Allow-Methods': 'GET, POST, OPTIONS',
-        'Access-Control-Allow-Headers': 'Content-Type',
-      });
-      res.end();
-      return;
-    }
-
-    const url = new URL(req.url, `http://localhost:${PORT}`);
-
-    try {
-      if (url.pathname === '/api/render') {
-        await handleApiRender(req, res);
-      } else if (url.pathname === '/api/themes') {
-        await handleApiThemes(req, res);
-      } else {
-        serveStatic(req, res);
-      }
-    } catch (e) {
-      console.error('Server error:', e);
-      if (!res.headersSent) {
-        jsonError(res, 500, 'Internal server error');
-      }
-    }
-  });
-
-  server.listen(PORT, () => {
-    console.log('');
-    console.log(`  🚀 resuml builder running at:`);
-    console.log(`     http://localhost:${PORT}`);
-    console.log('');
-    console.log('  API endpoints:');
-    console.log(`     POST http://localhost:${PORT}/api/render`);
-    console.log(`     GET  http://localhost:${PORT}/api/themes`);
-    console.log('');
-  });
-}
-
-main().catch((err) => {
-  console.error('Failed to start dev server:', err);
-  process.exit(1);
-});
-
-// Prevent theme crashes from killing the server
-process.on('uncaughtException', (err) => {
-  console.error('⚠️  Uncaught exception (server still running):', err.message);
-});

package/scripts/enrich-themes-manifest.mjs

@@ -1,156 +0,0 @@
-#!/usr/bin/env node
-/**
- * Enrich docs/themes/manifest.json with popularity + render-health signals.
- *
- * For each theme we add:
- *   - npmWeeklyDownloads: rough "actual usage" proxy (npm API)
- *   - renderOk: whether the bundled theme renders a sample resume without
- *     throwing (Playwright + blob worker). Themes that fail here are the
- *     ones that silently showed sample data before, surface them as broken.
- *
- * Usage:
- *   node scripts/enrich-themes-manifest.mjs                # both
- *   node scripts/enrich-themes-manifest.mjs --downloads-only
- *   node scripts/enrich-themes-manifest.mjs --render-only  # needs dev server at :3010
- *
- * The render probe is slow (tens of seconds), keep the output committed.
- */
-
-import { readFileSync, writeFileSync } from 'node:fs';
-import { get } from 'node:https';
-
-const MANIFEST = 'docs/themes/manifest.json';
-const DOWNLOADS_BATCH = 'https://api.npmjs.org/downloads/point/last-week/';
-const args = new Set(process.argv.slice(2));
-
-function fetchJson(url) {
-  return new Promise((resolve, reject) => {
-    get(url, { headers: { 'User-Agent': 'resuml-enrich' } }, (res) => {
-      let data = '';
-      res.on('data', (c) => { data += c; });
-      res.on('end', () => {
-        if (res.statusCode !== 200) return reject(new Error(`HTTP ${res.statusCode} for ${url}`));
-        try { resolve(JSON.parse(data)); } catch (e) { reject(e); }
-      });
-    }).on('error', reject);
-  });
-}
-
-async function enrichDownloads(manifest) {
-  console.log(`📦 Fetching npm download counts for ${manifest.length} themes…`);
-  // npm batch endpoint accepts up to 128 comma-separated packages
-  const CHUNK = 100;
-  for (let i = 0; i < manifest.length; i += CHUNK) {
-    const slice = manifest.slice(i, i + CHUNK);
-    const names = slice.map((t) => `jsonresume-theme-${t.name}`).join(',');
-    try {
-      const resp = await fetchJson(DOWNLOADS_BATCH + encodeURIComponent(names));
-      // Batch response shape: { pkg: { downloads, ... }, ... } or { downloads, ... } for single
-      for (const t of slice) {
-        const key = `jsonresume-theme-${t.name}`;
-        const entry = resp[key] ?? (slice.length === 1 ? resp : null);
-        t.npmWeeklyDownloads = entry?.downloads ?? 0;
-      }
-    } catch (e) {
-      console.warn(`  batch ${i}-${i + slice.length} failed: ${e.message}`);
-      // Fall back per-package so one bad name doesn't kill the batch
-      for (const t of slice) {
-        try {
-          const r = await fetchJson(DOWNLOADS_BATCH + encodeURIComponent(`jsonresume-theme-${t.name}`));
-          t.npmWeeklyDownloads = r.downloads ?? 0;
-        } catch { t.npmWeeklyDownloads = 0; }
-      }
-    }
-    process.stdout.write(`  ${Math.min(i + CHUNK, manifest.length)}/${manifest.length}\r`);
-  }
-  console.log('');
-}
-
-async function enrichRender(manifest) {
-  const { chromium } = await import('playwright');
-  console.log(`🎭 Probing render for ${manifest.length} themes via Playwright (dev server must be on :3010)…`);
-
-  const b = await chromium.launch();
-  const page = await b.newPage();
-  await page.goto('http://localhost:3010', { waitUntil: 'networkidle' });
-
-  // Installed once on the page; reused per theme
-  const sampleResume = {
-    basics: {
-      name: 'Test User',
-      label: 'Engineer',
-      email: 'test@example.com',
-      phone: '+1-555-0123',
-      summary: 'Sample summary for render probe.',
-      location: { city: 'City', region: 'Region', countryCode: 'US', address: '1 Way', postalCode: '10000' },
-      profiles: [{ network: 'GitHub', username: 'x', url: 'https://github.com/x' }],
-      url: 'https://example.com',
-    },
-    work: [{ name: 'Co', position: 'Engineer', startDate: '2020-01-01', endDate: '2022-01-01', summary: 'S', highlights: ['H'] }],
-    skills: [{ name: 'Cat', level: 'Expert', keywords: ['K'] }],
-    education: [{ institution: 'U', area: 'A', studyType: 'M', startDate: '2015-01-01', endDate: '2019-01-01' }],
-    projects: [{ name: 'P', description: 'D', highlights: ['H'] }],
-    languages: [{ language: 'English', fluency: 'Native' }],
-    interests: [{ name: 'I', keywords: ['k'] }],
-    references: [{ name: 'R', reference: 'Ref' }],
-    publications: [{ name: 'Pub', publisher: 'Pr', releaseDate: '2020', summary: 'S' }],
-    certificates: [{ name: 'C', date: '2020', issuer: 'Is' }],
-    awards: [{ title: 'A', date: '2020', awarder: 'Aw', summary: 'S' }],
-    volunteer: [{ organization: 'V', position: 'P', startDate: '2020', summary: 'S', highlights: ['H'] }],
-    // Include `meta.palette` so themes like material (which set
-    // meta.palette.primary without defensive checks) don't trip the probe
-    //, matches what the runtime padResume provides.
-    meta: { theme: 'test', palette: { primary: '', secondary: '' } },
-  };
-
-  for (let i = 0; i < manifest.length; i++) {
-    const t = manifest[i];
-    if (!t.browserCompatible) { t.renderOk = false; continue; }
-    const result = await page.evaluate(async ({ name, resume }) => {
-      try {
-        if (typeof globalThis.process === 'undefined') {
-          globalThis.process = {
-            env: { NODE_ENV: 'production' }, browser: true, platform: 'browser',
-            version: 'v20.0.0', versions: {}, stdout: { write: () => {} }, stderr: { write: () => {} },
-            cwd: () => '/', chdir: () => {}, nextTick: (fn) => Promise.resolve().then(fn),
-            argv: [], pid: 1, title: 'browser',
-          };
-        }
-        if (typeof globalThis.global === 'undefined') globalThis.global = globalThis;
-        const mod = await import(/* @vite-ignore */ '/themes/' + name + '.js');
-        const render = mod.render ?? mod.default?.render;
-        if (typeof render !== 'function') return false;
-        const out = render(resume);
-        const html = typeof out === 'string' ? out : await out;
-        return typeof html === 'string' && html.length > 200;
-      } catch { return false; }
-    }, { name: t.name, resume: sampleResume });
-    t.renderOk = !!result;
-    if ((i + 1) % 20 === 0 || i === manifest.length - 1) {
-      process.stdout.write(`  ${i + 1}/${manifest.length}\r`);
-    }
-  }
-  console.log('');
-  await b.close();
-
-  const ok = manifest.filter((t) => t.renderOk).length;
-  const broken = manifest.filter((t) => t.browserCompatible && !t.renderOk);
-  console.log(`  ${ok}/${manifest.length} render successfully. ${broken.length} marked browserCompatible but fail at render time.`);
-  if (broken.length) {
-    console.log('  Broken at render time:', broken.map((t) => t.name).slice(0, 20).join(', ') + (broken.length > 20 ? '…' : ''));
-  }
-}
-
-async function main() {
-  const manifest = JSON.parse(readFileSync(MANIFEST, 'utf8'));
-  const doDownloads = !args.has('--render-only');
-  const doRender = !args.has('--downloads-only');
-
-  if (doDownloads) await enrichDownloads(manifest);
-  if (doRender) await enrichRender(manifest);
-
-  writeFileSync(MANIFEST, JSON.stringify(manifest, null, 2));
-  console.log(`✅ Wrote ${MANIFEST}`);
-}
-
-main().catch((e) => { console.error(e); process.exit(1); });

package/scripts/generate-types.cjs

@@ -1,55 +0,0 @@
-const { execSync } = require('child_process');
-const fs = require('fs');
-const path = require('path');
-
-const SCHEMA_URL = 'https://raw.githubusercontent.com/jsonresume/resume-schema/master/schema.json';
-const SCHEMA_FILE = 'resume.schema.json';
-const OUTPUT_DIR = path.join('src', 'types');
-const OUTPUT_FILE = path.join(OUTPUT_DIR, 'resume.ts');
-
-function runCommand(command, description) {
-  console.log(`⏳ ${description}...`);
-  try {
-    execSync(command, { stdio: 'inherit' });
-    console.log(`✅ ${description} successful!`);
-  } catch (error) {
-    console.error(`❌ Error during ${description}:`, error.message);
-    if (error.stderr) {
-      console.error(error.stderr.toString());
-    }
-    if (error.stdout) {
-      console.error(error.stdout.toString());
-    }
-    process.exit(1);
-  }
-}
-
-console.log('🚀 Starting type generation process...');
-
-// 1. Fetch the schema
-runCommand(`curl -s -L -o ${SCHEMA_FILE} ${SCHEMA_URL}`, 'Fetching latest JSON Resume schema');
-
-// 2. Create output directory if it doesn't exist
-if (!fs.existsSync(OUTPUT_DIR)) {
-  console.log(`⏳ Creating directory ${OUTPUT_DIR}...`);
-  fs.mkdirSync(OUTPUT_DIR, { recursive: true });
-  console.log(`✅ Directory ${OUTPUT_DIR} created.`);
-}
-
-// 3. Generate TypeScript types
-runCommand(
-  `npx json-schema-to-typescript ${SCHEMA_FILE} -o ${OUTPUT_FILE}`,
-  'Generating TypeScript types'
-);
-
-// 4. Remove the downloaded schema file
-console.log(`⏳ Removing temporary schema file ${SCHEMA_FILE}...`);
-try {
-  fs.unlinkSync(SCHEMA_FILE);
-  console.log(`✅ Temporary schema file ${SCHEMA_FILE} removed.`);
-} catch (error) {
-  console.error(`❌ Error removing temporary schema file ${SCHEMA_FILE}:`, error.message);
-  // Non-fatal, so don't exit
-}
-
-console.log('🎉 TypeScript types generated successfully from JSON Resume schema!');