feat: load snippet by id

Author: mo4islona

material-go-playground/example/index.jsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { render } from 'react-dom';
 import GoPlayground, { ShareButton } from 'material-go-playground';
 
-const code = `package main
+const defaultCode = `package main
 
 import (
   "fmt"
@@ -36,8 +36,14 @@ function Logo({style, color = '#00acd7'}) {
 
 function App() {
   const {width, height} = useWindowSize();
+  const {code, loading} = useSnippet();
+
   const _height = height - (width > 500 ? 64 : 56) - 8;
 
+  if(loading) {
+    return null
+  }
+
   return <GoPlayground
     title={width > 500 ? "The Go playground" : (width < 350 ? null : <Logo color="#fff" style={{position: "relative", top: 4, left: -4}}/>)}
     code={code}
@@ -68,6 +74,29 @@ function App() {
   />
 }
 
+function useSnippet() {
+  const snippet = window.location.hash.substring(1);
+
+  const [code, setCode] = useState(defaultCode)
+  const [loading, setLoading] = useState(snippet.length > 1)
+
+
+  useEffect(() => {
+    if(!loading) return;
+
+    fetch(`https://play.golang.org/p/${snippet}.go`).then((res) => {
+      return res.text().then((code) => {
+        setCode(code);
+        setLoading(false);
+      })
+    }).catch(() => {
+      setLoading(false);
+    })
+  }, [])
+
+  return { code, loading }
+}
+
 function useWindowSize() {
   function getSize() {
     return {

material-go-playground/example/main.js

@@ -16,7 +16,7 @@
     "@material-ui/core": "^4.11.0",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/styles": "^4.10.0",
-    "material-go-playground": "^0.2.9",
+    "material-go-playground": "^0.2.10",
     "react": "^16.14.0",
     "react-dom": "^16.14.0"
   },

material-go-playground/example/package.json

@@ -5187,10 +5187,10 @@ map-visit@^1.0.0:
   dependencies:
     object-visit "^1.0.0"
 
-material-go-playground@^0.2.9:
-  version "0.2.9"
-  resolved "https://registry.yarnpkg.com/material-go-playground/-/material-go-playground-0.2.9.tgz#0db3d16754f0cf9374306e7faf95567c2afd7129"
-  integrity sha512-Yl33fhF5jI6rQKJdDj9LCdyQqnTB7Unnx8Y7HPe16wBadfVNRt8wjZ7InVQ3vrIHyz64/v/wRHPEneV29+aFxg==
+material-go-playground@^0.2.10:
+  version "0.2.10"
+  resolved "https://registry.yarnpkg.com/material-go-playground/-/material-go-playground-0.2.10.tgz#0d8594f6da8222593aace6aa9a8d9145e0f750e9"
+  integrity sha512-g9AFfCXI96mZRq9U0f6/7fwDEvzLhb+oTRyGs0rbTgqDLo1Lko1lTtJRbeEJUuJBAusmIc3vpZZQhgqYflqD8Q==
   dependencies:
     "@material-ui/icons" "^4.2.1"
     codemirror "^5.48.2"