Fix demo fetching, update the site

enigma-io · Jan 25, 2017 · 1968c5f · 1968c5f
1 parent 57927a6
commit 1968c5f
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 11 deletions.
diff --git a/README.md b/README.md
@@ -34,7 +34,7 @@ Next time your project's CSS is built, Boundless's CSS will automatically be com
 ## Developing Boundless
 
 ```bash
-git clone [email protected]:bibliotech/uikit.git boundless
+git clone [email protected]:enigma-io/boundless.git boundless
 cd boundless
 
 npm i

diff --git a/docs/404.html b/docs/404.html
@@ -1 +1 @@
-<!DOCTYPE html><html><head><base href="https://enigma-io.github.io/boundless/"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Boundless</title><link href="assets/main.351262e1a11251747ee9cb7fd9ea0821.css" rel="stylesheet"></head><body><div id="root"></div><script src="//cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react-dom.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/prism.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/components/prism-javascript.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/components/prism-bash.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/components/prism-jsx.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/components/prism-stylus.min.js"></script><script src="//cdn.polyfill.io/v2/polyfill.js?features=fetch,promise"></script><script type="text/javascript" src="assets/vendor.e55ede95f9da71dbd7ac.js"></script><script type="text/javascript" src="assets/main.7cb9b0794dd95a7581b5.js"></script></body></html><!-- Built from SHA: bf6949af2b510cc8436fad192a23483abf593848 -->
+<!DOCTYPE html><html><head><base href="https://enigma-io.github.io/boundless/"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Boundless</title><link href="assets/main.351262e1a11251747ee9cb7fd9ea0821.css" rel="stylesheet"></head><body><div id="root"></div><script src="//cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react-dom.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/prism.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/components/prism-javascript.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/components/prism-bash.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/components/prism-jsx.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/components/prism-stylus.min.js"></script><script src="//cdn.polyfill.io/v2/polyfill.js?features=fetch,promise"></script><script type="text/javascript" src="assets/vendor.e50708b7f598d184769c.js"></script><script type="text/javascript" src="assets/main.ed9fbb868e87fb340ce5.js"></script></body></html><!-- Built from SHA: 57927a67053e7af405829de3d38ac9f002e9175b -->
diff --git a/docs/assets/main.7cb9b0794dd95a7581b5.js → docs/assets/main.ed9fbb868e87fb340ce5.js b/docs/assets/main.7cb9b0794dd95a7581b5.js → docs/assets/main.ed9fbb868e87fb340ce5.js
diff --git a/docs/assets/vendor.e55ede95f9da71dbd7ac.js → docs/assets/vendor.e50708b7f598d184769c.js b/docs/assets/vendor.e55ede95f9da71dbd7ac.js → docs/assets/vendor.e50708b7f598d184769c.js
diff --git a/scripts/webpack.config.js b/scripts/webpack.config.js
@@ -18,7 +18,7 @@ module.exports = {
             loader: 'raw-loader',
         }, {
             test: /\.styl$/,
-            loader: 'style-loader!css-loader?url=fase!stylus-loader?sourceMap',
+            loader: 'style-loader!css-loader?url=false!stylus-loader?sourceMap',
         }],
     },
     externals: {

diff --git a/site/component-page.js b/site/component-page.js
@@ -188,6 +188,15 @@ export default class ComponentPage extends React.PureComponent {
         );
     }
 
+    fetchDemo = () => {
+        return new Promise((resolve, reject) => {
+            fetch(getPackageIndexURI(this.props.packageName)).then(
+                (response) => response.ok ? response.json().then(resolve, reject) : reject(error),
+                (error) => reject(error),
+            );
+        });
+    }
+
     // the implementation won't be fetchable until the repo is made public
     maybeRenderDemo() {
         if (this.props.demo) {
@@ -207,15 +216,15 @@ export default class ComponentPage extends React.PureComponent {
                         teaserExpanded='Hide Implementation'>
                         {() => (
                             <Boundless.Async
-                                data={fetch(getPackageIndexURI(this.props.packageName))}
+                                data={this.fetchDemo()}
                                 contentRenderedFunc={() => window.Prism.highlightAll()}
-                                convertToJSXFunc={(response) => response.ok ? (
+                                convertToJSXFunc={(json) => (
                                     <pre className='demo-implementation'>
                                         <code className='language-jsx'>
-                                            {atob(response.json().content)}
+                                            {atob(json.content)}
                                         </code>
                                     </pre>
-                                ) : (<p>Content could not be loaded. You need to be logged into Github so the demo file can be fetched.</p>)}
+                                )}
                                 errorContent='There was a network failure retrieving the demo.' />
                         )}
                     </Boundless.ProgressiveDisclosure>
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!DOCTYPE html><html><head><base href="https://enigma-io.github.io/boundless/"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Boundless</title><link href="assets/main.351262e1a11251747ee9cb7fd9ea0821.css" rel="stylesheet"></head><body><div id="root"></div><script src="//cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react-dom.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/prism.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/components/prism-javascript.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/components/prism-bash.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/components/prism-jsx.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/components/prism-stylus.min.js"></script><script src="//cdn.polyfill.io/v2/polyfill.js?features=fetch,promise"></script><script type="text/javascript" src="assets/vendor.e55ede95f9da71dbd7ac.js"></script><script type="text/javascript" src="assets/main.7cb9b0794dd95a7581b5.js"></script></body></html><!-- Built from SHA: bf6949af2b510cc8436fad192a23483abf593848 -->
		<!DOCTYPE html><html><head><base href="https://enigma-io.github.io/boundless/"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Boundless</title><link href="assets/main.351262e1a11251747ee9cb7fd9ea0821.css" rel="stylesheet"></head><body><div id="root"></div><script src="//cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react-dom.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/prism.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/components/prism-javascript.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/components/prism-bash.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/components/prism-jsx.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/components/prism-stylus.min.js"></script><script src="//cdn.polyfill.io/v2/polyfill.js?features=fetch,promise"></script><script type="text/javascript" src="assets/vendor.e50708b7f598d184769c.js"></script><script type="text/javascript" src="assets/main.ed9fbb868e87fb340ce5.js"></script></body></html><!-- Built from SHA: 57927a67053e7af405829de3d38ac9f002e9175b -->