feat: init

renbaoshuo · renbaoshuo · commit 2c39cce78abc · 2022-03-04T07:09:32.000+08:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,4 @@
+node_modules/
+
+*-error.log
+*-lock.json
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Baoshuo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
@@ -0,0 +1,20 @@
+# JSX Renderer for Hexo
+
+[![Author](https://img.shields.io/badge/Author-Baoshuo-b68469.svg?style=flat-square)](https://baoshuo.ren)
+[![Version](https://img.shields.io/github/v/release/renbaoshuo/hexo-renderer-jsx?color=%235755d9&include_prereleases&label=version&style=flat-square)](https://github.com/renbaoshuo/hexo-renderer-jsx/releases)
+[![Repo Size](https://img.shields.io/github/repo-size/renbaoshuo/hexo-renderer-jsx?style=flat-square)](https://github.com/renbaoshuo/hexo-renderer-jsx)
+
+## Install
+
+```bash
+npm install hexo-renderer-jsx --save
+# or use yarn:
+#   yarn add hexo-renderer-jsx
+```
+
+## Author
+
+**hexo-renderer-jsx** © [Baoshuo](https://github.com/renbaoshuo), Released under the [MIT](./LICENSE) License.<br>
+Authored and maintained by Baoshuo with help from [contributors](https://github.com/renbaoshuo/hexo-renderer-jsx/contributors).
+
+> [Personal Website](https://baoshuo.ren) · [Blog](https://blog.baoshuo.ren) · GitHub [@renbaoshuo](https://github.com/renbaoshuo) · Twitter [@renbaoshuo](https://twitter.com/renbaoshuo)
diff --git a/index.js b/index.js
@@ -0,0 +1,14 @@
+/* global hexo */
+
+'use strict';
+
+const compile = require('./lib/compile');
+
+function renderer(data, locals) {
+    return compile(data)(locals);
+}
+
+renderer.compile = compile;
+renderer.disableNunjucks = true;
+
+hexo.extend.renderer.register('jsx', 'html', renderer, true);
diff --git a/lib/compile.js b/lib/compile.js
@@ -0,0 +1,31 @@
+const React = require('react');
+const ReactDOMServer = require('react-dom/server');
+
+require('@babel/register')({
+    plugins: [
+        [
+            '@babel/plugin-transform-react-jsx',
+            {
+                runtime: 'automatic',
+            },
+        ],
+    ],
+    presets: [['@babel/preset-env', { targets: { node: true } }]],
+});
+
+function compile(data) {
+    const Component = require(data.path);
+
+    return function render(locals) {
+        const element = React.createElement(Component.default || Component, locals);
+        let renderedHTML = ReactDOMServer.renderToStaticMarkup(element);
+
+        if (renderedHTML.slice(0, 5).toLowerCase() === '<html') {
+            renderedHTML = '<!DOCTYPE html>' + renderedHTML;
+        }
+
+        return renderedHTML;
+    };
+}
+
+module.exports = compile;
diff --git a/package.json b/package.json
@@ -0,0 +1,16 @@
+{
+  "name": "hexo-renderer-jsx",
+  "version": "1.0.0",
+  "description": "JSX Renderer for Hexo.",
+  "main": "index.js",
+  "repository": "https://github.com/renbaoshuo/hexo-renderer-jsx.git",
+  "author": "Baoshuo Ren <i@baoshuo.ren>",
+  "license": "MIT",
+  "dependencies": {
+    "@babel/plugin-transform-react-jsx": "^7.17.3",
+    "@babel/preset-env": "^7.16.11",
+    "@babel/register": "^7.17.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  }
+}
