tadcode-wpsjs 0.1.2 → 0.3.0

package/README.md

@@ -1,12 +1,14 @@
 # tadcode-wpsjs
 
-基于wps官方文档
-1. [**AirScript文档**](https://airsheet.wps.cn/docs/apitoken/intro.html)
-2. [**WPS多维表格：“开发”功能使用说明文档**](https://365.kdocs.cn/l/ctzsgDlAGF0l)
+## 基于wps官方文档
+- [**AirScript文档**](https://airsheet.wps.cn/docs/apitoken/intro.html)
+- [**WPS多维表格：“开发”功能使用说明文档**](https://365.kdocs.cn/l/ctzsgDlAGF0l)
+- [**执行AirScript脚本操作使用指南**](https://365.kdocs.cn/l/cdQOqc6TZuMk)
+- [**快速入门多维表“开发”**](https://365.kdocs.cn/l/ctx1jAV1xJhR)
 
 ## 联系我
 
-**如你有业务需要，可以点此[联系我](https://f.kdocs.cn/g/SIdEy3GE/)，三个工作日内必定回复。**
+**如你有业务需要wps代码服务，可以点此[联系我](https://f.kdocs.cn/g/SIdEy3GE/)，三个工作日内必定回复。**
 
 **如您公司存在敏感信息业务，需要长期人才，亦可来讯商谈。**
 
@@ -14,13 +16,13 @@
 
 ## 应用
 
-用于学习wpsjsapi，远程调用wpsjsapi。
+用于学习wpsjs-api，远程调用wpsjs-api。
 
-使用wpsjs-1.0api。支持异步任务。支持`KSDrive`的类型。
+使用wpsjs-api。支持异步任务。
 
 在远程部署代码好代码，通过传输的调用信息进行调用api。原理是使用代理收集调用信息，之后让远程代码进行调用并且返回结果。
 
-远程代码在`remoteCode`目录的`index.js`文件里面。将其复制粘贴到对应`webhook`的脚本中才能支持`wpsjsGlobal`的调用。
+远程代码在`tadcode-wpsjs/remoteCode`目录的`index.js`文件中。将其复制粘贴到对应`webhook`的脚本中才能支持`wpsjsGlobal`的调用。
 
 ## 安装
 
@@ -29,24 +31,65 @@
 ## 获取脚本令牌和webhook链接
 
 ### 获取脚本令牌
+
 ![脚本令牌](https://qn.cache.wpscdn.cn/asdocs/assets/apitoken.Dv10SGDp.png "脚本令牌")
 
 ### webhook链接
+
+**!!!webhook链接的脚本内容必须部署为`tadcode-wpsjs/remoteCode/index.js`中的脚本内容。**
+
 ![webhook链接](https://qn.cache.wpscdn.cn/asdocs/assets/webhook.DnCJD55j.png "webhook链接")
 
 ## 案例
 
+### 获取当前多维表的所有表格信息
+
+```ts
+import { initRemoteCallWpsjsGlobal } from 'tadcode-wpsjs'
+/* 脚本令牌 具体获取方式参考上面 */
+const scriptToken = 'xxxx'
+/* webhook url地址 具体获取方式参考上面 */
+const webhookURL = 'xxxx'
+const wpsjsGlobal = initRemoteCallWpsjsGlobal({ scriptToken, webhookURL,  })
+const data = await wpsjsGlobal.Application.Sheet.GetSheets().execution()
+console.log(data)
+```
+
+### 对于智能表格执行赋值操作
+
+```ts
+import { initRemoteCallWpsjsGlobal } from 'tadcode-wpsjs'
+/* 脚本令牌 具体获取方式参考上面 */
+const scriptToken = 'xxxx'
+/* webhook url地址 具体获取方式参考上面 */
+const webhookURL = 'xxxx'
+const wpsjsGlobal = initRemoteCallWpsjsGlobal({ scriptToken, webhookURL,  })
+const values = [
+  ['name', 'price'],
+  ['米', 2.5],
+]
+function setValue(data: any[][], rangeReference = 'a1') {
+  const rowCount = data.length
+  const columnCount = data[0].length
+  wpsjsGlobal.Application.ActiveSheet.Range(rangeReference).Resize(rowCount, columnCount).Value2 = data
+  return wpsjsGlobal.execution() as unknown as boolean
+}
+setValue(values)
+```
+
+### 执行脚本并且返回（不用部署remoteCode代码）
+
 ```ts
-import { RemoteCallWpsjsGlobal } from 'tadcode-wpsjs'
-const remoteCall = new RemoteCallWpsjsGlobal()
-remoteCall.scriptToken = 'xxxx' /* 脚本令牌 */
-remoteCall.webhookURL = 'xxxx' /* webhook url地址 */
-/* 获取表信息 */
-const sheets = await remoteCall.wpsjsGlobal.Application.Sheet.GetSheets().execution()
-const data = sheets.map(({ id, name, sheetType }) => ({ id, name, sheetType }))
+import { execution } from 'tadcode-wpsjs'
+/* 脚本令牌 具体获取方式参考上面 */
+const scriptToken = 'xxxx'
+/* webhook url地址 具体获取方式参考上面 */
+const webhookURL = 'xxxx'
+const result=await execution({ scriptToken, webhookURL })
+const data =await result.json()
 console.log(data)
 ```
 
 ## 支持
 
-如果对你有用请给个`star`
+如果对你有用请在[gitcode](https://gitcode.com/caisijian/tadcode-wpsjs)给个`star`

package/index.js

@@ -1,2 +1 @@
-// @bun
-import V from"path";var X="execution";class W{sync=!0;scriptToken="";webhookURL="";asyncQueryURL="https://www.kdocs.cn/api/v3/script/task";printLog=!1;writeLogFile=!1;info=[];wpsjsGlobal=new Proxy(()=>{},{get:(G,j,q)=>{return this.info.push({method:"get",arguments:[j]}),q},apply:(G,j,q)=>{let{info:z}=this;if(z.at(-1)?.arguments[0]===X)return this.execute().then(async(B)=>{let{printLog:H,writeLogFile:M}=this,E=await B.json();if(H)Y(E);if(M)Bun.write("./wpsjs.log.json",JSON.stringify(E,void 0,4));return E.data.result});return z.push({method:"apply",arguments:q}),j}});queryTask(G){let{asyncQueryURL:j}=this,q=new URL(j);return q.searchParams.append("task_id",G),fetch(q.toString())}execute(){let{scriptToken:G,webhookURL:j,sync:q,info:z}=this;z.pop();let K=JSON.stringify({Context:{argv:{info:z}}});this.info=[];let B=V.parse(j);B.base=q?"sync_task":"task";let H=V.format(B);return fetch(H,{method:"post",headers:{"Content-Type":"application/json","AirScript-Token":G},body:K})}}var Y=(G)=>{let j=G,{status:q,data:z,error:K,error_details:B}=j;console.log("status:",q);let H=z.logs.at(-1).unix_time-z.logs[1].unix_time;if(console.log("runtime:",H),K)console.error(B.name),console.error(B.msg),console.error(B.stack);let M=z.logs.filter((E)=>E.filename!=="<system>");if(M.length!==0){console.log("log:");for(let E of M)console[E.level](...E.args)}return console.log("result:"),console.log(z.result),j};export{W as default};
+var{writeFile:M}=(()=>({}));function o(e){if(typeof e!=="string")throw TypeError("Path must be a string. Received "+JSON.stringify(e))}function m(e,r){var n="",l=0,t=-1,f=0,i;for(var s=0;s<=e.length;++s){if(s<e.length)i=e.charCodeAt(s);else if(i===47)break;else i=47;if(i===47){if(t===s-1||f===1);else if(t!==s-1&&f===2){if(n.length<2||l!==2||n.charCodeAt(n.length-1)!==46||n.charCodeAt(n.length-2)!==46){if(n.length>2){var c=n.lastIndexOf("/");if(c!==n.length-1){if(c===-1)n="",l=0;else n=n.slice(0,c),l=n.length-1-n.lastIndexOf("/");t=s,f=0;continue}}else if(n.length===2||n.length===1){n="",l=0,t=s,f=0;continue}}if(r){if(n.length>0)n+="/..";else n="..";l=2}}else{if(n.length>0)n+="/"+e.slice(t+1,s);else n=e.slice(t+1,s);l=s-t-1}t=s,f=0}else if(i===46&&f!==-1)++f;else f=-1}return n}function h(e,r){var n=r.dir||r.root,l=r.base||(r.name||"")+(r.ext||"");if(!n)return l;if(n===r.root)return n+l;return n+e+l}function A(){var e="",r=!1,n;for(var l=arguments.length-1;l>=-1&&!r;l--){var t;if(l>=0)t=arguments[l];else{if(n===void 0)n=process.cwd();t=n}if(o(t),t.length===0)continue;e=t+"/"+e,r=t.charCodeAt(0)===47}if(e=m(e,!r),r)if(e.length>0)return"/"+e;else return"/";else if(e.length>0)return e;else return"."}function b(e){if(o(e),e.length===0)return".";var r=e.charCodeAt(0)===47,n=e.charCodeAt(e.length-1)===47;if(e=m(e,!r),e.length===0&&!r)e=".";if(e.length>0&&n)e+="/";if(r)return"/"+e;return e}function S(e){return o(e),e.length>0&&e.charCodeAt(0)===47}function k(){if(arguments.length===0)return".";var e;for(var r=0;r<arguments.length;++r){var n=arguments[r];if(o(n),n.length>0)if(e===void 0)e=n;else e+="/"+n}if(e===void 0)return".";return b(e)}function y(e,r){if(o(e),o(r),e===r)return"";if(e=A(e),r=A(r),e===r)return"";var n=1;for(;n<e.length;++n)if(e.charCodeAt(n)!==47)break;var l=e.length,t=l-n,f=1;for(;f<r.length;++f)if(r.charCodeAt(f)!==47)break;var i=r.length,s=i-f,c=t<s?t:s,g=-1,u=0;for(;u<=c;++u){if(u===c){if(s>c){if(r.charCodeAt(f+u)===47)return r.slice(f+u+1);else if(u===0)return r.slice(f+u)}else if(t>c){if(e.charCodeAt(n+u)===47)g=u;else if(u===0)g=0}break}var v=e.charCodeAt(n+u),a=r.charCodeAt(f+u);if(v!==a)break;else if(v===47)g=u}var d="";for(u=n+g+1;u<=l;++u)if(u===l||e.charCodeAt(u)===47)if(d.length===0)d+="..";else d+="/..";if(d.length>0)return d+r.slice(f+g);else{if(f+=g,r.charCodeAt(f)===47)++f;return r.slice(f)}}function P(e){return e}function z(e){if(o(e),e.length===0)return".";var r=e.charCodeAt(0),n=r===47,l=-1,t=!0;for(var f=e.length-1;f>=1;--f)if(r=e.charCodeAt(f),r===47){if(!t){l=f;break}}else t=!1;if(l===-1)return n?"/":".";if(n&&l===1)return"//";return e.slice(0,l)}function D(e,r){if(r!==void 0&&typeof r!=="string")throw TypeError('"ext" argument must be a string');o(e);var n=0,l=-1,t=!0,f;if(r!==void 0&&r.length>0&&r.length<=e.length){if(r.length===e.length&&r===e)return"";var i=r.length-1,s=-1;for(f=e.length-1;f>=0;--f){var c=e.charCodeAt(f);if(c===47){if(!t){n=f+1;break}}else{if(s===-1)t=!1,s=f+1;if(i>=0)if(c===r.charCodeAt(i)){if(--i===-1)l=f}else i=-1,l=s}}if(n===l)l=s;else if(l===-1)l=e.length;return e.slice(n,l)}else{for(f=e.length-1;f>=0;--f)if(e.charCodeAt(f)===47){if(!t){n=f+1;break}}else if(l===-1)t=!1,l=f+1;if(l===-1)return"";return e.slice(n,l)}}function E(e){o(e);var r=-1,n=0,l=-1,t=!0,f=0;for(var i=e.length-1;i>=0;--i){var s=e.charCodeAt(i);if(s===47){if(!t){n=i+1;break}continue}if(l===-1)t=!1,l=i+1;if(s===46){if(r===-1)r=i;else if(f!==1)f=1}else if(r!==-1)f=-1}if(r===-1||l===-1||f===0||f===1&&r===l-1&&r===n+1)return"";return e.slice(r,l)}function J(e){if(e===null||typeof e!=="object")throw TypeError('The "pathObject" argument must be of type Object. Received type '+typeof e);return h("/",e)}function w(e){o(e);var r={root:"",dir:"",base:"",ext:"",name:""};if(e.length===0)return r;var n=e.charCodeAt(0),l=n===47,t;if(l)r.root="/",t=1;else t=0;var f=-1,i=0,s=-1,c=!0,g=e.length-1,u=0;for(;g>=t;--g){if(n=e.charCodeAt(g),n===47){if(!c){i=g+1;break}continue}if(s===-1)c=!1,s=g+1;if(n===46){if(f===-1)f=g;else if(u!==1)u=1}else if(f!==-1)u=-1}if(f===-1||s===-1||u===0||u===1&&f===s-1&&f===i+1){if(s!==-1)if(i===0&&l)r.base=r.name=e.slice(1,s);else r.base=r.name=e.slice(i,s)}else{if(i===0&&l)r.name=e.slice(1,f),r.base=e.slice(1,s);else r.name=e.slice(i,f),r.base=e.slice(i,s);r.ext=e.slice(f,s)}if(i>0)r.dir=e.slice(0,i-1);else if(l)r.dir="/";return r}var B="/",H=":",K=((e)=>(e.posix=e,e))({resolve:A,normalize:b,isAbsolute:S,join:k,relative:y,_makeLong:P,dirname:z,basename:D,extname:E,format:J,parse:w,sep:B,delimiter:H,win32:null,posix:null}),C=K;var q=(e)=>{let{scriptToken:r,webhookURL:n,isAsync:l=!1,printLog:t=!1,writeLogFile:f=!1}=e,i=[];return new Proxy(()=>{},{get:(c,g,u)=>{return i.push({method:"get",arguments:[g]}),u},set:(c,g,u,v)=>{return i.push({method:"set",arguments:[g,u]}),v},apply:(c,g,u)=>{if(i.at(-1)?.arguments[0]==="execution")return i.pop(),Q({scriptToken:r,webhookURL:n,isAsync:l,argv:{info:i}}).then(async(a)=>{let d=await a.json();if(i=[],t)X(d);if(f)await Y(d);return d.data.result});return i.push({method:"apply",arguments:u}),g}})},Q=({scriptToken:e,webhookURL:r,isAsync:n,argv:l})=>{let t=JSON.stringify({Context:{argv:l}}),f=C.parse(r);f.base=n?"task":"sync_task";let i=C.format(f);return fetch(i,{method:"post",headers:{"Content-Type":"application/json","AirScript-Token":e},body:t})},G=(e)=>{let r=new URL("https://www.kdocs.cn/api/v3/script/task");return r.searchParams.append("task_id",e),fetch(r)},X=(e)=>{let r=e,{status:n,data:l,error:t,error_details:f}=r;console.log("status:",n);let i=l.logs.at(-1).unix_time-l.logs[1].unix_time;if(console.log("runtime:",i),t)console.error(f.name),console.error(f.msg),console.error(f.stack);let s=l.logs.filter((c)=>c.filename!=="<system>");if(s.length!==0){console.log("log:");for(let c of s)console[c.level](...c.args)}return console.log("result:"),console.log(l.result),r},Y=(e)=>{return M("./wpsjs.log.json",JSON.stringify(e,void 0,2))};export{Y as writeLogFileToCurrent,G as queryTask,q as initRemoteCallWpsjsGlobal,Q as execution};

package/index.ts

@@ -1,85 +1,110 @@
 import type { InfoItem, RemoteCallWpsjsGlobalReturn, WithExecutionWpsjsGlobal } from './types'
+import { writeFile } from 'fs/promises'
 import path from 'path'
-const fnName = 'execution'
-export default class RemoteCallWpsjsGlobal {
-	/* true 同步执行代码 */
-	sync = true
-	scriptToken = ''
-	webhookURL = ''
-	asyncQueryURL = 'https://www.kdocs.cn/api/v3/script/task'
-	/* true 在控制台上打印日志 */
-	printLog = false
-	/* true 在当前目录下，写入日志文件 */
-	writeLogFile = false
-	info: InfoItem[] = []
-	wpsjsGlobal = new Proxy(() => { }, {
-		get: (_target, p, receiver) => {
-			this.info.push({ method: 'get', arguments: [p] })
-			return receiver
-		},
-		apply: (_target, thisArg, argArray) => {
-			const { info } = this
-			const lastInfo = info.at(-1)
-			if (lastInfo?.arguments[0] === fnName) {
-				return this.execute().then(async (response) => {
-					const { printLog, writeLogFile } = this
-					const responseJSON = await response.json()
-					if (printLog) printInfo(responseJSON)
-					if (writeLogFile) Bun.write('./wpsjs.log.json', JSON.stringify((responseJSON), undefined, 4))
-					return responseJSON['data']['result']
-				})
-			}
-			info.push({ method: 'apply', arguments: argArray })
-			return thisArg
-		},
-	}) as unknown as WithExecutionWpsjsGlobal
-	queryTask(id: string) {
-		const { asyncQueryURL } = this
-		const url = new URL(asyncQueryURL)
-		url.searchParams.append('task_id', id)
-		return fetch(url.toString())
-	}
-	execute() {
-		const { scriptToken, webhookURL, sync, info } = this
-		/* 删除 execution的调用信息 */
-		info.pop()
-		/* 获取请求信息 */
-		const data = JSON.stringify({ Context: { argv: { info }, } })
-		/* 清空调用 */
-		this.info = []
-		/* 根据是否同步返回不同的url */
-		const parsedPath = path.parse(webhookURL)
-		parsedPath.base = sync ? 'sync_task' : 'task'
-		const url = path.format(parsedPath)
-		return fetch(url, {
-			method: 'post',
-			headers: {
-				'Content-Type': 'application/json',
-				'AirScript-Token': scriptToken
-			},
-			body: data
-		})
-	}
+
+interface Config {
+  /**脚本令牌 */
+  scriptToken: string
+  /**脚本链接 */
+  webhookURL: string
+  /**异步任务 */
+  isAsync?: boolean
+  /**在控制台打印日志 */
+  printLog?: boolean
+  /**在当前路径下写入日志文件 */
+  writeLogFile?: boolean
 }
+
+const initRemoteCallWpsjsGlobal = (config: Config) => {
+  const { scriptToken, webhookURL, isAsync = false, printLog = false, writeLogFile = false, } = config
+  let info: InfoItem[] = []
+  const handle: ProxyHandler<() => void> = {
+    get: (_target, p: string, receiver) => {
+      info.push({ method: 'get', arguments: [p] })
+      return receiver
+    },
+    set: (_target, p: string, newValue, receiver) => {
+      info.push({ method: 'set', arguments: [p, newValue] })
+      return receiver
+    },
+    apply: (_target, thisArg, argArray) => {
+      const lastInfo = info.at(-1)
+      if (lastInfo?.arguments[0] === 'execution') {
+        info.pop() /* 删除 execution的调用信息 */
+        return execution({ scriptToken, webhookURL, isAsync, argv: { info } })
+          .then(async (response) => {
+            const responseObj = await response.json()
+            info = []	/* 执行结束，清空调用 */
+            if (printLog) printInfo(responseObj)
+
+            if (writeLogFile) await writeLogFileToCurrent(responseObj)
+            return responseObj['data']['result']
+          })
+      }
+      info.push({ method: 'apply', arguments: argArray })
+      return thisArg
+    },
+  }
+  return new Proxy(() => { }, handle) as unknown as WithExecutionWpsjsGlobal
+}
+
+type ExecutionConfig = Pick<Config, 'scriptToken' | 'webhookURL' | 'isAsync'> & { argv?: Record<string | number, any> }
+
+const execution = ({ scriptToken, webhookURL, isAsync, argv }: ExecutionConfig) => {
+  /* 获取请求信息 */
+  const data = JSON.stringify({ Context: { argv, } })
+  /* 根据是否同步返回不同的url */
+  const parsedPath = path.parse(webhookURL)
+  parsedPath.base = isAsync ? 'task' : 'sync_task'
+  const url = path.format(parsedPath)
+  return fetch(url, {
+    method: 'post',
+    headers: {
+      'Content-Type': 'application/json',
+      'AirScript-Token': scriptToken
+    },
+    body: data
+  })
+}
+
+const queryTask = (id: string) => {
+  const url = new URL('https://www.kdocs.cn/api/v3/script/task')
+  url.searchParams.append('task_id', id)
+  return fetch(url)
+}
+
 const printInfo = (remoteCallResponse: RemoteCallWpsjsGlobalReturn) => {
-	const responseData = remoteCallResponse as RemoteCallWpsjsGlobalReturn
-	const { status, data, error, error_details } = responseData
-	console.log('status:', status)
-	const time = data.logs.at(-1)!.unix_time - data.logs[1].unix_time
-	console.log('runtime:', time)
-	if (error) {
-		console.error(error_details.name)
-		console.error(error_details.msg)
-		console.error(error_details.stack)
-	}
-	const userInfo = data.logs.filter(x => x.filename !== '<system>')
-	if (userInfo.length !== 0) {
-		console.log('log:')
-		for (const item of userInfo) {
-			console[item.level](...item.args)
-		}
-	}
-	console.log('result:')
-	console.log(data.result)
-	return responseData
+  const responseData = remoteCallResponse as RemoteCallWpsjsGlobalReturn
+  const { status, data, error, error_details } = responseData
+  console.log('status:', status)
+  const time = data.logs.at(-1)!.unix_time - data.logs[1].unix_time
+  console.log('runtime:', time)
+  if (error) {
+    console.error(error_details.name)
+    console.error(error_details.msg)
+    console.error(error_details.stack)
+  }
+  const userInfo = data.logs.filter(x => x.filename !== '<system>')
+  if (userInfo.length !== 0) {
+    console.log('log:')
+    for (const item of userInfo) {
+      console[item.level](...item.args)
+    }
+  }
+  console.log('result:')
+  console.log(data.result)
+  return responseData
+}
+
+const writeLogFileToCurrent = (data: object) => {
+  return writeFile('./wpsjs.log.json', JSON.stringify((data), undefined, 2))
+}
+
+export type * from './types'
+
+export {
+  execution,
+  initRemoteCallWpsjsGlobal,
+  queryTask,
+  writeLogFileToCurrent,
 }

package/package.json

@@ -1,17 +1,17 @@
 {
-	"name": "tadcode-wpsjs",
-	"version": "0.1.2",
-	"main": "index.js",
-	"type": "module",
-	"scripts": {
-		"hot": "NODE_ENV=development bun --hot ignore/index.ts",
-		"dev": "NODE_ENV=development bun --watch index.ts",
-		"build": "NODE_ENV=production bun build index.ts --target bun --minify --outfile index.js"
-	},
-	"devDependencies": {
-		"@types/bun": "latest"
-	},
-	"keywords": [
-		"tadcode-wpsjs"
-	]
+  "name": "tadcode-wpsjs",
+  "version": "0.3.0",
+  "main": "index.js",
+  "type": "module",
+  "scripts": {
+    "hot": "NODE_ENV=development bun --hot ignore/index.ts",
+    "dev": "NODE_ENV=development bun --watch index.ts",
+    "build": "NODE_ENV=production bun build index.ts --minify --outfile index.js"
+  },
+  "devDependencies": {
+    "@types/bun": "latest"
+  },
+  "keywords": [
+    "tadcode-wpsjs"
+  ]
 }

package/remoteCode/index.js

@@ -1,19 +1,23 @@
-/* version 0.1 */
+/* version 0.2 */
 const { info } = Context.argv
 let peviousTemp = undefined
 let current = globalThis
 for (const item of info) {
-	switch (item.method) {
-		case 'get': {
-			peviousTemp = current
-			current = Reflect.get(current, item.arguments[0])
-		} break
-		case 'apply': {
-			current = Reflect.apply(current, peviousTemp, item.arguments)
-		} break
-		default:
-			throw Error('reflect method undefined')
-			break
-	}
+  switch (item.method) {
+    case 'get': {
+      peviousTemp = current
+      const [k] = item.arguments
+      current = Reflect.get(current, k)
+    } break
+    case 'set': {
+      const [k, v] = item.arguments
+      current = Reflect.set(current, k, v)
+    } break
+    case 'apply': {
+      current = Reflect.apply(current, peviousTemp, item.arguments)
+    } break
+    default:
+      throw Error('method must be get or apply')
+  }
 }
 return current

package/tsconfig.json

@@ -1,27 +1,27 @@
 {
-	"compilerOptions": {
-		// Enable latest features
-		"lib": [
-			"ESNext",
-			"DOM"
-		],
-		"target": "ESNext",
-		"module": "ESNext",
-		"moduleDetection": "force",
-		"jsx": "react-jsx",
-		"allowJs": true,
-		// Bundler mode
-		"moduleResolution": "bundler",
-		"allowImportingTsExtensions": true,
-		"verbatimModuleSyntax": true,
-		"noEmit": true,
-		// Best practices
-		"strict": true,
-		"skipLibCheck": true,
-		"noFallthroughCasesInSwitch": true,
-		// Some stricter flags (disabled by default)
-		"noUnusedLocals": false,
-		"noUnusedParameters": false,
-		"noPropertyAccessFromIndexSignature": false
-	}
+  "compilerOptions": {
+    // Enable latest features
+    "lib": [
+      "ESNext",
+      "DOM"
+    ],
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleDetection": "force",
+    "jsx": "react-jsx",
+    "allowJs": true,
+    // Bundler mode
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true,
+    // Best practices
+    "strict": true,
+    "skipLibCheck": true,
+    "noFallthroughCasesInSwitch": true,
+    // Some stricter flags (disabled by default)
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noPropertyAccessFromIndexSignature": false
+  }
 }