chore: 🤖 add ability to run demo

.gitignore

@@ -66,3 +66,6 @@ lib/
 .DS_Store
 
 src/parser.ts
+
+.cache/
+.puppet-master/

package.json

@@ -10,11 +10,14 @@
   "author": "@streamich",
   "license": "Unlicense",
   "dependencies": {
-    "tslib": "^1.9.3"
+    "@types/react": "^16.4.18",
+    "@types/react-dom": "^16.0.9"
   },
   "devDependencies": {
     "react": "16.7.0-alpha.0",
     "react-dom": "16.7.0-alpha.0",
-    "typescript": "^3.1.3"
+    "typescript": "^3.1.3",
+    "ts-node": "^7.0.1",
+    "puppet-master": "^1.2.0"
   }
 }

src/demo/chrome.ts

@@ -0,0 +1,13 @@
+import * as React  from 'react';
+import {render} from 'react-dom';
+
+export {
+  React,
+};
+
+export const demo = (element: React.ReactElement<any>) => {
+  const div = document.createElement('div');
+  document.body.appendChild(div);
+
+  render(element, div);
+};

src/demo/useMedia.tsx

@@ -0,0 +1,10 @@
+const {execute} = require('puppet-master');
+
+execute({
+  func: ({React, demo}: any) => {
+    demo(<div>hello</div>);
+  },
+  debug: true,
+  args: [],
+  module: __dirname + '/chrome.ts',
+}).catch(console.error);

src/useMedia.ts

@@ -0,0 +1,3 @@
+const useMedia = () => {};
+
+export default useMedia;

tsconfig.json

@@ -14,7 +14,6 @@
     "noImplicitReturns": true,
     "noFallthroughCasesInSwitch": true,
     "outDir": "lib",
-    "noEmitHelpers": true,
     "lib": ["es2018", "dom"]
   }
 }