webpacker-react 0.3.2 → 1.0.0.beta.1

data/javascript/webpacker_react-npm-module/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webpacker-react",
-  "version": "0.3.2",
+  "version": "1.0.0-beta.1",
   "description": "Javascript",
   "main": "index.js",
   "homepage": "https://github.com/renchap/webpacker-react",
@@ -16,11 +16,13 @@
   "files": [
     "index.js",
     "configure-hot-module-replacement.js",
-    "hmr.js",
     "ujs.js"
   ],
   "scripts": {
     "prepublish": "cd .. ; yarn run build"
   },
-  "license": "MIT"
+  "license": "MIT",
+  "dependencies": {
+    "webpack-merge": "^4.1.1"
+  }
 }

data/javascript/webpacker_react-npm-module/dist/yarn.lock

@@ -2,3 +2,12 @@
 # yarn lockfile v1
 
 
+lodash@^4.17.4:
+  version "4.17.4"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.4.tgz#78203a4d1c328ae1d86dca6460e369b57f4055ae"
+
+webpack-merge@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-4.1.1.tgz#f1197a0a973e69c6fbeeb6d658219aa8c0c13555"
+  dependencies:
+    lodash "^4.17.4"

data/javascript/webpacker_react-npm-module/package.json

@@ -2,17 +2,17 @@
   "name": "webpacker-react-build",
   "private": true,
   "scripts": {
-    "build": "babel src --presets=babel-preset-es2015 --out-dir dist",
+    "build": "babel src --out-dir dist",
     "lint": "eslint src/"
   },
   "devDependencies": {
     "babel-cli": "^6.18.0",
-    "babel-preset-es2015": "^6.22.0",
-    "eslint": "^4.6.1",
-    "eslint-config-airbnb": "^15.1.0",
-    "eslint-plugin-import": "^2.7.0",
-    "eslint-plugin-jsx-a11y": "^5.1.1",
-    "eslint-plugin-react": "^7.3.0"
+    "babel-preset-env": "^1.6.1",
+    "eslint": "^5.3.0",
+    "eslint-config-airbnb": "^17.0.0",
+    "eslint-plugin-import": "^2.9.0",
+    "eslint-plugin-jsx-a11y": "^6.0.3",
+    "eslint-plugin-react": "^7.7.0"
   },
   "dependencies": {
     "lodash": "^4.0.0"

data/javascript/webpacker_react-npm-module/src/configure-hot-module-replacement.js

@@ -1,16 +1,7 @@
-import webpack from 'webpack'
 import merge from 'webpack-merge'
 
-function configureHotModuleReplacement(originalConfig) {
-  const config = merge(
-    originalConfig,
-    {
-      plugins: [
-        new webpack.NamedModulesPlugin()
-      ]
-    }
-  )
-
+function configureHotModuleReplacement(origConfig) {
+  const config = origConfig
   config.module.rules = config.module.rules.map((rule) => {
     if (rule.loader === 'babel-loader') {
       return merge(rule, { options: { plugins: ['react-hot-loader/babel'] } })
@@ -18,12 +9,6 @@ function configureHotModuleReplacement(originalConfig) {
     return rule
   })
 
-  Object.keys(config.entry).forEach((key) => {
-    if (!(config.entry[key] instanceof Array)) {
-      config.entry[key] = [config.entry[key]]
-    }
-    config.entry[key].unshift('react-hot-loader/patch')
-  })
   return config
 }
 

data/javascript/webpacker_react-npm-module/src/index.js

@@ -11,38 +11,14 @@ const PROPS_ATTRIBUTE_NAME = 'data-react-props'
 
 const WebpackerReact = {
   registeredComponents: {},
-  wrapForHMR: null,
 
   render(node, component) {
     const propsJson = node.getAttribute(PROPS_ATTRIBUTE_NAME)
     const props = propsJson && JSON.parse(propsJson)
 
-    let reactElement = React.createElement(component, props)
-    if (this.wrapForHMR) {
-      reactElement = this.wrapForHMR(reactElement)
-    }
-    ReactDOM.render(reactElement, node)
-  },
-
-  renderOnHMR(component) {
-    const name = component.name
-
-    this.registeredComponents[name] = component
-
-    if (!this.wrapForHMR) {
-      console.warn('webpacker-react: renderOnHMR called but not elements not wrapped for HMR')
-    }
+    const reactElement = React.createElement(component, props)
 
-    const toMount = document.querySelectorAll(`[${CLASS_ATTRIBUTE_NAME}=${name}]`)
-    for (let i = 0; i < toMount.length; i += 1) {
-      const node = toMount[i]
-
-      this.render(node, component)
-    }
-  },
-
-  registerWrapForHMR(wrapForHMR) {
-    this.wrapForHMR = wrapForHMR
+    ReactDOM.render(reactElement, node)
   },
 
   registerComponents(components) {
@@ -63,7 +39,7 @@ const WebpackerReact = {
   },
 
   mountComponents() {
-    const registeredComponents = this.registeredComponents
+    const { registeredComponents } = this
     const toMount = document.querySelectorAll(`[${CLASS_ATTRIBUTE_NAME}]`)
 
     for (let i = 0; i < toMount.length; i += 1) {
@@ -74,7 +50,7 @@ const WebpackerReact = {
       if (component) {
         if (node.innerHTML.length === 0) this.render(node, component)
       } else {
-        console.error(`webpacker-react: cant render a component that has not been registered: ${className}`)
+        console.error(`webpacker-react: can not render a component that has not been registered: ${className}`)
       }
     }
   },

data/javascript/webpacker_react-npm-module/src/ujs.js

@@ -19,7 +19,7 @@ const ujs = {
 
   setup(onMount, onUnmount) {
     const $ = (typeof window.jQuery !== 'undefined') && window.jQuery
-    const Turbolinks = window.Turbolinks
+    const { Turbolinks } = window
 
     // Detect which kind of events to set up:
     if (typeof Turbolinks !== 'undefined' && Turbolinks.supported) {
@@ -46,7 +46,7 @@ const ujs = {
   },
 
   turbolinksClassic(onMount, onUnmount) {
-    const Turbolinks = window.Turbolinks
+    const { Turbolinks } = window
 
     this.handleEvent(Turbolinks.EVENTS.CHANGE, onMount)
     this.handleEvent(Turbolinks.EVENTS.BEFORE_UNLOAD, onUnmount)
@@ -57,7 +57,7 @@ const ujs = {
     // have named events and didn't have a before-unload event.
     // Also, it didn't work with the Turbolinks cache, see
     // https://github.com/reactjs/react-rails/issues/87
-    const Turbolinks = window.Turbolinks
+    const { Turbolinks } = window
     Turbolinks.pagesCached(0)
     this.handleEvent('page:change', onMount)
     this.handleEvent('page:receive', onUnmount)