From e3a194c7ddcd9bdccecfa0e755000525bce7f52a Mon Sep 17 00:00:00 2001
From: Andrew Prifer <2991360+AndrewPrifer@users.noreply.github.com>
Date: Tue, 22 Nov 2022 16:05:11 +0100
Subject: [PATCH] Playground improvements (#342)

Remove previews, add vs code task, open in chrome
---
 .vscode/tasks.json                                        | 7 +++++++
 .../playground/devEnv/home/ItemSectionWithPreviews.tsx    | 8 ++++----
 packages/playground/devEnv/openForOS.ts                   | 2 +-
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/.vscode/tasks.json b/.vscode/tasks.json
index 9f0cc32..be8103b 100644
--- a/.vscode/tasks.json
+++ b/.vscode/tasks.json
@@ -15,6 +15,13 @@
       "type": "shell",
       "command": "yarn tsc --build --watch ./devEnv/typecheck-all-projects/tsconfig.all.json",
       "problemMatcher": ["$tsc-watch"]
+    },
+    {
+      "type": "npm",
+      "script": "playground",
+      "problemMatcher": [],
+      "label": "Playground",
+      "detail": "yarn workspace playground run serve"
     }
   ]
 }
diff --git a/packages/playground/devEnv/home/ItemSectionWithPreviews.tsx b/packages/playground/devEnv/home/ItemSectionWithPreviews.tsx
index 8460828..50f1347 100644
--- a/packages/playground/devEnv/home/ItemSectionWithPreviews.tsx
+++ b/packages/playground/devEnv/home/ItemSectionWithPreviews.tsx
@@ -15,9 +15,9 @@ export const ItemSectionWithPreviews = (props: {
           return (
             <ItemContainer key={`li-${moduleName}`}>
               <ItemLink href={href}>
-                <PreviewContainer>
+                {/* <PreviewContainer>
                   <iframe src={href} frameBorder="0" tabIndex={-1} />
-                </PreviewContainer>
+                </PreviewContainer> */}
                 <ItemDesc>
                   <h3>{moduleName}</h3>
                   <p>{href}</p>
@@ -80,9 +80,9 @@ const ItemContainer = styled.div`
 `
 
 const ItemListContainer = styled.div`
-  display: flex;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
   gap: 1rem;
-  flex-wrap: wrap;
 
   margin-bottom: 2rem;
 `
diff --git a/packages/playground/devEnv/openForOS.ts b/packages/playground/devEnv/openForOS.ts
index c7f26d0..b848027 100644
--- a/packages/playground/devEnv/openForOS.ts
+++ b/packages/playground/devEnv/openForOS.ts
@@ -2,7 +2,7 @@ import {spawn} from 'child_process'
 
 export function openForOS(hostedAt: string) {
   const open = {
-    darwin: ['open'],
+    darwin: ['open', '-a', 'Google Chrome'],
     linux: ['xdg-open'],
     win32: ['cmd', '/c', 'start'],
   }