#2411 - Replace commonJS with dynamic ESM

epam · Apr 18, 2023 · ad5577a · ad5577a
1 parent 68d2696
commit ad5577a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 7 deletions.
diff --git a/example/src/App.tsx b/example/src/App.tsx
@@ -28,10 +28,8 @@ let structServiceProvider: StructServiceProvider =
     process.env.API_PATH || process.env.REACT_APP_API_PATH!
   )
 if (process.env.MODE === 'standalone') {
-  // eslint-disable-next-line @typescript-eslint/no-var-requires
-  const { StandaloneStructServiceProvider } = require('ketcher-standalone')
-  structServiceProvider =
-    new StandaloneStructServiceProvider() as StructServiceProvider
+  const { StandaloneStructServiceProvider } = await import('ketcher-standalone')
+  structServiceProvider = new StandaloneStructServiceProvider()
 }
 
 const enablePolymerEditor = process.env.ENABLE_POLYMER_EDITOR === 'true'
@@ -40,8 +38,7 @@ type PolymerType = () => JSX.Element | null
 
 let PolymerEditor: PolymerType = () => null
 if (enablePolymerEditor) {
-  // eslint-disable-next-line @typescript-eslint/no-var-requires
-  const { Editor } = require('ketcher-polymer-editor-react')
+  const { Editor } = await import('ketcher-polymer-editor-react')
   PolymerEditor = Editor as PolymerType
 }
 

diff --git a/example/tsconfig.json b/example/tsconfig.json
@@ -16,7 +16,7 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "allowSyntheticDefaultImports": true,
-    "target": "es5",
+    "target": "esnext",
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,