Remove playroom

ensdomains · Dec 2, 2024 · f14b6a0 · f14b6a0
1 parent 1d93468
commit f14b6a0
Show file tree

Hide file tree

Showing 22 changed files with 39 additions and 4,327 deletions.
diff --git a/.gitignore b/.gitignore
@@ -10,10 +10,6 @@ yarn-error.log*
 
 docs/.next/
 docs/out/
-docs/public/playroom/
-# Do not delete. This is a dummy file to ensure that cloudflare does not serve the original playroom index file.
-!docs/public/playroom/index.html
-docs/src/playroom/snippets
 
 components/dist/
 components/coverage/

diff --git a/.prettierignore b/.prettierignore
@@ -1,5 +1,4 @@
 docs/.next/
-docs/public/playroom/
 docs/out
 
 components/dist/

diff --git a/docs/next.config.mjs b/docs/next.config.mjs
@@ -39,36 +39,6 @@ const config = {
       },
     ],
   },
-  async rewrites() {
-    // Rewrite playroom urls for production
-    // if (process.env.NODE_ENV === 'production')
-    //   return [
-    //     {
-    //       source: '/playroom/preview',
-    //       destination: '/playroom/preview/index.html',
-    //     },
-    //     {
-    //       source: '/playroom/frame.html',
-    //       destination: '/playroom/frame.html',
-    //     },
-    //     {
-    //       source: '/playroom',
-    //       destination: '/playroom/index.html',
-    //     },
-    //   ]
-    return []
-  },
-  async redirects() {
-    if (process.env.NODE_ENV === 'production') return []
-    // Redirect playroom to local dev server in development
-    return [
-      {
-        source: '/playroom',
-        destination: 'http://localhost:8082',
-        permanent: false,
-      },
-    ]
-  },
   pageExtensions: ['mdx', 'tsx'],
   webpack(config) {
     config.resolve.alias['@ensdomains/thorin'] = path.resolve(

diff --git a/docs/package.json b/docs/package.json
@@ -5,8 +5,8 @@
   "scripts": {
     "build": "next build",
     "build:next": "next build",
-    "clean": "rm -rf .next public/playroom",
-    "dev": "NODE_OPTIONS='--inspect' next dev & playroom start",
+    "clean": "rm -rf .next",
+    "dev": "NODE_OPTIONS='--inspect' next dev",
     "start": "next start"
   },
   "dependencies": {
@@ -42,11 +42,8 @@
     "@types/react-dom": "^18.2.13",
     "@types/webpack-env": "^1.18.5",
     "@vanilla-extract/css": "^1.13.0",
-    "babel-loader": "^8.2.4",
-    "css-loader": "^6.8.1",
     "mini-css-extract-plugin": "^2.7.6",
     "react-docgen-typescript": "^2.1.1",
-    "style-loader": "^3.3.3",
     "typescript": "^5.7.2"
   }
 }
diff --git a/docs/playroom.config.cjs b/docs/playroom.config.cjs
diff --git a/docs/src/components/CodeBlock/CodeBlock.tsx b/docs/src/components/CodeBlock/CodeBlock.tsx
@@ -8,7 +8,6 @@ import vsDark from 'prism-react-renderer/themes/vsDark'
 import type { Colors } from '@ensdomains/thorin'
 
 import { useIsMounted } from '~/utils/isMounted'
-import { PlayroomStateProvider } from '~/playroom/PlayroomState'
 
 import { CopyButton } from '../CopyButton'
 import type { Props as CodePreviewProps } from '../CodePreview'
@@ -79,15 +78,13 @@ export const CodeBlock = ({
   if (!isMounted) return null
   if (live)
     return (
-      <PlayroomStateProvider>
-        <CodePreview
-          // backgroundColor={backgroundColor}
-          code={code}
-          expand={expand}
-          minHeight={minHeight}
-          theme={prismTheme}
-        />
-      </PlayroomStateProvider>
+      <CodePreview
+        // backgroundColor={backgroundColor}
+        code={code}
+        expand={expand}
+        minHeight={minHeight}
+        theme={prismTheme}
+      />
     )
 
   const language = className?.replace(/language-/, '') as Language

diff --git a/docs/src/components/CodePreview.tsx b/docs/src/components/CodePreview.tsx
@@ -9,15 +9,10 @@ import type { Colors } from '@ensdomains/thorin'
 import { Button, UpChevronSVG } from '@ensdomains/thorin'
 import * as Components from '@ensdomains/thorin'
 
-import { createPlayroomLink } from '~/utils/playroom'
-import { usePlayroomStore } from '~/playroom/PlayroomState'
-import { avatars } from '~/playroom/useScope'
-
 import { Prism } from './Prism'
-import ComponentWrapper from '../playroom/ComponentWrapper'
 import { CopyButton } from './CopyButton'
 import type { BoxProps } from '@ensdomains/thorin'
-import { Box, DownChevronSVG, OutlinkSVG } from '@ensdomains/thorin'
+import { Box, DownChevronSVG } from '@ensdomains/thorin'
 
 export type Props = {
   backgroundColor?: Colors
@@ -94,7 +89,6 @@ export const CodePreview = ({
   React.useEffect(() => {
     if (_code && _code !== code) setCode(_code)
   }, [_code])
-  const store = usePlayroomStore()
 
   return (
     <LiveProvider
@@ -103,12 +97,9 @@ export const CodePreview = ({
       scope={{
         mdx,
         ...Components,
-        ComponentWrapper,
-        ...store,
         previewRef,
         NextImage,
         NextLink,
-        avatars,
       }}
       theme={theme}
       transformCode={code => '/** @jsx mdx */' + code}
@@ -156,20 +147,6 @@ export const CodePreview = ({
             {state.expand ? 'Collapse Code' : 'Expand Code'}
           </Button>
         </div>
-
-        <div>
-          <Button
-            as="a"
-            colorStyle="transparent"
-            color="blue"
-            prefix={OutlinkSVG}
-            href={createPlayroomLink({ code })}
-            size="small"
-            target="_blank"
-          >
-            Playroom
-          </Button>
-        </div>
       </Box>
     </LiveProvider>
   )

diff --git a/docs/src/components/SideBar.tsx b/docs/src/components/SideBar.tsx
@@ -115,13 +115,6 @@ export const SideBar = ({ open, links }: { open: boolean, links: Links }) => {
             >
               Development
             </NavLink>
-            <NavLink
-              href="/guides/playroom"
-              active={router.asPath === '/guides/playroom'}
-              target="_blank"
-            >
-              Playroom
-            </NavLink>
             <NavLink href="/" active={router.asPath === '/'}>
               Design
             </NavLink>

diff --git a/docs/src/guides/development.mdx b/docs/src/guides/development.mdx
@@ -5,7 +5,7 @@ description: Guidelines for working on thorin
 
 ## Set Up
 
-Clone repository, install dependencies, and run the dev script to start the docs and playroom sites.
+Clone repository, install dependencies, and run the dev script to start the docs.
 
 ```bash
 gh repo clone @ensdomains/thorin
@@ -147,11 +147,11 @@ yarn build
 
 ## Common Issues
 
-### My component did not update in my mdx file or playroom.?
+### My component did not update in my mdx file?
 
 Update the component using `yarn build:component` and reload the page after the script has completed.
 
-### My snippet looks malformed or doesn't work in playroom
+### My snippet looks malformed
 
 Check if displayName has been added to component. If not, then you may need to conver the snippet to a string. See the [snippets section](#snippets) for more details.