electron-vite-bytecode-example

electron-vite source code protection example

Check out the documentation to learn more.

Repo Setup

Clone this repo to your local machine and install the dependencies.

pnpm i

Run Tests

Fully

Compile the main process and preload scripts source code to v8 bytecode.

Configure with electron.vite.config.ts, run:

pnpm test:fully

result:

.
├──out /
│  ├──main /
│  │  ├──bytecode-loader.js # bytecode loader
│  │  ├──foo2.82d22e54.jsc  # dynamic import chunk bytecode file
│  │  ├──index.js           # entry file for electron
│  │  └──index.jsc          # main chunk bytecode file
│  ├──preload /
│  │  ├──bytecode-loader.js # bytecode loader
│  │  ├──index.js           # preload script entry
│  │  └──index.jsc          # preload script chunk bytecode file
│  └──renderer
├──...
└──package.json

Protect Foo

Only compile src/main/foo1.ts and src/main/foo2.ts source code to v8 bytecode.

Configure with electron.vite.config.foo.ts, run:

pnpm test:foo

result:

.
├──out /
│  ├──main /
│  │  ├──bytecode-loader.js # bytecode loader
│  │  ├──foo.bafa5d6e.jsc   # foo1.ts and foo2.ts chunk bytecode file
│  │  └──index.js           # main chunk
│  ├──preload
│  └──renderer
├──...
└──package.json

Assert Async Arrow Function Bug

Without transform arrow functions(the transformArrowFunctions option set false).

Configure with electron.vite.config.bug.ts and test mode, run:

pnpm test:bug

result:

The Electron app will crash without any error message.

Fix Async Arrow Function Bug

Set transformArrowFunctions option to true.

Configure with electron.vite.config.ts and test mode, run:

pnpm test:fixes

result:

The Electron will launch normally and get the error message.

Keep Bundles

Set removeBundleJS option to false, keep bundle files which compiled as bytecode files.

Configure with electron.vite.config.keep.ts, run:

pnpm test:keep

result:

.
├──out /
│  ├──main /
│  │  ├──_foo2.82d22e54.js  # dynamic import chunk
│  │  ├──_index.js          # main chunk
│  │  ├──bytecode-loader.js # bytecode loader
│  │  ├──foo2.82d22e54.jsc  # dynamic import chunk bytecode file
│  │  ├──index.js           # entry file for electron
│  │  └──index.jsc          # main chunk bytecode file
│  ├──preload
│  └──renderer
├──...
└──package.json

Multiple Entries

Configure with electron.vite.config.multi.ts, run:

pnpm test:multi

result:

.
├──out /
│  ├──main
│  ├──preload /
│  │  ├──bytecode-loader.js # bytecode loader
│  │  ├──index.js           # index entry file
│  │  ├──index.jsc          # index chunk bytecode file
│  │  └──webview.jsc        # webview entry file
│  └──renderer
├──...
└──package.json