Fixes dependencies

Author: a7ul

examples/calculator/index.tsx

@@ -271,6 +271,4 @@ const styleSheet = `
   }
 `;
 
-Renderer.render(<App />, () => {
-  console.log("rendered");
-});
+Renderer.render(<App />);

package.json

@@ -1,8 +1,11 @@
 {
   "name": "@nodegui/react-desktop",
-  "version": "1.0.0",
+  "version": "0.0.5-alpha",
   "description": "React Native for building cross platform desktop applications",
-  "main": "dist",
+  "main": "dist/src/index.js",
+  "files": [
+    "dist"
+  ],
   "author": "Atul R <atulanand94@gmail.com>",
   "private": false,
   "license": "MIT",
@@ -12,19 +15,25 @@
     "dev:watch": "tsc-watch --onSuccess \"npm run dev\""
   },
   "dependencies": {
-    "react": "^16.8.6",
     "react-reconciler": "^0.20.4"
   },
   "resolutions": {
     "react-devtools-core": "3.5.3",
     "react-devtools": "3.5.3"
   },
+  "peerDependencies": {
+    "@nodegui/nodegui": "*",
+    "@nodegui/test": "*",
+    "react": "*"
+  },
   "devDependencies": {
+    "@nodegui/nodegui": "^0.0.4-alpha",
     "@nodegui/test": "^0.0.10",
     "@types/node": "^12.0.10",
     "@types/react-reconciler": "^0.18.0",
     "@types/scheduler": "^0.12.1",
     "prettier": "^1.18.2",
+    "react": "^16.8.6",
     "react-devtools": "3.5.3",
     "tsc-watch": "^2.2.1",
     "typescript": "^3.5.2"

src/demo.tsx

@@ -268,6 +268,9 @@ const styleSheet = `
   }
 `;
 
-Renderer.render(<App />, () => {
-  console.log("rendered");
+Renderer.render(<App />, {
+  onRender: () => {
+    console.log("Yo");
+  },
+  enableDevtools: false
 });

src/renderer/index.ts

@@ -1,25 +1,35 @@
 import reconciler, { appContainer } from "../reconciler";
 import { initDevtools } from "../utils/devtools";
 
+type Options = {
+  enableDevtools?: boolean;
+  onRender?: () => void;
+};
+const defaultOptions = {
+  enableDevtools: false,
+  onRender: () => {}
+};
+
 export const Renderer = {
-  render(element: React.ReactNode, callback: () => void) {
-    // element: This is the react element for App component
-    // window: This is the container that will contain the app.
-    // callback: if specified will be called after render is done.
+  render(element: React.ReactNode, options?: Options) {
     const containerInfo = appContainer;
     const isConcurrent = false; //disabling since there seems to be a bug with onclick listeneres (when called without a console.log inside them)
     const hydrate = false;
 
+    const rendererOptions = Object.assign({}, defaultOptions, options);
+
     const container = reconciler.createContainer(
       containerInfo,
       isConcurrent,
       hydrate
     ); // Creates root fiber node.
 
-    initDevtools(reconciler); //TODO: Do it on dev mode only
+    if (rendererOptions.enableDevtools) {
+      initDevtools(reconciler);
+    }
     const parentComponent = null; // Since there is no parent (since this is the root fiber). We set parentComponent to null.
     reconciler.updateContainer(element, container, parentComponent, () => {
-      callback();
+      rendererOptions.onRender();
     }); // Start reconcilation and render the result
   }
 };

src/utils/devtools.ts

@@ -1,4 +1,4 @@
-import pkg from "../../package.json";
+// import pkg from "../../package.json";
 import Reconciler from "../reconciler";
 
 export const initDevtools = (reconciler: typeof Reconciler) => {
@@ -19,8 +19,8 @@ export const initDevtools = (reconciler: typeof Reconciler) => {
     });
     reconciler.injectIntoDevTools({
       bundleType: 1,
-      version: pkg.version,
-      rendererPackageName: pkg.name
+      version: "1", //pkg.version,
+      rendererPackageName: "@nodegui/react-desktop" //pkg.name
     });
   }
 };

tsconfig.json

@@ -58,8 +58,7 @@
     /* Experimental Options */
     // "experimentalDecorators": true,        /* Enables experimental support for ES7 decorators. */
     // "emitDecoratorMetadata": true,         /* Enables experimental support for emitting type metadata for decorators. */
-    "resolveJsonModule": true,
-    "types": ["node"]
+    "resolveJsonModule": true
   },
   "include": ["."]
 }