Changing entry point

Author: cnocon

README.html

@@ -910,14 +910,14 @@ <h2 id="installation">Installation</h2>
 <pre><code class="language-bash"><div>npm install react-github-stats-card-v2
 </div></code></pre>
 <h2 id="example">Example:</h2>
-<pre><code class="language-js"><div><span class="hljs-keyword">import</span> Card <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;react-github-stats-card-v2&#x27;</span>;
+<pre><code class="language-js"><div><span class="hljs-keyword">import</span> { Card } <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;react-github-stats-card-v2&#x27;</span>;
 
 <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">myComponent</span>(<span class="hljs-params"></span>) </span>{
   <span class="hljs-keyword">return</span> <span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">Card</span> <span class="hljs-attr">username</span>=<span class="hljs-string">&#x27;cnocon&#x27;</span> <span class="hljs-attr">theme</span>=<span class="hljs-string">{true}</span> /&gt;</span></span>
 }
 </div></code></pre>
 <h2 id="note-if-you-run-into-rate-limiting-errors-from-github-you-can-pass-your-personal-access-token-demonstrated-below-to-increase-that-limit-be-sure-to-keep-any-hardcoded-access-token-values-out-of-your-code">Note: If you run into rate limiting errors from GitHub, you can pass your personal access token, demonstrated below, to increase that limit. Be sure to keep any hardcoded access token values out of your code!</h2>
-<pre><code class="language-js"><div><span class="hljs-keyword">import</span> Card <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;react-github-stats-card-v2&#x27;</span>;
+<pre><code class="language-js"><div><span class="hljs-keyword">import</span> { Card } <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;react-github-stats-card-v2&#x27;</span>;
 
 <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">myComponent</span>(<span class="hljs-params"></span>) </span>{
   <span class="hljs-keyword">return</span> <span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">Card</span> <span class="hljs-attr">username</span>=<span class="hljs-string">&#x27;cnocon&#x27;</span> <span class="hljs-attr">theme</span>=<span class="hljs-string">{true}</span> <span class="hljs-attr">accessToken</span>=<span class="hljs-string">MY_ACCESS_TOKEN/</span>&gt;</span></span>

README.md

@@ -13,7 +13,7 @@ npm install react-github-stats-card-v2
 ## Example:
 
 ```js
-import Card from 'react-github-stats-card-v2';
+import { Card } from 'react-github-stats-card-v2';
 
 function myComponent() {
   return <Card username='cnocon' theme={true} />
@@ -23,7 +23,7 @@ function myComponent() {
 ## Note: If you run into rate limiting errors from GitHub, you can pass your personal access token, demonstrated below, to increase that limit. Be sure to keep any hardcoded access token values out of your code!
 
 ```js
-import Card from 'react-github-stats-card-v2';
+import { Card } from 'react-github-stats-card-v2';
 
 function myComponent() {
   return <Card username='cnocon' theme={true} accessToken=MY_ACCESS_TOKEN/>

build/index.js

@@ -1,8 +1,8 @@
 {
   "name": "react-github-stats-card-v2",
-  "version": "0.0.9",
+  "version": "0.0.20",
   "private": false,
-  "main": "./build/index.js",
+  "main": "./src/index.js",
   "scripts": {
     "build": "webpack"
   },
@@ -31,14 +31,14 @@
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "react": "^17.0.1",
     "@babel/core": "^7.12.10",
     "@babel/preset-env": "^7.12.11",
     "@babel/preset-react": "^7.12.10",
     "babel-loader": "^8.2.2",
     "css-loader": "^5.0.1",
     "style-loader": "^2.0.0",
     "webpack": "^4.2",
-    "webpack-cli": "^4.3.0"
+    "webpack-cli": "^4.3.0",
+    "react": "^17.0.1"
   }
 }

package-lock.json

@@ -1,12 +1,12 @@
-var path = require("path");
+const path = require("path");
 
 module.exports = {
   mode: "production",
   entry: "./build/index.js",
   output: {
-    path: path.resolve("./build"),
-    publicPath: path.resolve("./build"),
+    path: path.resolve(__dirname, "build/"),
     filename: "index.js",
+    publicPath: '',
     libraryTarget: "commonjs2"
   },
   module: {
@@ -21,8 +21,5 @@ module.exports = {
         use: ["style-loader", "css-loader"],
       }
     ]
-  },
-  externals: {
-    react: "react"
   }
 };