PrivatePay/build.js at main · emduc/PrivatePay · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
const esbuild = require('esbuild');
const fs = require('fs');
const path = require('path');

const copyFile = (src, dest) => {
  const destDir = path.dirname(dest);
  if (!fs.existsSync(destDir)) {
    fs.mkdirSync(destDir, { recursive: true });
  }
  fs.copyFileSync(src, dest);
};

const build = async () => {
  try {
    // Clean dist directory
    if (fs.existsSync('dist')) {
      fs.rmSync('dist', { recursive: true });
    }

    fs.mkdirSync('dist', { recursive: true });

    // Build TypeScript files
    await esbuild.build({
      entryPoints: {
        'popup': 'src/popup/index.tsx',
        'background': 'src/background.ts',
        'content': 'src/content.ts'
      },
      bundle: true,
      outdir: 'dist',
      format: 'iife',
      platform: 'browser',
      target: 'es2020',
      minify: false,
      sourcemap: true,
      define: {
        'process.env.NODE_ENV': '"production"'
      },
      external: ['chrome']
    });

    // Copy manifest.json and inject.js
    copyFile('public/manifest.json', 'dist/manifest.json');
    copyFile('public/icon16.png', 'dist/icon16.png');
    copyFile('public/icon32.png', 'dist/icon32.png');
    copyFile('public/icon192.png', 'dist/icon192.png');
    copyFile('public/icon512.png', 'dist/icon512.png');
    copyFile('public/usdc-logo.png', 'dist/usdc-logo.png');
    copyFile('src/inject.js', 'dist/inject.js');

    // Create popup.html
    const popupHtml = `<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>PrivacyPay</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
    }
  </style>
</head>
<body>
  <div id="root"></div>
  <script src="popup.js"></script>
</body>
</html>`;

    fs.writeFileSync('dist/popup.html', popupHtml);

    // Create a simple icon if it doesn't exist
    if (!fs.existsSync('public/icon.png')) {
      const iconSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
        <rect width="16" height="16" fill="#007bff"/>
        <text x="8" y="12" text-anchor="middle" fill="white" font-family="Arial" font-size="10">W</text>
      </svg>`;

      fs.writeFileSync('public/icon.svg', iconSvg);
      console.log('Created icon.svg (you may want to create a proper icon.png)');
    }

    // Copy icon if it exists
    if (fs.existsSync('public/icon.png')) {
      copyFile('public/icon.png', 'dist/icon.png');
    }

    console.log('✅ Build completed successfully!');
    console.log('📁 Extension files are in the dist/ directory');
    console.log('🔧 Load the extension in Chrome by going to chrome://extensions and selecting the dist/ folder');

  } catch (error) {
    console.error('❌ Build failed:', error);
    process.exit(1);
  }
};

build();