Merge pull request #69 from developit/react-integration

Add React integration

Author: developit

.gitignore

@@ -1,6 +1,7 @@
 node_modules
 package-lock.json
 /preact
+/react
 dist
 mini
 yarn.lock

package.json

@@ -6,10 +6,11 @@
   "umd:main": "dist/htm.umd.js",
   "module": "dist/htm.mjs",
   "scripts": {
-    "build": "npm run -s build:main && npm run -s build:mini && npm run -s build:preact && npm run -s build:babel && npm run -s build:babel-transform-jsx",
+    "build": "npm run -s build:main && npm run -s build:mini && npm run -s build:preact && npm run -s build:react && npm run -s build:babel && npm run -s build:babel-transform-jsx",
     "build:main": "microbundle src/index.mjs -f es,umd --no-sourcemap --target web && microbundle src/cjs.mjs -f iife --no-sourcemap --target web",
     "build:mini": "microbundle src/index.mjs -o ./mini/index.js -f es,umd --no-sourcemap --target web --alias ./constants=./constants-mini && microbundle src/cjs.mjs -o ./mini/index.js -f iife --no-sourcemap --target web --alias ./constants=./constants-mini",
     "build:preact": "cd src/integrations/preact && npm run build",
+    "build:react": "cd src/integrations/react && npm run build",
     "build:babel": "cd packages/babel-plugin-htm && npm run build",
     "build:babel-transform-jsx": "cd packages/babel-plugin-transform-jsx-to-htm && npm run build",
     "test": "eslint src/**/*.mjs test/**/*.mjs && npm run build && jest test",
@@ -74,7 +75,8 @@
     "eslint-config-developit": "^1.1.1",
     "jest": "^24.1.0",
     "microbundle": "^0.10.1",
-    "preact": "^8.4.2"
+    "preact": "^8.4.2",
+    "react": "^16.8.3"
   },
   "dependencies": {},
   "peerDependencies": {

src/integrations/react/index.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+declare const html: (strings: TemplateStringsArray, ...values: any[]) => React.ReactElement;

src/integrations/react/index.mjs

@@ -0,0 +1,16 @@
+/**
+ * Copyright 2018 Google Inc. All Rights Reserved.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { createElement } from 'react';
+import htm from 'htm';
+export const html = htm.bind(createElement);

src/integrations/react/package.json

@@ -0,0 +1,12 @@
+{
+	"name": "htm_react",
+	"module": "index.mjs",
+	"main": "index.js",
+	"umd:main": "index.js",
+	"unpkg": "index.js",
+	"scripts": {
+		"build": "npm run -s build:main && npm run -s build:static",
+		"build:main": "microbundle index.mjs -o ../../../react/index.js -f es,umd --external react,htm --no-sourcemap --target web",
+		"build:static": "cp index.d.ts package.json ../../../react/"
+	}
+}