diff --git a/packages/utils/__tests__/index.test.ts b/packages/utils/__tests__/index.test.ts
index 8dcf07f..70f5f95 100644
--- a/packages/utils/__tests__/index.test.ts
+++ b/packages/utils/__tests__/index.test.ts
@@ -79,29 +79,13 @@ for (void 0;;) {
     expect(code).toBe('')
   })
 
-  it('calcBoolean', () => {
-    const rawCode = `
-    let a = !![];
-    let b = ![] ; 
-    `
-
-    const deob = new Deob(rawCode)
-
-    deob.calcBoolean()
-    const code = deob.getCode()
-
-    expect(code).toBe(
-      `
-let a = true;
-let b = false;
-    `.trim(),
-    )
-  })
-
   it('calcBinary', () => {
     const rawCode = `
     let a = 1 + 2;
     let b = "debu" + "gger" 
+
+    let c = !![];
+    let d = ![] ; 
     `
 
     const deob = new Deob(rawCode)
@@ -113,6 +97,9 @@ let b = false;
       `
 let a = 3;
 let b = "debugger";
+
+let c = true;
+let d = false;
     `.trim(),
     )
   })
diff --git a/packages/utils/deob.js b/packages/utils/deob.js
index cd69697..93f532e 100644
--- a/packages/utils/deob.js
+++ b/packages/utils/deob.js
@@ -14,7 +14,7 @@ if (typeof window !== 'undefined')
   global = window
 
 const globalState = {
-  objectVariables: [],
+  objectVariables: {},
   decryptFnList: [],
 }
 
@@ -43,11 +43,14 @@ export class Deob {
    * @param {string} [options.dir] - 输出目录
    * @param {boolean} [options.isWriteFile]
    * @param {object} [options.opts] - 是否写入文件
+   * @param {boolean} [options.isLog] - 是否输出日志
    * @throws {Error} 请载入js代码
    */
   constructor(rawCode, options = {}) {
     if (!rawCode)
       throw new Error('请载入js代码')
+    console.clear()
+    console.log('start deob')
     console.time('useTime')
 
     /**
@@ -65,6 +68,7 @@ export class Deob {
 
     this.dir = options.dir ?? './'
     this.isWriteFile = options.isWriteFile ?? false
+    this.isLog = options.isLog ?? true
 
     try {
       this.ast = parser.parse(rawCode, { sourceType: 'script' })
@@ -78,6 +82,10 @@ export class Deob {
     }
   }
 
+  log(...args) {
+    this.isLog && console.log(...args)
+  }
+
   get code() {
     const code = generator(this.ast, this.opts).code
     return code
@@ -164,27 +172,28 @@ export class Deob {
    */
   decryptReplace(ast, decryptFnCode) {
     if (!decryptFnCode) {
-      console.log('无解密函数,已跳过')
+      this.log('无解密函数,已跳过')
       return
     }
 
     // 执行解密函数的代码，这样就可以在 nodejs 中运行解密函数来还原数据
     try {
-      console.log(`解密函数为: ${globalState.decryptFnList.join(',')}`)
-      console.log(`解密函数代码为: ${decryptFnCode}`)
+      this.log(`解密函数为: ${globalState.decryptFnList.join(',')}`)
+      // this.log(`解密函数代码为: ${decryptFnCode}`)
       // eslint-disable-next-line no-eval
       const result = global.eval(decryptFnCode)
-      console.log('解密函数执行结果:', result)
+      this.log('解密函数执行结果:', result)
     }
     catch (e) {
+      this.log(`解密函数代码为: ${decryptFnCode}`)
       throw new Error('解密函数无法 eval 运行')
     }
 
+    const map = new Map()
     /**
      * 执行数组乱序与解密函数代码并将混淆字符串数值还原
-     *
      */
-    const visitor_decString = {
+    traverse(ast, {
       // 解密函数可能是 var _0x3e22 = function(){ } 或 function _0x3e22(){}
       'VariableDeclarator|FunctionDeclaration': function (path) {
         if (globalState.decryptFnList.includes(path.node.id.name)) {
@@ -213,7 +222,7 @@ export class Deob {
 
               // eslint-disable-next-line no-eval
               const decStr = eval(callCode)
-              console.log(callCode, decStr)
+              map.set(callCode, decStr)
 
               p.parentPath.replaceWith(t.stringLiteral(decStr))
             }
@@ -226,9 +235,9 @@ export class Deob {
           })
         }
       },
-    }
+    })
 
-    traverse(ast, visitor_decString)
+    this.log('解密结果:', map)
 
     this.reParse() // 切记一定要在替换后执行, 因为替换后此时 ast 并未更新, 就可能会导致后续处理都使用原先的 ast
   }
@@ -506,7 +515,7 @@ export class Deob {
    *  }
    */
   saveAllObject() {
-    globalState.objectVariables = []
+    globalState.objectVariables = {}
     traverse(this.ast, {
       VariableDeclaration: {
         exit(path, state) {
@@ -521,7 +530,7 @@ export class Deob {
         },
       },
     })
-    console.log(`已保存所有对象`)
+    this.log(`已保存所有对象: `, Object.entries(globalState.objectVariables).map(([key, value]) => ({ key, value: generator(value).code })))
   }
 
   /**
@@ -543,7 +552,8 @@ export class Deob {
    */
   objectMemberReplace() {
     // 记录被替换的对象, 如何对象没被修改过则删除
-    const replaceObjects = new Set()
+    const set = new Set()
+    const map = new Map()
 
     // 先执行 _0x52627b["QqaUY"] ---> "attribute"
     traverse(this.ast, {
@@ -590,9 +600,8 @@ export class Deob {
                   && binding.constant
                   && binding.constantViolations.length === 0
                 ) {
-                  console.log(objectName, propertyName)
-
-                  replaceObjects.add(objectName)
+                  map.set(`${objectName}.${propertyName}`, generator(prop.value).code)
+                  set.add(objectName)
 
                   path.replaceWith(prop.value)
                 }
@@ -647,7 +656,7 @@ export class Deob {
                 if (!(firstStatement?.type === 'ReturnStatement'))
                   return
 
-                console.log(objectName, propertyName)
+                map.set(`${objectName}.${propertyName}`, generator(orgFn).code)
 
                 // 返回参数
                 const returnArgument = firstStatement.argument
@@ -710,7 +719,7 @@ export class Deob {
                 }
 
                 if (isReplace)
-                  replaceObjects.add(objectName)
+                  set.add(objectName)
               }
             }
           }
@@ -720,9 +729,10 @@ export class Deob {
 
     this.reParse()
 
+    this.log(`已被替换对象: `, map)
     // 删除无用变量名已替换过的对象变量
-    // console.log(`已被替换的对象列表: ${[...replaceObjects]}`)
-    // this.removeUnusedVariables([...replaceObjects])
+    // this.log(`已被替换的对象列表:`, set)
+    // this.removeUnusedVariables([...set])
   }
 
   /**
@@ -848,10 +858,8 @@ export class Deob {
             VariableDeclarator(p) {
               const name = p.node.id?.name
               if (p.node.init === null) {
-                if (toRemoveVariableDeclarators.includes(name)) {
-                  console.log(generator(p.node).code)
+                if (toRemoveVariableDeclarators.includes(name))
                   p.remove()
-                }
               }
             },
           })
@@ -871,29 +879,29 @@ export class Deob {
    * function a() {
          var _0x263cfa = "1|3|2|0"["split"]("|"),
            _0x105b9b = 0;
-   
+
          while (true) {
            switch (_0x263cfa[_0x105b9b++]) {
              case "0":
                return _0x4b70fb;
-   
+
              case "1":
                if (_0x3d66ff !== "link" && _0x3d66ff !== "script") {
                  return;
                }
-   
+
                continue;
-   
+
              case "2":
                _0x4b70fb["charset"] = "utf-8";
                continue;
-   
+
              case "3":
                var _0x4b70fb = document["createElement"](_0x3d66ff);
-   
+
                continue;
            }
-   
+
            break;
          }
        }
@@ -924,7 +932,6 @@ export class Deob {
           p.isBlockStatement(),
         )
 
-        let shufferString = ''
         let shufferArr = []
 
         // 从整个函数的 BlockStatement 中遍历寻找 "1|3|2|0"["split"]
@@ -939,21 +946,15 @@ export class Deob {
             ) {
               if (t.isStringLiteral(path.node.object)) {
                 // path.node.object.value 为 "1|3|2|0"
-                shufferString = path.node.object.value
+                const shufferString = path.node.object.value
                 shufferArr = shufferString.split('|')
 
                 // 顺带移除 var _0x263cfa = "1|3|2|0"["split"]("|"),
                 const VariableDeclarator = path.findParent(p =>
                   p.isVariableDeclarator(),
                 )
-                if (VariableDeclarator) {
-                  console.log(
-                    `switch 平坦化: ${shufferString} ; 删除代码 ${generator(VariableDeclarator.node).code
-                    }`,
-                  )
-
+                if (VariableDeclarator)
                   VariableDeclarator.remove()
-                }
 
                 path.stop()
               }
@@ -1101,7 +1102,7 @@ export class Deob {
   }
 
   /**
-   * @description 计算二项式字面量
+   * @description 计算二项式字面量 计算布尔值
    * @example
    * 1 + 2   "debu" + "gger"
    * ⬇️
@@ -1120,16 +1121,6 @@ export class Deob {
           path.skip()
         }
       },
-    })
-  }
-
-  /**
-   * @description 计算布尔值
-   * @example
-   * !![] ---> true    ![] ---> false
-   */
-  calcBoolean() {
-    traverse(this.ast, {
       UnaryExpression(path) {
         if (path.node.operator !== '!')
           return // 避免判断成 void
@@ -1241,7 +1232,7 @@ export class Deob {
    * @description 给关键函数、标识符 设置注释
    * @example // TOLOOK
    */
-  addComments(keywords = [], label = ' TOLOOK') {
+  markComment(keywords = [], label = ' TOLOOK') {
     const defaultKeywords = ['debugger']
     keywords = [
       ...new Set([...keywords.map(k => k.toLowerCase()), ...defaultKeywords]),
diff --git a/play/cx/index.js b/play/cx/index.js
index b5194ca..a4463da 100644
--- a/play/cx/index.js
+++ b/play/cx/index.js
@@ -40,7 +40,6 @@ class MyDeOb extends Deob {
 
   // 最后通用处理
   deob.calcBinary()
-  deob.calcBoolean()
   deob.replaceConstant()
   deob.reParse()
   await deob.record(fileName, 4)
@@ -52,7 +51,7 @@ class MyDeOb extends Deob {
   // 优化
   // deob.changeObjectAccessMode()
   deob.deleteExtra()
-  deob.addComments()
+  deob.markComment()
 
   const code = deob.getCode()
   fs.writeFile(`${__dirname}/output.js`, code)
diff --git a/play/cycgo/index.js b/play/cycgo/index.js
index 1cf850b..52baf01 100644
--- a/play/cycgo/index.js
+++ b/play/cycgo/index.js
@@ -44,7 +44,6 @@ class MyDeOb extends Deob { }
 
   // 最后通用处理
   deob.calcBinary()
-  deob.calcBoolean()
   deob.replaceConstant()
   deob.reParse()
   await deob.record(fileName, 4)
@@ -56,7 +55,7 @@ class MyDeOb extends Deob { }
   // 优化
   // deob.changeObjectAccessMode()
   deob.deleteExtra()
-  deob.addComments()
+  deob.markComment()
 
   const code = deob.getCode()
   fs.writeFile(`${__dirname}/output.js`, code)
diff --git a/play/gk/index.js b/play/gk/index.js
index ab08b33..afdafea 100644
--- a/play/gk/index.js
+++ b/play/gk/index.js
@@ -38,7 +38,7 @@ class MyDeOb extends Deob { }
 
   // 最后通用处理
   deob.calcBinary()
-  deob.calcBoolean()
+
   deob.replaceConstant()
   deob.reParse()
   await deob.record(fileName, 4)
@@ -50,7 +50,7 @@ class MyDeOb extends Deob { }
   // 优化
   // deob.changeObjectAccessMode()
   deob.deleteExtra()
-  deob.addComments()
+  deob.markComment()
 
   const code = deob.getCode()
   fs.writeFile(`${__dirname}/output.js`, code)
diff --git a/play/jsonv6/index.js b/play/jsonv6/index.js
index b0bbd9d..251a118 100644
--- a/play/jsonv6/index.js
+++ b/play/jsonv6/index.js
@@ -35,7 +35,6 @@ class MyDeOb extends Deob { }
 
   // 最后通用处理
   deob.calcBinary()
-  deob.calcBoolean()
   deob.replaceConstant()
   await deob.record(fileName, 4)
 
@@ -46,7 +45,7 @@ class MyDeOb extends Deob { }
   // 优化
   // deob.changeObjectAccessMode()
   deob.deleteExtra()
-  deob.addComments()
+  deob.markComment()
 
   const code = deob.getCode()
   await fs.writeFile(`${__dirname}/output.js`, code)
diff --git a/play/maoyan/index.js b/play/maoyan/index.js
index 1fd1c60..4aa6df0 100644
--- a/play/maoyan/index.js
+++ b/play/maoyan/index.js
@@ -38,7 +38,6 @@ class MyDeOb extends Deob { }
 
   // 最后通用处理
   deob.calcBinary()
-  deob.calcBoolean()
   deob.replaceConstant()
   deob.reParse()
 
@@ -50,7 +49,7 @@ class MyDeOb extends Deob { }
   // 优化
   // deob.changeObjectAccessMode()
   deob.deleteExtra()
-  deob.addComments()
+  deob.markComment()
 
   const code = deob.getCode()
   await fs.writeFile(`${__dirname}/output.js`, code)
diff --git a/play/wangyi/index.js b/play/wangyi/index.js
index 2224bb7..0603674 100644
--- a/play/wangyi/index.js
+++ b/play/wangyi/index.js
@@ -38,7 +38,6 @@ class MyDeOb extends Deob { }
 
   // 最后通用处理
   deob.calcBinary()
-  deob.calcBoolean()
   deob.replaceConstant()
   deob.reParse()
 
@@ -50,7 +49,7 @@ class MyDeOb extends Deob { }
   // 优化
   // deob.changeObjectAccessMode()
   deob.deleteExtra()
-  deob.addComments()
+  deob.markComment()
 
   const code = deob.getCode()
   await fs.writeFile(`${__dirname}/output.js`, code)
diff --git a/website/app.vue b/website/app.vue
index 15e20eb..b6c758d 100644
--- a/website/app.vue
+++ b/website/app.vue
@@ -12,7 +12,7 @@ const paneSize = ref(50)
     <div min-h-0 flex="~ gap3 1">
       <Splitpanes class="h-full">
         <Pane :size="paneSize" min-size="30">
-          <CodeEditor v-model="code" />
+          <SourceCodeEditor v-model="code" />
         </Pane>
         <Pane :size="100 - paneSize" min-size="20">
           <OutputViewer />
diff --git a/website/components/AstOutput.vue b/website/components/AstOutput.vue
index 299c4fe..f9a89f8 100644
--- a/website/components/AstOutput.vue
+++ b/website/components/AstOutput.vue
@@ -141,8 +141,8 @@ function stringifyError(error: unknown) {
 </script>
 
 <template>
-  <div flex="~ col gap-2 1" min-w-0 h-full>
-    <div flex="~ gap-3 wrap" items-center mx-2>
+  <div flex="~ col 1" min-w-0 h-full>
+    <div flex="~ gap-3 wrap" items-center p-0.5 mx-2>
       <label><input v-model="autoFocus" type="checkbox"> Auto focus</label>
       <label>
         <input v-model="hideEmptyKeys" type="checkbox"> Hide empty keys
diff --git a/website/components/CodeEditor.vue b/website/components/CodeEditor.vue
index 87e2f2d..35bb0dd 100644
--- a/website/components/CodeEditor.vue
+++ b/website/components/CodeEditor.vue
@@ -4,6 +4,10 @@ import type * as monaco from 'monaco-editor'
 // eslint-disable-next-line ts/consistent-type-imports
 import type { MonacoEditor } from '#build/components'
 
+defineProps<{
+  language: 'javascript' | 'json'
+}>()
+
 const code = defineModel<string>()
 const container = shallowRef<InstanceType<typeof MonacoEditor>>()
 
@@ -22,7 +26,7 @@ onMounted(() => {
     ref="container"
     v-model="code"
     h-full
-    lang="javascript"
+    :lang="language"
     :options="{
       automaticLayout: true,
       theme: isDark ? 'vs-dark' : 'vs',
diff --git a/website/components/DeObOutput.vue b/website/components/DeObOutput.vue
index 9fa53d4..d9cbc80 100644
--- a/website/components/DeObOutput.vue
+++ b/website/components/DeObOutput.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { loading } from '#imports'
+import json5 from 'json5'
+import { code, error, loading, options } from '#imports'
 
 // eslint-disable-next-line ts/consistent-type-imports
 import type { MonacoEditor } from '#build/components'
@@ -19,7 +20,9 @@ worker.onmessage = ({ data }) => {
 }
 
 worker.onerror = (event) => {
-  console.error(event.error)
+  loading.value = false
+
+  error.value = event.message
 }
 
 async function run() {
@@ -29,9 +32,9 @@ async function run() {
   }
 
   loading.value = 'parse'
-  worker.postMessage('start')
 
-  worker.postMessage({ code: code.value })
+  console.log('options', options.value)
+  worker.postMessage({ code: code.value, options: json5.parse(JSON.stringify(options.value)) })
 }
 
 const container = shallowRef<InstanceType<typeof MonacoEditor>>()
@@ -39,8 +42,11 @@ const monaco = useMonaco()!
 const IS_SAFARI = /Apple Computer/.test(globalThis.navigator?.vendor)
 
 function download() {
-  if (output.value)
-    downloadByData(output.value, 'output.js')
+  if (output.value) {
+    // eslint-disable-next-line no-alert
+    if (window.confirm('下载文件?'))
+      downloadByData(output.value, 'output.js')
+  }
 }
 
 function stringifyError(error: unknown) {
@@ -61,34 +67,26 @@ function stringifyError(error: unknown) {
 </script>
 
 <template>
-  <div flex="~ col gap-2 1" min-w-0 h-full>
-    <div flex="~ gap-3 wrap items-center" mx-2>
-      <!-- <label> <input type="checkbox" /> 移除无用代码 </label> -->
+  <div flex="~ col 1" min-w-0 h-full>
+    <div flex="~ gap-3 wrap items-center" py-0.5 mx-2>
+      <button flex="~" title="Deobfuscator" @click="run">
+        <div i-ri:arrow-right-double-line h-6 w-6 />
+      </button>
       <div flex="~ gap-2 1" justify-end>
-        <button title="clean" @click="copy()">
+        <button title="copy" @click="copy()">
           <div v-if="!copied" i-ri:file-copy-line />
           <div v-else i-ri:check-line />
         </button>
-        <button title="copy" @click="download()">
+        <button title="download" @click="download()">
           <div i-ri:download-line />
         </button>
       </div>
     </div>
-    <div flex="~ 1" min-h-0 min-w-0>
-      <div w-12 b-r-4 b-zinc50 dark:b-zinc800>
-        <div flex="~ col justify-center items-center" h-screen>
-          <button title="Deobfuscator" @click="run">
-            <div i-ri:arrow-right-line />
-          </button>
-        </div>
-      </div>
-      <div v-if="loading === 'load'">
-        Loading parser...
-      </div>
-      <div v-else-if="loading === 'parse'">
+    <div flex="~ 1" min-h-0 min-w-0 mt-1>
+      <div v-if="loading === 'parse'">
         Parsing...
       </div>
-      <div v-else-if="error" overflow-scroll text-red>
+      <div v-else-if="error" overflow-scroll w-full text-red>
         <pre v-text="stringifyError(error)" />
       </div>
       <MonacoEditor
diff --git a/website/components/OuputOptions.vue b/website/components/OuputOptions.vue
new file mode 100644
index 0000000..4d5c899
--- /dev/null
+++ b/website/components/OuputOptions.vue
@@ -0,0 +1,117 @@
+<script setup lang="ts">
+import json5 from 'json5'
+import { options } from '#imports'
+
+const dialog = ref<HTMLDialogElement>()
+
+function openDialog() {
+  dialog.value?.showModal()
+}
+
+function handleDialogClick(evt: MouseEvent) {
+  // if (evt.target === evt.currentTarget)
+  //   dialog.value?.close()
+}
+
+const keywordsValue = ref(JSON.stringify(options.value.keywords))
+
+watchEffect(() => {
+  try {
+    options.value.keywords = json5.parse(keywordsValue.value)
+  }
+  catch (error) {
+    console.error(error)
+    options.value.keywords = []
+  }
+})
+</script>
+
+<template>
+  <div flex items-center justify-center>
+    <button class="i-ri:settings-line" @click="openDialog" />
+    <dialog ref="dialog" h-50vh rounded p0 @click="handleDialogClick">
+      <div py2 text-center text-lg font-bold>
+        反混淆配置
+        <button
+          class="i-ri:close-line"
+          float-right
+          p4
+          @click="dialog?.close()"
+        />
+      </div>
+      <hr>
+
+      <div p-4 w-30vw>
+        <div flex="~ col gap-2" text-base w-full>
+          <label class="inline-flex items-center gap-2">
+            <span class="flex-1">执行解密函数</span>
+            调用次数
+            <input
+              v-model="options.decryptFnCallCount"
+              class="pl-0.5 border border-gray-300 bg-white shadow-sm focus:(outline-none ring) dark:(bg-gray-700 disabled-bg-gray-900) disabled:bg-gray-100"
+              type="number" w-16 min="1" step="1" :disabled="!options.isDecryptFnEnabled"
+            >
+            <input v-model="options.isDecryptFnEnabled" type="checkbox">
+          </label>
+          <label class="inline-flex items-center gap-2">
+            <span class="flex-1">是否移除解密函数(后续用不到)</span>
+            <input v-model="options.isRemoveDecryptFn" type="checkbox">
+          </label>
+
+          <label class="inline-flex items-center gap-2">
+            <span class="flex-1">混淆花指令还原执行次数</span>
+            <input
+              v-model="options.execCount"
+              class="pl-0.5 border border-gray-300 bg-white shadow-sm focus:(outline-none ring) dark:(bg-gray-700 disabled-bg-gray-900) disabled:bg-gray-100"
+              type="number" w-16 min="1" max="5" step="1"
+            >
+          </label>
+
+          <div class="border-b border-gray-200 text-lg mt-2">
+            通用配置
+          </div>
+          <label class="inline-flex items-center gap-2">
+            <span class="flex-1">是否计算二项式常量</span>
+            <input v-model="options.isCalcBinaryEnable" type="checkbox">
+          </label>
+
+          <label class="inline-flex items-center gap-2">
+            <span class="flex-1">是否替换所有常量引用</span>
+            <input v-model="options.isReplaceConstantEnable" type="checkbox">
+          </label>
+
+          <label class="inline-flex items-center gap-2">
+            <span class="flex-1">是否移除无用代码块</span>
+            <input v-model="options.isRemoveUnusedBlock" type="checkbox">
+          </label>
+
+          <label class="inline-flex items-center gap-2">
+            <span class="flex-1">是否移除无用变量</span>
+            <input v-model="options.isRemoveUnusedVariables" type="checkbox">
+          </label>
+
+          <label class="inline-flex items-center gap-2">
+            <span class="flex-1">是否标记关键标识符</span>
+            <input v-model="options.isMarkEnable" type="checkbox">
+          </label>
+
+          <label class="inline-flex items-center gap-2">
+            <span class="flex-1">标识符</span>
+            <input
+              v-model="keywordsValue" class="pl-0.5 border border-gray-300 bg-white shadow-sm focus:(outline-none ring) dark:(bg-gray-700 disabled-bg-gray-900) disabled:bg-gray-100"
+              type="input"
+            >
+          </label>
+
+          <label class="inline-flex items-center gap-2">
+            <span class="flex-1">是否输出到控制台</span>
+            <input v-model="options.isLog" type="checkbox">
+
+          </label>
+        </div>
+      </div>
+
+      <!-- 输入 解密函数 代码 -->
+    </dialog>
+  </div>
+</template>
diff --git a/website/components/SourceCodeEditor.vue b/website/components/SourceCodeEditor.vue
new file mode 100644
index 0000000..40fd8e4
--- /dev/null
+++ b/website/components/SourceCodeEditor.vue
@@ -0,0 +1,119 @@
+<script setup lang="ts">
+import type * as monaco from 'monaco-editor'
+
+// eslint-disable-next-line ts/consistent-type-imports
+import type { MonacoEditor } from '#build/components'
+
+interface Example {
+  name: string
+  value: () => Promise<string>
+}
+
+const files = import.meta.glob('../../play/**/code.js', { as: 'raw' })
+
+const examples: Example[] = Object.entries(files).map(([key, value]) => ({
+  name: key.replace('../../play/', ''),
+  value,
+}))
+
+const code = defineModel<string>()
+const container = shallowRef<InstanceType<typeof MonacoEditor>>()
+
+async function handleExampleChange(event: Event) {
+  const selectedValue = (event.target as HTMLSelectElement).value
+
+  if (selectedValue === '') {
+    code.value = ''
+  }
+  else {
+    const result = await examples.find(e => e.name === selectedValue)!.value()
+
+    code.value = result
+  }
+}
+
+function handleFileChange(event: Event) {
+  const file = (event.target as HTMLInputElement).files![0]
+
+  // 检查文件后缀名是否为 .js
+  if (file && !file.name.endsWith('.js')) {
+    // eslint-disable-next-line no-alert
+    window.alert('请选择 js 文件')
+    return
+  }
+
+  const reader = new FileReader()
+  reader.onload = () => {
+    code.value = reader.result as string
+  }
+  reader.readAsText(file)
+}
+
+async function copyLink(e: MouseEvent) {
+  await navigator.clipboard.writeText(window.location.href)
+}
+
+function clean() {
+  code.value = ''
+}
+
+onMounted(() => {
+  const editor = toRaw(
+    container.value!.$editor as monaco.editor.IStandaloneCodeEditor,
+  )
+  editor.onDidChangeCursorPosition((e) => {
+    editorCursor.value = editor.getModel()!.getOffsetAt(e.position)
+  })
+})
+</script>
+
+<template>
+  <div flex="~ col gap-2 1" min-w-0 h-full>
+    <div flex="~ gap-3 wrap items-center" mx-2>
+      <label> <span text-sm font-mono>Source Code</span> </label>
+      <div flex="~ gap-3 1" justify-end>
+        <div class="inline-flex items-center gap-2">
+          <label for="example-select" class="text-sm font-medium">Example: </label>
+          <select id="example-select" name="example-select" class="p-0.5 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:(ring border-blue-300) dark:bg-gray-700" @change="handleExampleChange">
+            <option value="" />
+            <option v-for="e in examples" :key="e.name" :value="e.name">
+              {{ e.name }}
+            </option>
+          </select>
+        </div>
+
+        <OuputOptions />
+        <button title="Copy sharable URL">
+          <div i-ri:share-line @click="copyLink" />
+        </button>
+        <button title="Upload file">
+          <label for="fileInput" cursor-pointer> <div i-ri:upload-line /></label>
+          <input id="fileInput" type="file" style="display: none" @change="handleFileChange">
+        </button>
+        <button title="Clean source code">
+          <div i-ri:delete-bin-line @click="clean" />
+        </button>
+      </div>
+    </div>
+    <MonacoEditor
+      ref="container"
+      v-model="code"
+      h-full
+      lang="javascript"
+      :options="{
+        automaticLayout: true,
+        theme: isDark ? 'vs-dark' : 'vs',
+        fontSize: 14,
+        tabSize: 2,
+        minimap: {
+          enabled: false,
+        },
+      }"
+    >
+      <div flex="~ col gap-2" h-full w-full items-center justify-center>
+        <div i-ri:loader-2-line animate-spin text-4xl />
+        <span text-lg>Loading...</span>
+      </div>
+    </MonacoEditor>
+  </div>
+</template>
diff --git a/website/composables/state.ts b/website/composables/state.ts
index babfe66..c1c8ddc 100644
--- a/website/composables/state.ts
+++ b/website/composables/state.ts
@@ -6,7 +6,63 @@ export const loading = ref<'load' | 'parse' | false>(false)
 export const code = ref('')
 export const ast = shallowRef<unknown>({})
 export const error = shallowRef<unknown>()
-export const rawOptions = ref('')
+
+export interface Options {
+
+  /** 解密函数调用次数 */
+  decryptFnCallCount: number
+  /** 是否执行解密操作 */
+  isDecryptFnEnabled: boolean
+  /** 是否移除解密函数 */
+  isRemoveDecryptFn: boolean
+
+  /** 循环执行次数 */
+  execCount: number
+  /** 是否 switch 平坦化 */
+  isSwitchFlatEnabled: boolean
+
+  /** 是否计算二项式常量 */
+  isCalcBinaryEnable: boolean
+  /** 是否替换所有常量引用 */
+  isReplaceConstantEnable: boolean
+
+  /** 是否移除无用代码块 */
+  isRemoveUnusedBlock: boolean
+  /** 是否移除无用变量 */
+  isRemoveUnusedVariables: boolean
+
+  /** 还原 utf8 字符 */
+  deleteExtraEnable: boolean
+  /** 是否标记关键信息 */
+  isMarkEnable: boolean
+  /** 关键标识符 */
+  keywords: string[]
+
+  /** 是否日志输出(会影响还原效率) */
+  isLog: boolean
+}
+
+const defaultOptions: Options = {
+  decryptFnCallCount: 150,
+  isDecryptFnEnabled: true,
+  isRemoveDecryptFn: true,
+
+  isSwitchFlatEnabled: true,
+  execCount: 2,
+
+  isCalcBinaryEnable: true,
+  isReplaceConstantEnable: true,
+
+  isRemoveUnusedBlock: true,
+  isRemoveUnusedVariables: true,
+  deleteExtraEnable: true,
+  isMarkEnable: true,
+  keywords: ['debugger'],
+
+  isLog: true,
+}
+
+export const options = ref<Options>(defaultOptions)
 
 export const hideEmptyKeys = useLocalStorage(`${PREFIX}hide-empty-keys`, true)
 export const hideLocationData = useLocalStorage(
@@ -16,33 +72,19 @@ export const hideLocationData = useLocalStorage(
 export const hideKeys = useLocalStorage<string[]>(`${PREFIX}hide-keys`, [])
 export const autoFocus = useLocalStorage<boolean>(`${PREFIX}auto-focus`, true)
 
-export const options = computed(() => {
-  try {
-    return currentParser.value.options.defaultValueType === 'javascript'
-      // eslint-disable-next-line no-new-func
-      ? new Function(rawOptions.value)()
-      : json5.parse(rawOptions.value)
-  }
-  catch {
-    console.error(
-      `Failed to parse options: ${JSON.stringify(rawOptions.value, null, 2)}`,
-    )
-  }
-})
-
 const location = useBrowserLocation()
 
 const rawUrlState = location.value.hash ? atou(location.value.hash!.slice(1)) : ''
 if (rawUrlState) {
   const urlState = JSON.parse(rawUrlState)
   code.value = urlState.c
-  rawOptions.value = urlState.o
+  options.value = urlState.o
 }
 
-watch([code, rawOptions], () => {
+watch([code, options], () => {
   const serialized = JSON.stringify({
     c: code.value,
-    o: rawOptions.value,
+    o: options.value,
   })
   location.value.hash = utoa(serialized)
 })
@@ -60,7 +102,7 @@ async function initParser() {
 const parserContext = computed(() => initParser())
 
 watch(
-  [currentParser, code, rawOptions],
+  [currentParser, code],
   async () => {
     try {
       loading.value = 'load'
diff --git a/website/utils/deobfuscator.ts b/website/utils/deobfuscator.ts
index 145aec8..9792b41 100644
--- a/website/utils/deobfuscator.ts
+++ b/website/utils/deobfuscator.ts
@@ -2,35 +2,42 @@ import { Deob } from '@deob/utils'
 
 self.addEventListener(
   'message',
-  ({ data }) => {
-    const { code, _options } = data
+  ({ data }: { data: { code: string; options: Options } }) => {
+    const { code, options } = data
 
-    if (!code)
+    if (!code || !options)
       return
 
     const deob = new Deob(code)
 
-    deob.findDecryptFnByCallCount(200, true)
+    if (options.isDecryptFnEnabled)
+      deob.findDecryptFnByCallCount(options.decryptFnCallCount, options.isRemoveDecryptFn)
 
-    deob.saveAllObject()
-    deob.objectMemberReplace()
-
-    deob.switchFlat()
-    deob.switchFlat()
+    for (let i = 0; i <= options.execCount; i++) {
+      deob.saveAllObject()
+      deob.objectMemberReplace()
+      deob.switchFlat()
+    }
 
     // 最后通用处理
-    deob.calcBinary()
-    deob.calcBoolean()
-    deob.replaceConstant()
+    if (options.isCalcBinaryEnable)
+      deob.calcBinary()
+
+    if (options.isReplaceConstantEnable)
+      deob.replaceConstant()
+
+    if (options.isRemoveUnusedBlock)
+      deob.removeUnusedBlock()
+    if (options.isRemoveUnusedVariables)
+      deob.removeUnusedVariables()
 
-    deob.removeUnusedBlock()
-    deob.removeUnusedVariables()
     deob.selfCallFnReplace()
 
-    // 优化
-    // deob.changeObjectAccessMode()
-    deob.deleteExtra()
-    deob.addComments()
+    if (options.deleteExtraEnable)
+      deob.deleteExtra()
+
+    if (options.isMarkEnable)
+      deob.markComment(options.keywords)
 
     const output = deob.getCode()