Remove playground from examples page (#322)

Author: mhawryluk

apps/typegpu-docs/src/components/ExampleList.tsx

@@ -1,18 +1,15 @@
-import {
-  PLAYGROUND_KEY,
-  examplesByCategory,
-} from '../utils/examples/exampleContent';
+import { examplesByCategory } from '../utils/examples/exampleContent';
 import { exampleCategories } from '../utils/examples/types';
 import { ExampleLink } from './ExampleLink';
 
 function ExampleList() {
   return (
     <>
       <nav className="flex flex-col flex-1 gap-7 py-4 overflow-y-auto min-w-64">
-        <ExampleLink key={PLAYGROUND_KEY} exampleKey={PLAYGROUND_KEY}>
+        {/* <ExampleLink key={PLAYGROUND_KEY} exampleKey={PLAYGROUND_KEY}>
           Playground
         </ExampleLink>
-        <hr />
+        <hr /> */}
         {exampleCategories.map((category) =>
           (examplesByCategory[category.key] ?? []).map((example) => (
             <ExampleLink key={example.key} exampleKey={example.key}>

apps/typegpu-docs/src/components/ExamplePage.tsx

@@ -1,8 +1,7 @@
 import { useAtom, useSetAtom } from 'jotai';
-import { decompressFromEncodedURIComponent } from 'lz-string';
 import { Suspense, useEffect, useRef } from 'react';
 import { currentExampleAtom } from '../utils/examples/currentExampleAtom';
-import { PLAYGROUND_KEY, examples } from '../utils/examples/exampleContent';
+import { examples } from '../utils/examples/exampleContent';
 import { ExampleNotFound } from './ExampleNotFound';
 import { ExampleView } from './ExampleView';
 
@@ -41,31 +40,31 @@ function ExamplePage() {
       return <RedirectToFlagship />;
     }
 
-    if (currentExample === PLAYGROUND_KEY) {
-      setCurrentExample(
-        `${PLAYGROUND_KEY}${localStorage.getItem(PLAYGROUND_KEY) ?? ''}`,
-      );
-    }
+    // if (currentExample === PLAYGROUND_KEY) {
+    //   setCurrentExample(
+    //     `${PLAYGROUND_KEY}${localStorage.getItem(PLAYGROUND_KEY) ?? ''}`,
+    //   );
+    // }
 
-    if (currentExample.startsWith(PLAYGROUND_KEY)) {
-      return (
-        <ExampleView
-          key={PLAYGROUND_KEY}
-          example={{
-            key: PLAYGROUND_KEY,
-            code:
-              decompressFromEncodedURIComponent(
-                currentExample.slice(PLAYGROUND_KEY.length),
-              ) ?? '',
-            metadata: {
-              title: 'Playground',
-              category: '',
-            },
-          }}
-          isPlayground={true}
-        />
-      );
-    }
+    // if (currentExample.startsWith(PLAYGROUND_KEY)) {
+    //   return (
+    //     <ExampleView
+    //       key={PLAYGROUND_KEY}
+    //       example={{
+    //         key: PLAYGROUND_KEY,
+    //         code:
+    //           decompressFromEncodedURIComponent(
+    //             currentExample.slice(PLAYGROUND_KEY.length),
+    //           ) ?? '',
+    //         metadata: {
+    //           title: 'Playground',
+    //           category: '',
+    //         },
+    //       }}
+    //       isPlayground={true}
+    //     />
+    //   );
+    // }
 
     if (currentExample in examples) {
       return (