nivii 0.2.3 → 0.2.4

package/src/commands/share.ts

@@ -1,159 +0,0 @@
-import path from 'path';
-import chalk from 'chalk';
-import { detectFramework } from '../core/detect.js';
-import { runBuild } from '../core/build.js';
-import { uploadDeploy } from '../core/upload.js';
-import { generateSlug } from '../utils/hash.js';
-import { loadConfig, updateConfig } from '../utils/config.js';
-import { showQR, copyToClipboard, openBrowser } from '../core/qr.js';
-import { startLiveSync } from '../core/tunnel.js';
-import { showBanner } from '../ui/welcome.js';
-import { step, success, warn } from '../ui/spinner.js';
-import { theme } from '../ui/theme.js';
-
-export interface ShareOptions {
-  dir?: string;
-  slug?: string;
-  pass?: string;
-  otp?: boolean;
-  expires?: string;
-  live?: boolean;
-  collab?: boolean;
-  noBuild?: boolean;
-  cmd?: string;
-  port?: number;
-  maxViews?: number;
-  selfDestruct?: boolean;
-  open?: boolean;
-  qr?: boolean;
-}
-
-export async function runShare(opts: ShareOptions) {
-  showBanner();
-
-  const cwd = opts.dir ? path.resolve(opts.dir) : process.cwd();
-  const config = loadConfig();
-
-  // ─── 1. Detect framework ───────────────────────────────────────────────────
-  step('🔍', 'Detecting project type…', cwd);
-  const detected = detectFramework(cwd);
-
-  const frameworkLabel: Record<string, string> = {
-    nextjs: 'Next.js', vite: 'Vite', 'react-cra': 'React (CRA)',
-    vue: 'Vue', svelte: 'Svelte', sveltekit: 'SvelteKit',
-    astro: 'Astro', remix: 'Remix', nuxt: 'Nuxt',
-    solid: 'Solid.js', express: 'Express', fastify: 'Fastify',
-    hono: 'Hono', static: 'Static HTML', unknown: 'Unknown',
-  };
-
-  success(`Detected ${chalk.cyan(frameworkLabel[detected.framework] || detected.framework)} ` +
-    `${theme.muted(`(${detected.confidence}% confidence)`)}`);
-
-  if (detected.framework === 'unknown' && !opts.noBuild) {
-    warn('Could not detect framework. Using current directory as static site.');
-  }
-
-  // ─── 2. Build ──────────────────────────────────────────────────────────────
-  const { outputDir } = await runBuild({
-    cwd,
-    detect: detected,
-    customCmd: opts.cmd,
-    noBuild: opts.noBuild,
-  });
-
-  const fullOutputDir = path.resolve(cwd, outputDir);
-
-  // ─── 3. Slug ───────────────────────────────────────────────────────────────
-  let slug = opts.slug;
-  if (!slug) {
-    slug = generateSlug(8);
-  } else if (config.plan !== 'pro') {
-    warn('Custom slugs require Nivii Pro. Using random slug instead.');
-    slug = generateSlug(8);
-  }
-
-  // ─── 4. Upload (files directly, no zip) ────────────────────────────────────
-  const deployResult = await uploadDeploy({
-    buildDir: fullOutputDir,
-    slug,
-    token: config.token,
-    password: opts.pass,
-    otp: opts.otp,
-    expires: opts.expires || (config.plan === 'pro' ? undefined : '48h'),
-    live: opts.live,
-    collab: opts.collab,
-    maxViews: opts.maxViews,
-    selfDestruct: opts.selfDestruct,
-  });
-
-  // ─── 5. Save to config ─────────────────────────────────────────────────────
-  const deployments = config.deployments || [];
-  deployments.unshift({
-    slug: deployResult.slug,
-    url: deployResult.url,
-    createdAt: new Date().toISOString(),
-    expiresAt: deployResult.expiresAt,
-  });
-  updateConfig({ deployments: deployments.slice(0, 20) });
-
-  // ─── 6. Output ─────────────────────────────────────────────────────────────
-  console.log('');
-  console.log(theme.box([
-    theme.accent('  🚀  Your project is live!'),
-    '',
-    '  ' + theme.primary('URL:') + '  ' + chalk.underline.cyan(deployResult.url),
-    ...(deployResult.expiresAt ? ['  ' + theme.muted('Expires:') + '  ' + theme.muted(new Date(deployResult.expiresAt).toLocaleString())] : []),
-    ...(opts.pass ? ['  ' + theme.muted('Protected:') + '  ' + theme.success('✓ Password')] : []),
-    ...(opts.otp && deployResult.otpCode ? ['  ' + theme.muted('OTP:') + '  ' + theme.warning(deployResult.otpCode)] : []),
-    ...(opts.live ? ['  ' + theme.muted('Live sync:') + '  ' + theme.success('✓ Active')] : []),
-    ...(opts.collab ? ['  ' + theme.muted('Collab:') + '  ' + theme.success('✓ Active')] : []),
-  ]));
-  console.log('');
-
-  // ─── 7. Copy URL to clipboard ──────────────────────────────────────────────
-  const copied = await copyToClipboard(deployResult.url);
-  if (copied) {
-    success('URL copied to clipboard');
-  }
-
-  // ─── 8. QR code ────────────────────────────────────────────────────────────
-  if (opts.qr !== false) {
-    await showQR(deployResult.url);
-  }
-
-  // ─── 9. Open browser ───────────────────────────────────────────────────────
-  if (opts.open !== false) {
-    await openBrowser(deployResult.url);
-  }
-
-  // ─── 10. Live sync ─────────────────────────────────────────────────────────
-  if (opts.live && deployResult.liveToken) {
-    console.log('');
-    console.log(theme.accent('  ⚡ Live Sync Active') + theme.muted(' — watching for changes…'));
-    console.log(theme.muted('  Press Ctrl+C to stop'));
-    console.log('');
-
-    const stopLive = startLiveSync({
-      watchDir: fullOutputDir,
-      slug: deployResult.slug,
-      liveToken: deployResult.liveToken,
-      onUpdate: async () => {
-        await uploadDeploy({
-          buildDir: fullOutputDir,
-          slug: deployResult.slug,
-          token: config.token,
-          live: true,
-        });
-      },
-    });
-
-    process.on('SIGINT', () => {
-      stopLive();
-      console.log('');
-      console.log(theme.muted('  ↳ Live sync stopped'));
-      process.exit(0);
-    });
-
-    await new Promise(() => {});
-  }
-}

package/src/commands/whoami.ts

@@ -1,16 +0,0 @@
-import chalk from 'chalk';
-import { loadConfig } from '../utils/config.js';
-import { theme } from '../ui/theme.js';
-
-export function runWhoami() {
-  const config = loadConfig();
-  console.log('');
-  if (!config.token) {
-    console.log(theme.muted('  Not logged in. Using anonymous mode.'));
-    console.log('  ' + theme.accent('nivii login') + theme.muted(' to unlock Pro features.'));
-  } else {
-    console.log(theme.success('  ✓ Logged in'));
-    console.log('  ' + chalk.cyan('Plan: ') + chalk.white(config.plan || 'free'));
-  }
-  console.log('');
-}

package/src/core/analytics.ts

@@ -1,64 +0,0 @@
-/**
- * Nivii Analytics — View deployment analytics
- */
-import { loadConfig } from '../utils/config.js';
-import { theme } from '../ui/theme.js';
-import chalk from 'chalk';
-
-export interface AnalyticsData {
-  views: number;
-  sessions: Array<{
-    timestamp: string;
-    country: string;
-    city: string;
-    ua: string;
-  }>;
-}
-
-export async function runAnalytics(slug?: string) {
-  const config = loadConfig();
-  const apiBase = config.apiBase || 'https://api.nivii.app';
-
-  if (!slug) {
-    const deployments = config.deployments || [];
-    if (!deployments.length) {
-      console.log(theme.muted('\n  No deployments found. Run: nivii share\n'));
-      return;
-    }
-    slug = deployments[0].slug;
-  }
-
-  console.log('');
-  console.log(theme.primary('  Analytics') + theme.muted(` for ${slug}.nivii.app`));
-  console.log('');
-
-  try {
-    const { default: fetch } = await import('node-fetch');
-    const res = await fetch(`${apiBase}/analytics/${slug}`, {
-      headers: config.token ? { Authorization: `Bearer ${config.token}` } : {},
-    });
-
-    if (!res.ok) {
-      console.log(theme.error('  Failed to fetch analytics: ' + res.status));
-      return;
-    }
-
-    const data = await res.json() as AnalyticsData;
-
-    console.log('  ' + chalk.cyan('Total views:') + '  ' + chalk.white(String(data.views)));
-    console.log('');
-
-    if (data.sessions && data.sessions.length > 0) {
-      console.log('  ' + theme.muted('Recent visitors:'));
-      console.log('');
-      data.sessions.slice(-10).reverse().forEach(s => {
-        const time = new Date(s.timestamp).toLocaleString();
-        console.log(`  ${chalk.hex('#6B7280')(time)}  ${chalk.cyan(s.country)}/${chalk.white(s.city)}`);
-      });
-    }
-
-    console.log('');
-  } catch (err: any) {
-    console.log(theme.error('  ' + err.message));
-  }
-}

package/src/core/build.ts

@@ -1,46 +0,0 @@
-import { spawn } from 'child_process';
-import type { DetectResult } from './detect.js';
-import { createSpinner, step } from '../ui/spinner.js';
-import chalk from 'chalk';
-
-export interface BuildOptions {
-  cwd: string;
-  detect: DetectResult;
-  customCmd?: string;
-  noBuild?: boolean;
-}
-
-export async function runBuild(opts: BuildOptions): Promise<{ outputDir: string }> {
-  const { cwd, detect, customCmd, noBuild } = opts;
-
-  if (noBuild || detect.buildCommand === null) {
-    step('📁', 'Skipping build', detect.outputDir);
-    return { outputDir: detect.outputDir };
-  }
-
-  const cmd = customCmd || detect.buildCommand;
-  const spinner = createSpinner(`Building with ${chalk.cyan(detect.framework)}…`);
-  spinner.start();
-
-  return new Promise((resolve, reject) => {
-    const proc = spawn(cmd, [], {
-      cwd,
-      shell: true,
-      env: { ...process.env, NODE_ENV: 'production', CI: '1' },
-    });
-
-    let stderr = '';
-    proc.stderr.on('data', d => { stderr += d.toString(); });
-
-    proc.on('close', code => {
-      if (code === 0) {
-        spinner.succeed(chalk.hex('#10B981')(`Build complete `) + chalk.hex('#6B7280')(`(${detect.framework})`));
-        resolve({ outputDir: detect.outputDir });
-      } else {
-        spinner.fail(chalk.hex('#EF4444')('Build failed'));
-        console.log(chalk.hex('#6B7280')(stderr.slice(-800)));
-        reject(new Error(`Build exited with code ${code}`));
-      }
-    });
-  });
-}

package/src/core/detect.ts

@@ -1,159 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-
-export type Framework =
-  | 'nextjs'
-  | 'vite'
-  | 'react-cra'
-  | 'vue'
-  | 'svelte'
-  | 'sveltekit'
-  | 'astro'
-  | 'remix'
-  | 'nuxt'
-  | 'solid'
-  | 'express'
-  | 'fastify'
-  | 'hono'
-  | 'static'
-  | 'unknown';
-
-export interface DetectResult {
-  framework: Framework;
-  buildCommand: string | null;
-  outputDir: string;
-  isServer: boolean;
-  port?: number;
-  packageManager: 'npm' | 'pnpm' | 'yarn' | 'bun';
-  confidence: number; // 0-100
-}
-
-export function detectFramework(cwd: string): DetectResult {
-  const pkg = readJson(path.join(cwd, 'package.json'));
-  const deps = {
-    ...(pkg?.dependencies || {}),
-    ...(pkg?.devDependencies || {}),
-  };
-
-  const has = (name: string) => name in deps;
-  const hasFile = (...files: string[]) =>
-    files.some(f => fs.existsSync(path.join(cwd, f)));
-
-  const pm = detectPackageManager(cwd);
-
-  // Next.js
-  if (has('next')) {
-    const outputDir = fs.existsSync(path.join(cwd, 'out')) ? 'out' :
-                      fs.existsSync(path.join(cwd, '.next')) ? '.next' : 'out';
-    return {
-      framework: 'nextjs',
-      buildCommand: `${pm} run build`,
-      outputDir,
-      isServer: false,
-      packageManager: pm,
-      confidence: 99,
-    };
-  }
-
-  // SvelteKit
-  if (has('@sveltejs/kit')) {
-    return {
-      framework: 'sveltekit',
-      buildCommand: `${pm} run build`,
-      outputDir: 'build',
-      isServer: false,
-      packageManager: pm,
-      confidence: 95,
-    };
-  }
-
-  // Astro
-  if (has('astro')) {
-    return {
-      framework: 'astro',
-      buildCommand: `${pm} run build`,
-      outputDir: 'dist',
-      isServer: false,
-      packageManager: pm,
-      confidence: 95,
-    };
-  }
-
-  // Remix
-  if (has('@remix-run/react') || has('@remix-run/node')) {
-    return {
-      framework: 'remix',
-      buildCommand: `${pm} run build`,
-      outputDir: 'public',
-      isServer: true,
-      packageManager: pm,
-      confidence: 90,
-    };
-  }
-
-  // Nuxt
-  if (has('nuxt') || has('nuxt3') || has('nuxt-edge')) {
-    return {
-      framework: 'nuxt',
-      buildCommand: `${pm} run generate`,
-      outputDir: '.output/public',
-      isServer: false,
-      packageManager: pm,
-      confidence: 90,
-    };
-  }
-
-  // Vite (React/Vue/Svelte/Solid)
-  if (has('vite')) {
-    const outputDir = 'dist';
-    if (has('react') || has('react-dom')) {
-      return { framework: 'react-cra', buildCommand: `${pm} run build`, outputDir, isServer: false, packageManager: pm, confidence: 88 };
-    }
-    if (has('vue')) {
-      return { framework: 'vue', buildCommand: `${pm} run build`, outputDir, isServer: false, packageManager: pm, confidence: 88 };
-    }
-    if (has('svelte')) {
-      return { framework: 'svelte', buildCommand: `${pm} run build`, outputDir, isServer: false, packageManager: pm, confidence: 88 };
-    }
-    if (has('solid-js')) {
-      return { framework: 'solid', buildCommand: `${pm} run build`, outputDir, isServer: false, packageManager: pm, confidence: 88 };
-    }
-    return { framework: 'vite', buildCommand: `${pm} run build`, outputDir, isServer: false, packageManager: pm, confidence: 85 };
-  }
-
-  // Express/Fastify/Hono server
-  if (has('express')) {
-    return { framework: 'express', buildCommand: null, outputDir: '.', isServer: true, port: 3000, packageManager: pm, confidence: 80 };
-  }
-  if (has('fastify')) {
-    return { framework: 'fastify', buildCommand: null, outputDir: '.', isServer: true, port: 3000, packageManager: pm, confidence: 80 };
-  }
-  if (has('hono')) {
-    return { framework: 'hono', buildCommand: null, outputDir: '.', isServer: true, port: 3000, packageManager: pm, confidence: 80 };
-  }
-
-  // Static HTML/dist/build
-  if (hasFile('index.html') || hasFile('dist/index.html') || hasFile('build/index.html') || hasFile('out/index.html')) {
-    const outputDir = fs.existsSync(path.join(cwd, 'dist/index.html')) ? 'dist' :
-                      fs.existsSync(path.join(cwd, 'build/index.html')) ? 'build' :
-                      fs.existsSync(path.join(cwd, 'out/index.html')) ? 'out' : '.';
-    return { framework: 'static', buildCommand: null, outputDir, isServer: false, packageManager: pm, confidence: 70 };
-  }
-
-  return { framework: 'unknown', buildCommand: null, outputDir: '.', isServer: false, packageManager: pm, confidence: 10 };
-}
-
-function detectPackageManager(cwd: string): 'npm' | 'pnpm' | 'yarn' | 'bun' {
-  if (fs.existsSync(path.join(cwd, 'bun.lockb'))) return 'bun';
-  if (fs.existsSync(path.join(cwd, 'pnpm-lock.yaml'))) return 'pnpm';
-  if (fs.existsSync(path.join(cwd, 'yarn.lock'))) return 'yarn';
-  return 'npm';
-}
-
-function readJson(filePath: string): any {
-  try {
-    return JSON.parse(fs.readFileSync(filePath, 'utf-8'));
-  } catch {
-    return null;
-  }
-}

package/src/core/qr.ts

@@ -1,30 +0,0 @@
-import qrcode from 'qrcode-terminal';
-import chalk from 'chalk';
-import { theme } from '../ui/theme.js';
-
-export async function showQR(url: string): Promise<void> {
-  console.log('');
-  console.log(theme.muted('  ┌─────────────────────────────────┐'));
-  console.log(theme.muted('  │') + '   ' + theme.accent('Scan to open on mobile') + '          ' + theme.muted('│'));
-  console.log(theme.muted('  └─────────────────────────────────┘'));
-  console.log('');
-  qrcode.generate(url, { small: true });
-  console.log('');
-}
-
-export async function copyToClipboard(text: string): Promise<boolean> {
-  try {
-    const { default: clipboardy } = await import('clipboardy');
-    await clipboardy.write(text);
-    return true;
-  } catch {
-    return false;
-  }
-}
-
-export async function openBrowser(url: string): Promise<void> {
-  try {
-    const { default: open } = await import('open');
-    await open(url);
-  } catch {}
-}

package/src/core/tunnel.ts

@@ -1,70 +0,0 @@
-import WebSocket from 'ws';
-import chokidar from 'chokidar';
-import path from 'path';
-import chalk from 'chalk';
-import { theme } from '../ui/theme.js';
-
-export interface LiveSyncOptions {
-  watchDir: string;
-  slug: string;
-  liveToken: string;
-  wsBase?: string;
-  onUpdate?: () => Promise<void>;
-}
-
-export function startLiveSync(opts: LiveSyncOptions): () => void {
-  const wsUrl = opts.wsBase || 'wss://live.nivii.app';
-  let ws: WebSocket | null = null;
-  let reconnectTimer: ReturnType<typeof setTimeout> | null = null;
-
-  function connect() {
-    ws = new WebSocket(`${wsUrl}/live/${opts.slug}?token=${opts.liveToken}`);
-
-    ws.on('open', () => {
-      console.log(theme.success('  ⚡') + ' ' + chalk.white('Live sync connected'));
-    });
-
-    ws.on('close', () => {
-      console.log(theme.muted('  ↻  Live sync reconnecting…'));
-      reconnectTimer = setTimeout(connect, 3000);
-    });
-
-    ws.on('error', () => {
-      // silent
-    });
-  }
-
-  connect();
-
-  // Watch for file changes
-  const watcher = chokidar.watch(opts.watchDir, {
-    ignored: /(^|[/\\])\..|(node_modules)/,
-    persistent: true,
-    ignoreInitial: true,
-  });
-
-  let debounceTimer: ReturnType<typeof setTimeout> | null = null;
-  const triggerUpdate = (filePath: string) => {
-    if (debounceTimer) clearTimeout(debounceTimer);
-    debounceTimer = setTimeout(async () => {
-      console.log('');
-      console.log(theme.accent('  ⚡') + ' ' + chalk.white('Change detected: ') + chalk.hex('#6B7280')(path.relative(opts.watchDir, filePath)));
-      if (opts.onUpdate) {
-        await opts.onUpdate();
-      }
-      if (ws?.readyState === WebSocket.OPEN) {
-        ws.send(JSON.stringify({ type: 'reload', slug: opts.slug }));
-      }
-    }, 300);
-  };
-
-  watcher.on('change', triggerUpdate);
-  watcher.on('add', triggerUpdate);
-  watcher.on('unlink', triggerUpdate);
-
-  return () => {
-    watcher.close();
-    if (reconnectTimer) clearTimeout(reconnectTimer);
-    ws?.close();
-  };
-}

package/src/core/upload.ts

@@ -1,95 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import os from 'os';
-import fetch from 'node-fetch';
-import FormData from 'form-data';
-import { createSpinner } from '../ui/spinner.js';
-import { API_BASE } from '../utils/config.js';
-import chalk from 'chalk';
-
-export interface UploadOptions {
-  buildDir: string;      // path to the built output directory
-  slug: string;
-  token?: string;
-  password?: string;
-  otp?: boolean;
-  expires?: string;
-  live?: boolean;
-  collab?: boolean;
-  maxViews?: number;
-  selfDestruct?: boolean;
-}
-
-export interface DeployResult {
-  url: string;
-  slug: string;
-  liveToken?: string;
-  collabToken?: string;
-  otpCode?: string;
-  expiresAt?: string;
-}
-
-/** Recursively collect all files under a directory */
-function collectFiles(dir: string, base: string = dir): { abs: string; rel: string }[] {
-  const results: { abs: string; rel: string }[] = [];
-  for (const entry of fs.readdirSync(dir, { withFileTypes: true })) {
-    const abs = path.join(dir, entry.name);
-    if (entry.isDirectory()) {
-      results.push(...collectFiles(abs, base));
-    } else {
-      results.push({ abs, rel: path.relative(base, abs).replace(/\\/g, '/') });
-    }
-  }
-  return results;
-}
-
-export async function uploadDeploy(opts: UploadOptions): Promise<DeployResult> {
-  const spinner = createSpinner('Uploading to edge network…');
-  spinner.start();
-
-  try {
-    const files = collectFiles(opts.buildDir);
-
-    if (files.length === 0) {
-      throw new Error('No files found in build directory');
-    }
-
-    const form = new FormData();
-    form.append('slug', opts.slug);
-    form.append('fileCount', String(files.length));
-    if (opts.password)    form.append('password', opts.password);
-    if (opts.otp)         form.append('otp', 'true');
-    if (opts.expires)     form.append('expires', opts.expires);
-    if (opts.live)        form.append('live', 'true');
-    if (opts.collab)      form.append('collab', 'true');
-    if (opts.maxViews)    form.append('maxViews', String(opts.maxViews));
-    if (opts.selfDestruct) form.append('selfDestruct', 'true');
-
-    // Attach each file with its relative path as the field name
-    for (const { abs, rel } of files) {
-      form.append('file[]', fs.createReadStream(abs), { filename: rel });
-      form.append('path[]', rel);
-    }
-
-    const res = await fetch(`${API_BASE}/deploy`, {
-      method: 'POST',
-      headers: {
-        ...(opts.token ? { Authorization: `Bearer ${opts.token}` } : {}),
-        ...form.getHeaders(),
-      },
-      body: form,
-    });
-
-    if (!res.ok) {
-      const body = await res.text();
-      throw new Error(`Upload failed: ${res.status} ${body}`);
-    }
-
-    const result = await res.json() as DeployResult;
-    spinner.succeed(chalk.hex('#10B981')('Deployed to edge ') + chalk.hex('#6B7280')(`(${opts.slug})`));
-    return result;
-  } catch (err: any) {
-    spinner.fail(chalk.hex('#EF4444')('Upload failed'));
-    throw err;
-  }
-}

package/src/ui/spinner.ts

@@ -1,36 +0,0 @@
-import ora, { Ora } from 'ora';
-import chalk from 'chalk';
-
-const FRAMES = ['⠋','⠙','⠹','⠸','⠼','⠴','⠦','⠧','⠇','⠏'];
-
-export function createSpinner(text: string): Ora {
-  return ora({
-    text: chalk.hex('#A78BFA')(text),
-    spinner: {
-      interval: 80,
-      frames: FRAMES.map(f => chalk.hex('#7C3AED')(f)),
-    },
-    color: 'magenta',
-  });
-}
-
-export function step(emoji: string, text: string, detail?: string) {
-  const msg = chalk.hex('#A78BFA')(emoji + '  ' + chalk.white(text));
-  if (detail) {
-    console.log(msg + '  ' + chalk.hex('#6B7280')(detail));
-  } else {
-    console.log(msg);
-  }
-}
-
-export function success(text: string) {
-  console.log(chalk.hex('#10B981')('  ✓  ') + chalk.white(text));
-}
-
-export function warn(text: string) {
-  console.log(chalk.hex('#F59E0B')('  ⚠  ') + chalk.white(text));
-}
-
-export function error(text: string) {
-  console.log(chalk.hex('#EF4444')('  ✗  ') + chalk.white(text));
-}