GLRenderer: temporarily disables it from slate-react-system, cuts a new release 0.0.3

components/system/index.js

@@ -6,9 +6,6 @@ import { PeersList } from "~/components/system/modules/PeersList";
 import { CreateFilecoinAddress } from "~/components/system/modules/CreateFilecoinAddress";
 import { CreateFilecoinStorageDeal } from "~/components/system/modules/CreateFilecoinStorageDeal";
 
-// NOTE(jim): Experimental
-import GLRenderer from "~/components/three/GLRenderer";
-
 // NOTE(jim): Components
 import {
   ButtonPrimary,
@@ -52,8 +49,6 @@ import * as OldSVG from "~/common/svg";
 
 // NOTE(jim): Export everything.
 export {
-  // NOTE(jim): Experimental
-  GLRenderer,
   // NOTE(jim): Modules
   CreateToken,
   PeersList,

package.json

@@ -41,6 +41,7 @@
     "ws": "^7.3.0"
   },
   "devDependencies": {
+    "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^8.1.0",
     "rollup": "^2.18.1",
     "rollup-plugin-babel": "^4.4.0",

pages/system/globe.js

@@ -1,20 +1,27 @@
-import * as React from 'react';
-import * as System from '~/components/system';
+import * as React from "react";
+import * as System from "~/components/system";
 
-import GLRenderer from '~/components/three/GLRenderer';
-import SystemPage from '~/components/system/SystemPage';
-import ViewSourceLink from '~/components/system/ViewSourceLink';
+import GLRenderer from "~/components/three/GLRenderer";
+import SystemPage from "~/components/system/SystemPage";
+import ViewSourceLink from "~/components/system/ViewSourceLink";
 
 export default class SystemPageGlobe extends React.Component {
   render() {
     return (
-      <SystemPage title="SDS: Globe" description="..." url="https://fps.onrender.com/system/globe">
+      <SystemPage
+        title="SDS: Globe"
+        description="..."
+        url="https://fps.onrender.com/system/globe"
+      >
         <System.H1>
           Globe <ViewSourceLink file="system/globe.js" />
         </System.H1>
         <br />
         <br />
-        <System.P>The Globe component is used to show peers and file transfers on the Filecoin network.</System.P>
+        <System.P>
+          The Globe component is used to show peers and file transfers on the
+          Filecoin network.
+        </System.P>
         <br />
         <br />
         <br />
@@ -22,13 +29,14 @@ export default class SystemPageGlobe extends React.Component {
         <hr />
         <br />
         <System.P>
-          Import React and the GLRenderer Components.
+          Import React and the GLRenderer Components. Unfortunately the
+          GLRenderer is not usable outside of this application.
         </System.P>
         <br />
         <br />
         <System.CodeBlock>
-{`import * as React from 'react';
-import { GLRenderer } from 'slate-react-system';`}
+          {`import * as React from 'react';
+import GLRenderer from '~/components/three/GLRenderer';`}
         </System.CodeBlock>
         <br />
         <br />
@@ -38,13 +46,14 @@ import { GLRenderer } from 'slate-react-system';`}
         <System.P>Declare the Globe component.</System.P>
         <br />
         <System.CodeBlock>
-{`class ExampleOne extends React.Component {
+          {`class ExampleOne extends React.Component {
    render() {
        return(
           <GLRenderer width={768} height={480} />
        )
    }
-}`}</System.CodeBlock>
+}`}
+        </System.CodeBlock>
         <br />
         <br />
         <System.H2>Output</System.H2>

rollup.config.js

@@ -2,6 +2,7 @@ import babel from "rollup-plugin-babel";
 import commonjs from "rollup-plugin-commonjs";
 import resolve from "@rollup/plugin-node-resolve";
 import { terser } from "rollup-plugin-terser";
+import json from "@rollup/plugin-json";
 
 const input = "./components/system/index.js";
 
@@ -14,8 +15,9 @@ const generateOutput = (outputPath) => {
     },
     external: ["@emotion/react", "react", "react-dom"],
     plugins: [
+      json({ exclude: ["node_modules/**"], compact: true }),
       babel({
-        exclude: "node_modules/**",
+        exclude: ["node_modules/**", "**/*.json"],
         runtimeHelpers: true,
       }),
       resolve(),