react-rx 1.0.0-beta.3 → 1.0.0

package/website/vercel.json

@@ -0,0 +1,4 @@
+{
+  "version": 2,
+  "routes": [{"handle": "filesystem"}, {"src": "/.*", "dest": "/index.html"}]
+}

package/website/webpack/config.js

@@ -0,0 +1,5 @@
+const createConfig = require('./createConfig')
+
+const env = process.env.NODE_ENV === 'production' ? 'production' : 'development'
+
+module.exports = createConfig(env)

package/website/webpack/createConfig.js

@@ -0,0 +1,95 @@
+const path = require('path')
+const CopyPlugin = require('copy-webpack-plugin')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const webpack = require('webpack')
+const {CleanWebpackPlugin} = require('clean-webpack-plugin')
+
+module.exports = function createConfig(env) {
+  return {
+    mode: env,
+    entry: './src/entries/main.tsx',
+    output: {
+      path: path.resolve(__dirname, '..', 'public'),
+      filename: '[name]-[hash].js'
+    },
+    resolve: {
+      extensions: ['.tsx', '.ts', '.js']
+    },
+    plugins: [
+      new CleanWebpackPlugin(),
+      env === 'development' && new webpack.ProgressPlugin(),
+      new CopyPlugin({
+        patterns: ['a', 'b'].map((n) => ({
+          from: `src/examples/fetch/${n}.txt`,
+          to: `${n}.txt`
+        }))
+      }),
+      new HtmlWebpackPlugin({
+        template: 'src/index.html',
+        inject: true
+      })
+    ].filter(Boolean),
+    node: {
+      global: true,
+      fs: 'empty',
+      __filename: 'mock',
+      __dirname: 'mock'
+    },
+    module: {
+      rules: [
+        {
+          test: /\.([tj])sx?$/,
+          use: 'babel-loader',
+          exclude: /node_modules/
+        },
+        {
+          test: /\.mdx?$/,
+          use: ['babel-loader', path.resolve(__dirname, './mdx-toc-loader.js')]
+        },
+        {
+          test: /\.html$/,
+          use: 'html-loader'
+        },
+        {
+          test: /\.css$/i,
+          use: ['style-loader', 'css-loader']
+        }
+      ]
+    },
+    ...(env === 'development' && {
+      devServer: {
+        port: 3000,
+        host: '0.0.0.0',
+        historyApiFallback: true,
+        disableHostCheck: true
+      }
+    }),
+    devtool: env === 'development' ? 'source-map' : false,
+    ...(env === 'production' && {
+      optimization: {
+        usedExports: true,
+        minimize: true,
+        splitChunks: {
+          chunks: 'async',
+          minSize: 30000,
+          maxSize: 0,
+          minChunks: 1,
+          maxAsyncRequests: 6,
+          maxInitialRequests: 4,
+          automaticNameDelimiter: '~',
+          cacheGroups: {
+            defaultVendors: {
+              test: /[\\/]node_modules[\\/]/,
+              priority: -10
+            },
+            default: {
+              minChunks: 2,
+              priority: -20,
+              reuseExistingChunk: true
+            }
+          }
+        }
+      }
+    })
+  }
+}

package/website/webpack/mdx-toc-loader.js

@@ -0,0 +1,38 @@
+const mdx = require('@mdx-js/mdx')
+const toc = require('markdown-toc')
+const slug = require('remark-slug')
+const ghSlugger = require('github-slugger')
+const emoji = require('remark-emoji')
+
+const slugify = ghSlugger()
+
+module.exports = async function MdxTocLoader(src) {
+  const callback = this.async()
+
+  if (!callback) {
+    return
+  }
+
+  const mdxConfig = {
+    skipExport: true,
+    remarkPlugins: [emoji, slug]
+  }
+
+  const tocResult = toc(src, {slugify})
+
+  const compiled = mdx(src, mdxConfig)
+  const compiledToc = mdx(tocResult.content, mdxConfig)
+
+  const code = `/* @jsx mdx */
+import React from 'react';
+import { mdx } from '@mdx-js/react'
+export default ${iife(await compiled)};
+export const Toc = ${iife(await compiledToc)}
+`
+  return callback(null, code)
+}
+
+function iife(body) {
+  return `(function() {${body}
+return MDXContent})()`
+}