55 | this.handleOnChange(event.target.value)}
58 | value={this.state.value}
59 | action={{icon: buttonIcon, onClick: this.handleAdd}}
60 | placeholder={placeholder}
61 | disabled={disabled}
62 | />
63 |
64 |
65 | );
66 |
67 | }
68 |
69 | }
70 |
71 |
72 | const Labels = ({entries, onCloseClick}) =>
73 |
74 | {entries.map(entry =>
75 |
76 | {entry}
77 | onCloseClick(entry)} className="icon close"/>
78 |
79 | )}
80 |
;
81 |
82 | Labels.propTypes = {
83 | entries: PropTypes.array,
84 | onCloseClick: PropTypes.func.isRequired,
85 | };
86 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "javascript-obfuscator-web",
3 | "version": "4.1.2",
4 | "description": "",
5 | "engines": {
6 | "node": ">=12.13.1",
7 | "yarn": "^1.22.4"
8 | },
9 | "scripts": {
10 | "start": "node server.js",
11 | "webpack:dev": "NODE_OPTIONS=--openssl-legacy-provide webpack --mode development --config webpack.conf.js --watch --color --progress",
12 | "webpack:prod": "NODE_ENV=production NODE_OPTIONS=--openssl-legacy-provider webpack --mode production --config webpack.conf.js --progress",
13 | "postinstall": "npm run updatesemantic && npm run webpack:prod",
14 | "updatesemantic": "cp App/styles/theme.config ./node_modules/semantic-ui-less/theme.config; rm -Rf ./node_modules/semantic-ui-less/site; cp -R App/styles/site ./node_modules/semantic-ui-less/"
15 | },
16 | "author": "",
17 | "license": "ISC",
18 | "dependencies": {
19 | "@babel/core": "^7.12.10",
20 | "@babel/eslint-parser": "^7.12.1",
21 | "@babel/plugin-proposal-class-properties": "^7.0.0",
22 | "@babel/plugin-proposal-decorators": "^7.0.0",
23 | "@babel/plugin-proposal-function-bind": "^7.0.0",
24 | "@babel/plugin-proposal-nullish-coalescing-operator": "^7.0.0",
25 | "@babel/plugin-proposal-optional-chaining": "^7.0.0",
26 | "@babel/preset-env": "^7.12.11",
27 | "@babel/preset-es2015": "^7.0.0-beta.53",
28 | "@babel/preset-react": "^7.12.10",
29 | "@ctrl/react-adsense": "1.7.0",
30 | "babel-loader": "8.2.2",
31 | "body-parser": "1.19.0",
32 | "classnames": "2.2.6",
33 | "codemirror": "5.59.2",
34 | "css-loader": "5.2.7",
35 | "dayjs": "1.11.9",
36 | "emoji-dictionary": "^1.0.11",
37 | "eslint": "7.18.0",
38 | "eslint-plugin-react": "7.22.0",
39 | "express": "4.17.1",
40 | "file-loader": "^6.2.0",
41 | "graceful-fs": "4.2.4",
42 | "html-webpack-plugin": "^4.5.2",
43 | "javascript-obfuscator": "4.0.0",
44 | "less": "2.7.1",
45 | "less-loader": "7.3.0",
46 | "mini-css-extract-plugin": "^1.3.4",
47 | "pm2": "3.5.1",
48 | "process": "^0.11.10",
49 | "prop-types": "15.7.2",
50 | "raw-loader": "^4.0.2",
51 | "react": "17.0.1",
52 | "react-codemirror2": "7.2.1",
53 | "react-dom": "17.0.1",
54 | "react-dropzone": "11.2.4",
55 | "react-helmet": "6.1.0",
56 | "react-hook-consent": "3.3.0",
57 | "react-markdown": "^5.0.3",
58 | "react-redux": "7.2.2",
59 | "redux": "4.0.5",
60 | "redux-logger": "3.0.6",
61 | "redux-promise-middleware": "6.1.2",
62 | "redux-thunk": "2.3.0",
63 | "semantic-ui-less": "2.4.1",
64 | "semantic-ui-react": "2.0.3",
65 | "style-loader": "2.0.0",
66 | "threads": "^1.6.3",
67 | "url-loader": "4.1.1",
68 | "webpack": "5.69.1",
69 | "webpack-cli": "4.4.0"
70 | },
71 | "devDependencies": {
72 | "copy-webpack-plugin": "^13.0.0"
73 | }
74 | }
75 |
--------------------------------------------------------------------------------
/App/styles/main.less:
--------------------------------------------------------------------------------
1 | @import "semantic.less";
2 | @import (inline) "~codemirror/lib/codemirror.css";
3 | @import url('~semantic-ui-less/themes/default/globals/site.variables');
4 |
5 | .title {
6 | display: flex;
7 | flex-wrap: wrap;
8 | align-items: center;
9 |
10 | & > h1 {
11 | margin-right: 1rem;
12 | }
13 | }
14 |
15 | #GithubBadges, #DonateBadges {
16 | display: flex;
17 | margin-bottom: 1rem;
18 |
19 | & #donate {
20 | position: relative;
21 | display: inline-block;
22 | margin-left: 10px;
23 | padding: 3px 10px;
24 | font-size: 14px;
25 | line-height: 22px;
26 | font-weight: 600;
27 | color: #24292e;
28 | background-color: #eee;
29 | background-image: linear-gradient(to bottom,#fcfcfc 0,#eee 100%);
30 | white-space: nowrap;
31 | vertical-align: middle;
32 | cursor: pointer;
33 | user-select: none;
34 | background-repeat: repeat-x;
35 | background-position: -1px -1px;
36 | background-size: 110% 110%;
37 | border: 1px solid rgba(27,31,35,.2);
38 | border-radius: .25em;
39 |
40 | &:hover {
41 | background-color: #ddd;
42 | background-image: linear-gradient(to bottom,#eee 0,#ddd 100%);
43 | border-color: #ccc;
44 | }
45 |
46 | &:active {
47 | background-image: none;
48 | background-color: #dcdcdc;
49 | border-color: #b5b5b5;
50 | box-shadow: inset 0 2px 4px rgba(0,0,0,.15);
51 | }
52 |
53 | & #donate-heart {
54 | display: inline-block;
55 | vertical-align: middle;
56 | color: #ea4aaa;
57 | fill: currentColor;
58 | margin-right: 2px;
59 | margin-bottom: 2px;
60 | }
61 | }
62 |
63 | @media only screen and (max-width: @largestMobileScreen) {
64 | & {
65 | justify-content: center;
66 | }
67 | }
68 | }
69 |
70 | #DonateWallets {
71 | word-break: break-all;
72 | }
73 |
74 | .donate-badge {
75 | margin-right: 4px;
76 | }
77 |
78 | .CodeMirror {
79 | height: 200px;
80 | }
81 |
82 | .DropZone {
83 | padding: 1em;
84 | height: 200px;
85 | border-width: 2px;
86 | border-color: #ccc;
87 | border-style: dashed;
88 | border-radius: 5px;
89 | }
90 |
91 | .OptionsForm.ui.form {
92 | label {
93 | font-size: 0.8em;
94 | }
95 | }
96 |
97 | .ui.labels > .label {
98 | font-family: monospace;
99 | }
100 |
101 | code {
102 | padding: 0.2em;
103 | background-color: rgba(0, 0, 0, 0.04);
104 | border-radius: 3px;
105 | }
106 |
107 | .evaluatedCode {
108 | white-space: pre;
109 | padding: 0.2em;
110 | background-color: rgba(0, 0, 0, 0.04);
111 | overflow: auto;
112 | max-height: 200px;
113 | }
114 |
115 | table#Options {
116 | display: inline-block;
117 | word-wrap: break-word;
118 | }
119 |
120 | img#Logo {
121 | width: 100%;
122 | max-width: 300px;
123 | }
124 |
125 | .table code {
126 | word-break: break-word;
127 | }
128 |
129 | pre#Html {
130 | display: flex;
131 | margin: 0;
132 | padding: 0;
133 |
134 | & code {
135 | width: 100%;
136 | }
137 | }
138 |
139 | pre code {
140 | display: block;
141 | padding: 16px;
142 | overflow: auto;
143 | font-size: 85%;
144 | line-height: 1.45;
145 | border-radius: 5px;
146 | }
147 |
148 | h3 code {
149 | white-space: pre-wrap;
150 | word-wrap: break-word;
151 | }
152 |
153 | code {
154 | max-width: 100%;
155 | overflow-y: hidden;
156 | overflow-x: auto;
157 | background-color: #e1e1e4;
158 | padding: .2em .4em;
159 | margin: 0;
160 | font-size: 85%;
161 | border-radius: 5px;
162 | white-space: pre;
163 | }
164 |
165 | .policies {
166 | margin-bottom: 8px;
167 | }
168 |
169 | ins:has(> div:empty) {
170 | height: 0!important;
171 | }
172 |
--------------------------------------------------------------------------------
/App/containers/App.js:
--------------------------------------------------------------------------------
1 | import React, {Component} from 'react';
2 | import PropTypes from 'prop-types';
3 | import {Adsense} from '@ctrl/react-adsense';
4 |
5 | import {connect} from 'react-redux';
6 |
7 | import {downloadFile} from '../util/downloadFile';
8 |
9 | import * as actions from '../actions';
10 |
11 | import CodeContainer from './CodeContainer';
12 | import OptionsContainer from './OptionsContainer';
13 | import { ConsentHandler } from "./ConsentHandler";
14 |
15 | class App extends Component {
16 |
17 | static propTypes = {
18 | dispatch: PropTypes.func,
19 | code: PropTypes.string,
20 | obfuscatedCode: PropTypes.string,
21 | outputFileName: PropTypes.string,
22 | sourceMap: PropTypes.string,
23 | obfuscating: PropTypes.bool,
24 | obfuscated: PropTypes.bool,
25 | error: PropTypes.bool,
26 | options: PropTypes.object,
27 | };
28 |
29 | obfuscate() {
30 | const {dispatch} = this.props;
31 | const {code, options} = this.props;
32 |
33 | dispatch(actions.obfuscateCode(code, {...options}));
34 | }
35 |
36 | downloadCode() {
37 | const data = {
38 | mime: 'application/javascript',
39 | filename: this.props.outputFileName,
40 | contents: this.props.obfuscatedCode,
41 | };
42 |
43 | downloadFile(data);
44 | }
45 |
46 | downloadSourceMap() {
47 | const data = {
48 | mime: 'application/octet-stream',
49 | filename: `${this.props.outputFileName}.map`,
50 | contents: this.props.sourceMap,
51 | };
52 |
53 | downloadFile(data);
54 | }
55 |
56 | render() {
57 |
58 | const {dispatch} = this.props;
59 |
60 | const {
61 | code,
62 | obfuscatedCode,
63 | obfuscating,
64 | obfuscated,
65 | error,
66 | } = this.props;
67 |
68 | const hasSourceMap = this.props.sourceMap.length > 0;
69 | const hasObfuscatedCode = obfuscatedCode.length !== 0;
70 |
71 | return (
72 |
88 |
94 |
95 |
207 |
208 |
210 | Try dropping some file here, or click to select file to upload.
209 |
263 | {this.state.evaluatedResult}
264 |
265 |
302 | {props.children}
303 |
304 | )
305 | };
306 |
307 | Pane.propTypes = {
308 | children: PropTypes.node.isRequired,
309 | };
310 |
--------------------------------------------------------------------------------
/App/reducers/options.js:
--------------------------------------------------------------------------------
1 | import * as types from '../constants/ActionTypes';
2 |
3 | import {
4 | SOURCEMAP_SEPARATE,
5 | OPTIONS_PRESET_DEFAULT,
6 | IDENTIFIER_NAMES_GENERATOR_HEXADECIMAL,
7 | TARGET_BROWSER,
8 | STRING_ARRAY_ENCODING_NONE,
9 | STRING_ARRAY_ENCODING_BASE64,
10 | STRING_ARRAY_ENCODING_RC4,
11 | STRING_ARRAY_WRAPPERS_TYPE_VARIABLE,
12 | STRING_ARRAY_INDEXES_TYPE_HEXADECIMAL_NUMBER,
13 | RENAME_PROPERTIES_MODE_SAFE,
14 | DOMAIN_LOCK_REDIRECT_URL_ABOUT_BLANK
15 | } from '../containers/OptionsContainer';
16 |
17 | const initialState = {
18 | optionsPreset: OPTIONS_PRESET_DEFAULT,
19 |
20 | compact: true,
21 | selfDefending: false,
22 | disableConsoleOutput: false,
23 |
24 | debugProtection: false,
25 | debugProtectionInterval: 0,
26 |
27 | splitStrings: false,
28 |
29 | splitStringsChunkLength: 10,
30 | splitStringsChunkLengthEnabled: false,
31 |
32 | stringArray: true,
33 |
34 | stringArrayRotate: true,
35 | stringArrayRotateEnabled: true,
36 |
37 | stringArrayShuffle: true,
38 | stringArrayShuffleEnabled: true,
39 |
40 | simplify: true,
41 |
42 | stringArrayThreshold: 0.75,
43 | stringArrayThresholdEnabled: true,
44 |
45 | stringArrayIndexesType: [
46 | STRING_ARRAY_INDEXES_TYPE_HEXADECIMAL_NUMBER
47 | ],
48 |
49 | stringArrayIndexShift: true,
50 |
51 | stringArrayCallsTransform: false,
52 | stringArrayCallsTransformThreshold: 0.5,
53 |
54 | stringArrayEncoding: [
55 | STRING_ARRAY_ENCODING_NONE
56 | ],
57 | stringArrayEncodingEnabled: true,
58 |
59 | stringArrayWrappersCount: 1,
60 | stringArrayWrappersChainedCalls: true,
61 | stringArrayWrappersParametersMaxCount: 2,
62 | stringArrayWrappersType: STRING_ARRAY_WRAPPERS_TYPE_VARIABLE,
63 |
64 | numbersToExpressions: false,
65 |
66 | sourceMap: false,
67 | sourceMapMode: SOURCEMAP_SEPARATE,
68 | sourceMapBaseUrl: '',
69 | sourceMapFileName: '',
70 |
71 | domainLock: [],
72 | domainLockRedirectUrl: DOMAIN_LOCK_REDIRECT_URL_ABOUT_BLANK,
73 | domainLockEnabled: true,
74 |
75 | forceTransformStrings: [],
76 | reservedNames: [],
77 | reservedStrings: [],
78 |
79 | seed: 0,
80 |
81 | controlFlowFlatteningThreshold: 0.75,
82 | controlFlowFlattening: false,
83 |
84 | deadCodeInjectionThreshold: 0.4,
85 | deadCodeInjection: false,
86 |
87 | unicodeEscapeSequence: false,
88 |
89 | renameGlobals: false,
90 |
91 | renameProperties: false,
92 | renamePropertiesMode: RENAME_PROPERTIES_MODE_SAFE,
93 |
94 | target: TARGET_BROWSER,
95 |
96 | identifierNamesGenerator: IDENTIFIER_NAMES_GENERATOR_HEXADECIMAL,
97 | identifiersDictionary: [],
98 | identifiersPrefix: '',
99 |
100 | transformObjectKeys: false,
101 |
102 | ignoreImports: false
103 |
104 | };
105 |
106 | export const options = (state = initialState, action) => {
107 |
108 | // this is necessary because new options need to be filled with their
109 | // default values and them merged with the state from the localStorage
110 | // which can be outdated when new options are added
111 | // from https://github.com/reactjs/redux/issues/433#issuecomment-129188687
112 | if (!state.hydrated) {
113 | state = {...initialState, ...state, hydrated: true};
114 | }
115 |
116 | switch (action.type) {
117 |
118 | case types.RESET_OPTIONS: {
119 | return initialState;
120 | }
121 |
122 | case types.SET_OPTIONS_PRESET: {
123 | return {
124 | ...state,
125 | ...action.options,
126 | optionsPreset: action.optionsPreset
127 | };
128 | }
129 |
130 | case types.TOGGLE_COMPACT_CODE: {
131 | const compact = !state.compact;
132 | return {
133 | ...state,
134 | compact,
135 | selfDefending: state.selfDefending && compact,
136 | };
137 | }
138 |
139 | case types.TOGGLE_SIMPLIFY: {
140 | return {
141 | ...state,
142 | simplify: !state.simplify,
143 | };
144 | }
145 |
146 | case types.TOGGLE_SELF_DEFENDING: {
147 | const selfDefending = !state.selfDefending;
148 | return {
149 | ...state,
150 | selfDefending,
151 | compact: state.compact || selfDefending,
152 | };
153 | }
154 |
155 | case types.TOGGLE_DISABLE_CONSOLE_OUTPUT:
156 | return {
157 | ...state,
158 | disableConsoleOutput: !state.disableConsoleOutput,
159 | };
160 |
161 | case types.TOGGLE_DEBUG_PROTECTION: {
162 | const debugProtection = !state.debugProtection;
163 | return {
164 | ...state,
165 | debugProtection,
166 | debugProtectionInterval: debugProtection
167 | ? state.debugProtectionInterval
168 | : initialState.debugProtectionInterval,
169 | }
170 | }
171 |
172 | case types.SET_DEBUG_PROTECTION_INTERVAL: {
173 | return {
174 | ...state,
175 | debugProtectionInterval: action.debugProtectionInterval
176 | }
177 | }
178 |
179 | case types.TOGGLE_DEBUG_PROTECTION_INTERVAL:
180 | return {
181 | ...state,
182 | debugProtectionInterval: !state.debugProtectionInterval,
183 | };
184 |
185 | case types.TOGGLE_SPLIT_STRINGS: {
186 | const splitStrings = !state.splitStrings;
187 |
188 | return {
189 | ...state,
190 | splitStrings,
191 | splitStringsChunkLengthEnabled: splitStrings,
192 | };
193 | }
194 |
195 | case types.SET_SPLIT_STRINGS_CHUNK_LENGTH:
196 | return {
197 | ...state,
198 | splitStringsChunkLength: action.chunkLength
199 | };
200 |
201 | case types.TOGGLE_STRING_ARRAY: {
202 | // Also change the TOGGLE_DEAD_CODE_INJECTION below if changed
203 | const stringArray = !state.stringArray;
204 | return {
205 | ...state,
206 | stringArray,
207 | stringArrayRotateEnabled: stringArray,
208 | stringArrayShuffleEnabled: stringArray,
209 | stringArrayThresholdEnabled: stringArray,
210 | stringArrayEncodingEnabled: stringArray,
211 | };
212 | }
213 |
214 | case types.TOGGLE_STRING_ARRAY_INDEX_SHIFT:
215 | return {
216 | ...state,
217 | stringArrayIndexShift: !state.stringArrayIndexShift
218 | };
219 |
220 | case types.TOGGLE_STRING_ARRAY_ROTATE:
221 | return {
222 | ...state,
223 | stringArrayRotate: !state.stringArrayRotate
224 | };
225 |
226 | case types.TOGGLE_STRING_ARRAY_SHUFFLE:
227 | return {
228 | ...state,
229 | stringArrayShuffle: !state.stringArrayShuffle
230 | };
231 |
232 | case types.SET_STRING_ARRAY_ENCODING:
233 | return {
234 | ...state,
235 | stringArrayEncoding: action.encoding
236 | };
237 |
238 | case types.SET_STRING_ARRAY_THRESHOLD:
239 | return {
240 | ...state,
241 | stringArrayThreshold: action.threshold
242 | };
243 |
244 | case types.SET_STRING_ARRAY_INDEXES_TYPE:
245 | return {
246 | ...state,
247 | stringArrayIndexesType: action.indexesType
248 | };
249 |
250 | case types.SET_STRING_ARRAY_CALLS_TRANSFORM_THRESHOLD:
251 | return {
252 | ...state,
253 | stringArrayCallsTransformThreshold: action.threshold
254 | };
255 |
256 | case types.TOGGLE_STRING_ARRAY_CALLS_TRANSFORM:
257 | return {
258 | ...state,
259 | stringArrayCallsTransform: !state.stringArrayCallsTransform
260 | };
261 |
262 | case types.SET_STRING_ARRAY_WRAPPERS_COUNT:
263 | return {
264 | ...state,
265 | stringArrayWrappersCount: action.stringArrayWrappersCount
266 | };
267 |
268 | case types.SET_STRING_ARRAY_WRAPPERS_PARAMETERS_MAX_COUNT:
269 | return {
270 | ...state,
271 | stringArrayWrappersParametersMaxCount: action.stringArrayWrappersParametersMaxCount
272 | };
273 |
274 | case types.TOGGLE_STRING_ARRAY_WRAPPERS_CHAINED_CALLS:
275 | return {
276 | ...state,
277 | stringArrayWrappersChainedCalls: !state.stringArrayWrappersChainedCalls
278 | };
279 |
280 | case types.SET_STRING_ARRAY_WRAPPERS_TYPE:
281 | return {
282 | ...state,
283 | stringArrayWrappersType: action.stringArrayWrappersType
284 | };
285 |
286 | case types.TOGGLE_SOURCEMAP: {
287 | return {
288 | ...state,
289 | sourceMap: !state.sourceMap
290 | };
291 | }
292 |
293 | case types.SET_SOURCEMAP_MODE: {
294 | const mode = action.mode;
295 | return {
296 | ...state,
297 | sourceMapMode: mode
298 | };
299 | }
300 |
301 | case types.SET_SOURCEMAP_BASE_URL:
302 | return {
303 | ...state,
304 | sourceMapBaseUrl: action.baseUrl
305 | };
306 |
307 | case types.SET_SOURCEMAP_FILE_NAME:
308 | return {
309 | ...state,
310 | sourceMapFileName: action.fileName
311 | };
312 |
313 | case types.ADD_DOMAIN_LOCK: {
314 | const domain = action.domain;
315 | if (state.domainLock.indexOf(domain) !== -1)
316 | return state;
317 |
318 | return {
319 | ...state,
320 | domainLock: [...state.domainLock, domain],
321 | };
322 | }
323 |
324 | case types.REMOVE_DOMAIN_LOCK:
325 | return {
326 | ...state,
327 | domainLock: state.domainLock.filter((domain) => domain !== action.domain),
328 | };
329 |
330 | case types.SET_DOMAIN_LOCK_REDIRECT_URL:
331 | return {
332 | ...state,
333 | domainLockRedirectUrl: action.domainLockRedirectUrl
334 | };
335 |
336 | case types.ADD_RESERVED_NAME: {
337 | const name = action.name;
338 | if (state.reservedNames.indexOf(name) !== -1)
339 | return state;
340 |
341 | return {
342 | ...state,
343 | reservedNames: [...state.reservedNames, name],
344 | };
345 | }
346 |
347 | case types.REMOVE_RESERVED_NAME:
348 | return {
349 | ...state,
350 | reservedNames: state.reservedNames.filter((name) => name !== action.name),
351 | };
352 |
353 | case types.ADD_FORCE_TRANSFORM_STRING: {
354 | const string = action.string;
355 | if (state.forceTransformStrings.indexOf(name) !== -1)
356 | return state;
357 |
358 | return {
359 | ...state,
360 | forceTransformStrings: [...state.forceTransformStrings, string],
361 | };
362 | }
363 |
364 | case types.REMOVE_FORCE_TRANSFORM_STRING: {
365 | return {
366 | ...state,
367 | forceTransformStrings: state.forceTransformStrings.filter((string) => string !== action.string)
368 | };
369 | }
370 |
371 | case types.ADD_RESERVED_STRING: {
372 | const string = action.string;
373 | if (state.reservedStrings.indexOf(string) !== -1)
374 | return state;
375 |
376 | return {
377 | ...state,
378 | reservedStrings: [...state.reservedStrings, string],
379 | };
380 | }
381 |
382 | case types.REMOVE_RESERVED_STRING:
383 | return {
384 | ...state,
385 | reservedStrings: state.reservedStrings.filter((string) => string !== action.string),
386 | };
387 |
388 | case types.ADD_DICTIONARY_IDENTIFIER: {
389 | const name = action.name;
390 |
391 | return {
392 | ...state,
393 | identifiersDictionary: [...state.identifiersDictionary, name],
394 | };
395 | }
396 |
397 | case types.REMOVE_DICTIONARY_IDENTIFIER:
398 | return {
399 | ...state,
400 | identifiersDictionary: state.identifiersDictionary.filter((name) => name !== action.name),
401 | };
402 |
403 | case types.SET_SEED:
404 | return {
405 | ...state,
406 | seed: action.seed
407 | };
408 |
409 | case types.SET_CONTROL_FLOW_FLATTENING_THRESHOLD:
410 | return {
411 | ...state,
412 | controlFlowFlatteningThreshold: action.threshold
413 | };
414 |
415 | case types.TOGGLE_CONTROL_FLOW_FLATTENING:
416 | return {
417 | ...state,
418 | controlFlowFlattening: !state.controlFlowFlattening
419 | };
420 |
421 | case types.SET_DEAD_CODE_INJECTION_THRESHOLD:
422 | return {
423 | ...state,
424 | deadCodeInjectionThreshold: action.threshold
425 | };
426 |
427 | case types.TOGGLE_DEAD_CODE_INJECTION: {
428 | // Also change the TOGGLE_STRING_ARRAY above if changed
429 | const deadCodeInjection = !state.deadCodeInjection;
430 | const stringArray = state.stringArray || deadCodeInjection;
431 | return {
432 | ...state,
433 | deadCodeInjection: deadCodeInjection,
434 | stringArray,
435 | stringArrayRotateEnabled: stringArray,
436 | stringArrayThresholdEnabled: stringArray,
437 | stringArrayEncodingEnabled: stringArray
438 | };
439 | }
440 |
441 | case types.TOGGLE_NUMBERS_TO_EXPRESSIONS:
442 | return {
443 | ...state,
444 | numbersToExpressions: !state.numbersToExpressions
445 | };
446 |
447 | case types.TOGGLE_UNICODE_ESCAPE_SEQUENCE:
448 | return {
449 | ...state,
450 | unicodeEscapeSequence: !state.unicodeEscapeSequence
451 | };
452 |
453 | case types.TOGGLE_RENAME_GLOBALS:
454 | return {
455 | ...state,
456 | renameGlobals: !state.renameGlobals
457 | };
458 |
459 | case types.TOGGLE_RENAME_PROPERTIES:
460 | return {
461 | ...state,
462 | renameProperties: !state.renameProperties
463 | };
464 |
465 | case types.SET_RENAME_PROPERTIES_MODE:
466 | return {
467 | ...state,
468 | renamePropertiesMode: action.renamePropertiesMode
469 | };
470 |
471 | case types.SET_TARGET: {
472 | const target = action.target;
473 |
474 | const isNodeTarget = target === 'node';
475 |
476 | return {
477 | ...state,
478 | target,
479 | ...isNodeTarget && {
480 | domainLock: [],
481 | domainLockRedirectUrl: DOMAIN_LOCK_REDIRECT_URL_ABOUT_BLANK
482 | },
483 | domainLockEnabled: !isNodeTarget
484 | };
485 | }
486 |
487 | case types.SET_IDENTIFIER_NAMES_GENERATOR:
488 | return {
489 | ...state,
490 | identifierNamesGenerator: action.identifierNamesGenerator
491 | };
492 |
493 | case types.SET_IDENTIFIERS_PREFIX:
494 | return {
495 | ...state,
496 | identifiersPrefix: action.identifiersPrefix
497 | };
498 |
499 | case types.TOGGLE_TRANSFORM_OBJECT_KEYS:
500 | return {
501 | ...state,
502 | transformObjectKeys: !state.transformObjectKeys
503 | };
504 |
505 | case types.TOGGLE_IGNORE_IMPORTS:
506 | return {
507 | ...state,
508 | ignoreImports: !state.ignoreImports
509 | };
510 |
511 | default:
512 | return state
513 | }
514 | };
515 |
516 | export function sanitizePersistedOptions(persistedOptions) {
517 | if (typeof persistedOptions.debugProtectionInterval !== 'number') {
518 | persistedOptions.debugProtectionInterval = initialState.debugProtectionInterval;
519 | }
520 |
521 | if (!Array.isArray(persistedOptions.stringArrayEncoding)) {
522 | persistedOptions.stringArrayEncoding = initialState.stringArrayEncoding;
523 | } else {
524 | for (const value of persistedOptions.stringArrayEncoding) {
525 | if (
526 | value !== STRING_ARRAY_ENCODING_NONE
527 | || value !== STRING_ARRAY_ENCODING_BASE64
528 | || value !== STRING_ARRAY_ENCODING_RC4
529 | ) {
530 | persistedOptions.stringArrayEncoding = initialState.stringArrayEncoding;
531 |
532 | break;
533 | }
534 | }
535 | }
536 | }
537 |
--------------------------------------------------------------------------------
/templates/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
85 |
137 |
138 |
86 |
136 |
87 |
127 |
128 |
88 |
126 |
89 |
119 | JavaScript Obfuscator Tool
90 | 91 |
92 |
99 |
106 |
118 |
112 |
115 | Sponsor
116 |
117 |
120 | A free and efficient obfuscator for JavaScript (including support of ES2022). Make your code harder to copy and
121 | prevent people from stealing your work. This tool is a Web UI to the excellent (and open source)
122 | javascript-obfuscator@4.0.0
123 | created by Timofey Kachalov.
124 |
129 |
135 |
130 |
131 | 
132 |
133 |
134 |
132 |
133 |
139 |
140 |
273 |
274 | <% if(htmlWebpackPlugin.files.js) { %>
275 |
276 | <% } %>
277 |
278 |
279 |
280 |
--------------------------------------------------------------------------------
/App/containers/OptionsContainer.js:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useRef } from 'react';
2 | import PropTypes from 'prop-types';
3 |
4 | import {connect} from 'react-redux';
5 | const ReactMarkdown = require('react-markdown')
6 |
7 | import {Form, Grid, Header, Segment, Divider, Button} from 'semantic-ui-react';
8 |
9 | import EntryInputContainer from '../containers/EntryInputContainer';
10 | import {getOptionsMarkdown} from '../util/get-options-markdown';
11 | import {getHeadingRenderer} from '../util/get-heading-renderer';
12 | import {getEmojiSupportRenderer} from '../util/get-emoji-support-renderer';
13 |
14 | import * as types from '../constants/ActionTypes';
15 | import * as actions from '../actions';
16 |
17 | export const OPTIONS_PRESET_DEFAULT = 'default';
18 | export const OPTIONS_PRESET_LOW_OBFUSCATION = 'low-obfuscation';
19 | export const OPTIONS_PRESET_MEDIUM_OBFUSCATION = 'medium-obfuscation';
20 | export const OPTIONS_PRESET_HIGH_OBFUSCATION = 'high-obfuscation';
21 |
22 | const OPTIONS_PRESET_OPTIONS = [
23 | {text: 'Default', value: OPTIONS_PRESET_DEFAULT},
24 | {text: 'Low', value: OPTIONS_PRESET_LOW_OBFUSCATION},
25 | {text: 'Medium', value: OPTIONS_PRESET_MEDIUM_OBFUSCATION},
26 | {text: 'High', value: OPTIONS_PRESET_HIGH_OBFUSCATION},
27 | ];
28 |
29 | export const RENAME_PROPERTIES_MODE_SAFE = 'safe';
30 | export const RENAME_PROPERTIES_MODE_UNSAFE = 'unsafe';
31 |
32 | const RENAME_PROPERTIES_MODE_OPTIONS = [
33 | {text: 'Safe', value: RENAME_PROPERTIES_MODE_SAFE},
34 | {text: 'Unsafe', value: RENAME_PROPERTIES_MODE_UNSAFE},
35 | ];
36 |
37 | export const SOURCEMAP_INLINE = 'inline';
38 | export const SOURCEMAP_SEPARATE = 'separate';
39 |
40 | const SOURCEMAP_OPTIONS = [
41 | {text: 'Inline', value: SOURCEMAP_INLINE},
42 | {text: 'Separate', value: SOURCEMAP_SEPARATE},
43 | ];
44 |
45 | export const STRING_ARRAY_INDEXES_TYPE_HEXADECIMAL_NUMBER = 'hexadecimal-number';
46 | export const STRING_ARRAY_INDEXES_TYPE_HEXADECIMAL_NUMERIC_STRING = 'hexadecimal-numeric-string';
47 |
48 | const STRING_ARRAY_INDEXES_TYPE_OPTIONS = [
49 | {text: 'Hexadecimal Number', value: STRING_ARRAY_INDEXES_TYPE_HEXADECIMAL_NUMBER},
50 | {text: 'Hexadecimal Numeric String', value: STRING_ARRAY_INDEXES_TYPE_HEXADECIMAL_NUMERIC_STRING}
51 | ];
52 |
53 | export const STRING_ARRAY_ENCODING_NONE = 'none';
54 | export const STRING_ARRAY_ENCODING_BASE64 = 'base64';
55 | export const STRING_ARRAY_ENCODING_RC4 = 'rc4';
56 |
57 | const STRING_ARRAY_ENCODING_OPTIONS = [
58 | {text: 'None', value: STRING_ARRAY_ENCODING_NONE},
59 | {text: 'Base64', value: STRING_ARRAY_ENCODING_BASE64},
60 | {text: 'RC4', value: STRING_ARRAY_ENCODING_RC4},
61 | ];
62 |
63 | export const STRING_ARRAY_WRAPPERS_TYPE_VARIABLE = 'variable';
64 | export const STRING_ARRAY_WRAPPERS_TYPE_FUNCTION = 'function';
65 |
66 | const STRING_ARRAY_WRAPPERS_TYPE_OPTIONS = [
67 | {text: 'Variable', value: STRING_ARRAY_WRAPPERS_TYPE_VARIABLE},
68 | {text: 'Function', value: STRING_ARRAY_WRAPPERS_TYPE_FUNCTION},
69 | ];
70 |
71 | export const TARGET_BROWSER = 'browser';
72 | export const TARGET_BROWSER_NO_EVAL = 'browser-no-eval';
73 | export const TARGET_NODE = 'node';
74 |
75 | const TARGET_OPTIONS = [
76 | {text: 'Browser', value: TARGET_BROWSER},
77 | {text: 'Browser No Eval', value: TARGET_BROWSER_NO_EVAL},
78 | {text: 'Node', value: TARGET_NODE},
79 | ];
80 |
81 | export const IDENTIFIER_NAMES_GENERATOR_DICTIONARY = 'dictionary';
82 | export const IDENTIFIER_NAMES_GENERATOR_HEXADECIMAL = 'hexadecimal';
83 | export const IDENTIFIER_NAMES_GENERATOR_MANGLED = 'mangled';
84 | export const IDENTIFIER_NAMES_GENERATOR_MANGLED_SHUFFLED = 'mangled-shuffled';
85 |
86 | const IDENTIFIER_NAMES_GENERATOR_OPTIONS = [
87 | {text: 'Dictionary', value: IDENTIFIER_NAMES_GENERATOR_DICTIONARY},
88 | {text: 'Hexadecimal', value: IDENTIFIER_NAMES_GENERATOR_HEXADECIMAL},
89 | {text: 'Mangled', value: IDENTIFIER_NAMES_GENERATOR_MANGLED},
90 | {text: 'Mangled-shuffled', value: IDENTIFIER_NAMES_GENERATOR_MANGLED_SHUFFLED},
91 | ];
92 |
93 | export const DOMAIN_LOCK_REDIRECT_URL_ABOUT_BLANK = 'about:blank';
94 |
95 | const shouldShowAd = (level, headingIndex) => {
96 | if (level !== 3) {
97 | return false
98 | }
99 |
100 | if (headingIndex === null) {
101 | return false;
102 | }
103 |
104 | if (headingIndex === 0) {
105 | return false;
106 | }
107 |
108 | if (headingIndex === 5) {
109 | return true;
110 | }
111 |
112 | return headingIndex % 14 === 0;
113 | }
114 |
115 | const Options = ({dispatch, options}) => {
116 | const headingCounter = useRef(0)
117 | const readmeAdCounter = useRef(0)
118 |
119 | headingCounter.current = 0
120 | readmeAdCounter.current = 0
121 |
122 | useEffect(
123 | () => {
124 | actions.setOptionsPreset(OPTIONS_PRESET_DEFAULT)
125 | },
126 | []
127 | );
128 |
129 | return (
130 |
141 |
142 |
148 |
151 |
152 |
153 |
154 |
159 |
160 |
155 |
158 |
156 |
157 |
161 |
227 |
228 |
162 |
226 | FAQ
163 | 164 |Why would I want to obfuscate my JavaScript code?
165 |There are numerous reasons why it's a good idea to protect your code, such as:
166 |-
167 |
- Prevent anyone from simply copy/pasting your work. This is specially important on 100% client side 168 | projects, such as HTML5 games; 169 | 170 |
- Removal of comments and whitespace that aren't needed. Making it faster to load and harder to 171 | understand; 172 | 173 |
- Protection of work that hasn't been paid for yet. You can show your work to the client knowing that they 174 | won't have the source code until the invoice has been paid. 175 | 176 |
Is this obfuscator absolutely foolproof?
179 |No, while it's impossible to recover the exact original source code, someone with the time, knowledge and 180 | patience can reverse-engineer it.
181 |Since the JavaScript runs on the browser, the browser's JavaScript engine must be able to read and 182 | interpret it, so there's no way to prevent that. And any tool that promises that is not being 183 | honest.
184 | 185 |Why is my obfuscated code larger than my original source?
186 |Because the obfuscator introduces new pieces of code that are meant to protect and defend against
187 | debugging and reverse-engineering. Also strings are converted to \xAB hexadecimal code to
188 | make things a little bit harder to understand. You don't have to worry too much about code size because
189 | there is a lot of repetition, so the obfuscated code will be compressed extremely well by your
190 | webserver (if you have GZIP compression enabled on your server, which most do nowadays).
Can I run a minifier such as UglifyJS or Google Closure Compiler on the obfuscated output?
193 |No, it's not recommended and in some cases it'll break the code (such as if you enable self-defending). 194 | You can run your code through a minifier before to make sure that it removes dead code and do other 195 | optimizations, though.
196 | 197 |Do you store my source code?
198 |No. The source is processed by our application server, then to the obfuscator and back to the browser, so 199 | it only stays on our server memory for a brief period of time (usually milliseconds).
200 | 201 |Can I recover the original source code from the obfuscated one?
202 |No, it's impossible to revert the obfuscated code back to your original code, so keep the original 203 | safe.
204 | 205 |Does this tool works with Node.js source code?
206 |Yes.
207 | 208 |I want to run the obfuscator on my own server/machine. Is it possible?
209 |Sure. This tool uses a free and open source (BSD-2-Clause licensed) obfuscator written in TypeScript. You 210 | can go to its 211 | GitHub page and read more there.
212 |There are also a number of plugins, such as: webpack-obfuscator, gulp-javascript-obfuscator 215 | and 216 | grunt-contrib-obfuscator. 217 |
Also, this web app is open-source as well. Check out our GitHub. 219 |
220 | 221 |What are other similar tools?
222 |If you're interested in just uglyfing and compressing your code, I suggest JSCompress.com.
224 | 225 |
229 |
250 |
251 |
230 |
249 |
231 |
248 | Support project:
232 |
233 |
234 | 
235 |
236 |
237 | 
238 |
239 |
240 |
235 |
236 |
237 |
238 |
239 | Also:
241 |
242 |
244 | (Bitcoin) bc1q203p8nyrstwm7vwzjg3h9l9t6y9ka0umw0rx96
243 |
245 | Big thanks to all supporters!
246 |
247 |
252 |
271 |
272 |
253 |
254 |
255 |
270 |
256 |
257 | Cookie Policy |
258 | Privacy Policy
259 |
260 |
261 |
262 |
263 | ©
264 | Tiago Serafim, Timofey Kachalov - source-code - Powered by JavaScript Obfuscator
267 |
268 |
269 |