Fix module export

Author: bcomnes

README.md

@@ -71,33 +71,31 @@ yarn add netlify-identity-widget
 Import or require as usual:
 
 ```js
-import NetlifyIdentity from "netlify-identity-widget"
-// or
-const netlifyIdentity = require("netlify-identity-widget");
+import netlifyIdentity from "netlify-identity-widget"
 
 netlifyIdentity.init({
   container: "#netlify-modal" // defaults to document.body
 });
 
-identity.open() // open the modal
+netlifyIdentity.open() // open the modal
 
-identity.on('init', user => console.log(user))
-identity.on('login', login => console.log(user))
-identity.on('logout', () => console.log("Logged out"))
-identity.on('error', err => console.error("Logged out"))
-identity.on('open', () => console.log("Widget opened"))
-identity.on('close', () => console.log("Widget closed"))
+netlifyIdentity.on('init', user => console.log(user))
+netlifyIdentity.on('login', login => console.log(user))
+netlifyIdentity.on('logout', () => console.log("Logged out"))
+netlifyIdentity.on('error', err => console.error("Logged out"))
+netlifyIdentity.on('open', () => console.log("Widget opened"))
+netlifyIdentity.on('close', () => console.log("Widget closed"))
 
 // Close the modal
 identity.close()
 
 // Logout the user
-loginModal.logout();
+netlifyIdentity.logout();
 
 // Access the underlying gotrue instance.
 // Note that doing things directly through gotrue brings a risk of getting out of
 // sync between your state and the widgets state.
-identity.gotrue
+netlifyIdentity.gotrue
 ```
 
 ## Localhost

package.json

@@ -1,6 +1,7 @@
 {
   "name": "netlify-identity-widget",
   "version": "1.0.0",
+  "releaseVersion": "v1",
   "description": "Netlify Identity widget for easy integration",
   "scripts": {
     "dev": "cross-env NODE_ENV=development webpack-dev-server --inline --progress",
@@ -16,11 +17,7 @@
     "format-preview": "prettier --list-different 'src/**/*.js'"
   },
   "main": "./build/netlify-identity",
-  "keywords": [
-    "netlify",
-    "identity",
-    "authentication"
-  ],
+  "keywords": ["netlify", "identity", "authentication"],
   "license": "MIT",
   "author": "Matt Biilmann <[email protected]>",
   "devDependencies": {
@@ -48,13 +45,10 @@
     "postcss-loader": "^2.0.3",
     "prettier": "^1.6.1",
     "raw-loader": "^0.5.1",
-    "semver": "^5.4.1",
     "source-map-loader": "^0.2.1",
     "url-loader": "^0.5.8",
     "webpack": "^3.0.0",
-    "webpack-dev-server": "^2.4.4"
-  },
-  "dependencies": {
+    "webpack-dev-server": "^2.4.4",
     "gotrue-js": "^0.9.8",
     "mobx": "^3.2.2",
     "mobx-preact": "^0.3.1",
@@ -64,5 +58,6 @@
     "preact": "^8.1.0",
     "preact-compat": "^3.15.0",
     "serve": "^6.0.0"
-  }
+  },
+  "dependencies": {}
 }

script/release.js

@@ -1,7 +1,6 @@
 /* eslint no-console: "off" */
 const exec = require("child_process").execSync;
-const semver = require("semver");
-const version = "v" + semver(require("../package.json").version).major;
+const version = require("../package.json").releaseVersion;
 
 console.log("Building new release for ", version);
 

src/netlify-identity.js

@@ -212,7 +212,9 @@ function init(options) {
   };
   setStyle(iframe, iframeStyle);
   iframe.src = "about:blank";
-  const container = options.container ? document.querySelector : document.body;
+  const container = options.container
+    ? document.querySelector(options.container)
+    : document.body;
   container.appendChild(iframe);
   /* There's a certain case where we might have called setStyle before the iframe was ready.
 	   Make sure we take the last style and apply it */

webpack.config.babel.js

@@ -18,7 +18,9 @@ module.exports = {
   output: {
     path: path.resolve(__dirname, "build"),
     publicPath: "/",
-    filename: "[name].js"
+    filename: "[name].js",
+    library: "netlifyIdentity",
+    libraryTarget: "umd"
   },
 
   resolve: {