Working build

Author: javizqh

package-lock.json

@@ -1,9 +1,11 @@
 {
   "name": "jderobot-ide-interface",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "main": "dist/main.js",
   "typings": "dist/index.d.ts",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "storybook": "storybook dev -p 6006",
@@ -48,6 +50,7 @@
     "re-resizable": "^6.11.2",
     "react-spinners": "^0.17.0",
     "sass-loader": "^16.0.5",
+    "ts-loader": "^9.5.2",
     "tsconfig-paths-webpack-plugin": "^4.2.0",
     "webpack-bundle-tracker": "^3.2.1"
   }

package.json

@@ -261,6 +261,7 @@ const FileEditor = ({
       onChange={(newContent: any) => {
         setFileContent(newContent);
       }}
+      // @ts-ignore
       options={editorOptions}
       beforeMount={handleEditorDidMount}
       onMount={handleEditorMount}

src/components/FileEditor/TextEditor.tsx

@@ -1,6 +1,7 @@
 import { Monaco } from "@monaco-editor/react";
 import { my_snippets, Snippet } from "./snippets";
 import {CommsManager} from "jderobot-commsmanager";
+import { ignoreSsrWarning } from "storybook/internal/theming";
 
 interface Position {
   lineNumber: number;
@@ -36,6 +37,7 @@ export const monacoEditorSnippet = (monaco: Monaco, manager: CommsManager| null)
   // Register a completion item provider for the new language
   monaco.languages.registerCompletionItemProvider("python", {
     triggerCharacters: [".", "("],
+    // @ts-ignore
     provideCompletionItems: async (model: any, position: Position) => {
       lock = true;
 

src/components/FileEditor/extras.ts

@@ -35,10 +35,10 @@ const defaultTheme: Theme = {
 const ThemeContext = createContext(defaultTheme)
 export const useTheme = () => useContext(ThemeContext) ?? defaultTheme
 
-export const ThemeProvider: React.FC<ThemeProviderProps> = (props) => {
+export const ThemeProvider = ({theme, children}:ThemeProviderProps) => {
   return (
-    <ThemeContext.Provider value={merge(defaultTheme, props.theme)}>
-      {props.children}
+    <ThemeContext.Provider value={merge(defaultTheme, theme)}>
+      {children}
     </ThemeContext.Provider>
   )
 }

src/utils/themeProvider.tsx

@@ -21,9 +21,7 @@
     "moduleResolution": "node",
     "baseUrl": "./",
     "declaration": true,
-    "emitDeclarationOnly": true,
     "outDir": "./dist",
-    "declarationDir": "types",
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
     "strict": true,
@@ -32,10 +30,12 @@
     "noFallthroughCasesInSwitch": true,
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "noEmit": true,
+    "noEmit": false,
+    "emitDeclarationOnly": false
   },
   "include": [
     "src",
     "svg.d.ts"
   ]
-}
+}
+

tsconfig.json

@@ -24,17 +24,14 @@ module.exports = {
   },
   resolve: {
     alias: aliases(),
-    extensions: [".js", ".jsx",".ts", ".tsx", ".json"],
+    extensions: [".js", ".jsx", ".ts", ".tsx", ".json"],
     modules: ["node_modules", path.resolve(__dirname, "node_modules")],
   },
   module: {
     rules: [
       {
         test: /\.css$/,
-        use: [
-          'style-loader',
-          'css-loader'
-        ]
+        use: ["style-loader", "css-loader"],
       },
       {
         test: /\.(js|jsx|ts|tsx)$/,
@@ -52,23 +49,29 @@ module.exports = {
           },
         ],
       },
+      {
+        test: /\.tsx?$/,
+        use: "ts-loader",
+        exclude: /node_modules/,
+      },
       {
         test: /\.(png|jpg|gif)$/,
         type: "asset/resource",
       },
       {
         test: /\.svg$/i,
         issuer: /\.[jt]sx?$/,
-        use: [{
-          loader: '@svgr/webpack',
-          options: {
-            svgoConfig: {
-              plugins: [
-                { name: 'preset-default', removeViewBox: false },
-              ],
+        use: [
+          {
+            loader: "@svgr/webpack",
+            options: {
+              svgoConfig: {
+                plugins: [{ name: "preset-default", removeViewBox: false }],
+              },
             },
           },
-        }, 'file-loader']
+          "file-loader",
+        ],
       },
     ],
   },