fix playground

Author: dimaMachina

packages/plugin/src/cache.ts

@@ -8,11 +8,17 @@ export class ModuleCache<K, T> {
   map = new Map<K, { lastSeen: [number, number]; result: T }>();
 
   set(cacheKey: K, result: T): void {
+    // Remove server-side cache code in browser
+    if (typeof window !== 'undefined') return;
+
     this.map.set(cacheKey, { lastSeen: process.hrtime(), result });
     log('setting entry for', cacheKey);
   }
 
   get(cacheKey: K, settings = { lifetime: 10 /* seconds */ }): T | void {
+    // Remove server-side cache code in browser
+    if (typeof window !== 'undefined') return;
+
     const value = this.map.get(cacheKey);
     if (!value) {
       log('cache miss for', cacheKey);

website/src/components/play-page.tsx

@@ -163,10 +163,10 @@ export function PlayPage(): ReactElement {
         documents={operation}
         selectedRules={{
           // @ts-expect-error -- TODO: fix type error
-          ...(schemaConfig && configs[`flat/${schemaConfig}`].rules),
+          ...(schemaConfig && configs[`flat/${schemaConfig}`]),
           ...(schemaRule && {
             [`@graphql-eslint/${schemaRule}`]:
-              configs['flat/schema-all'].rules[`@graphql-eslint/${schemaRule}`],
+              configs['flat/schema-all'][`@graphql-eslint/${schemaRule}`],
           }),
         }}
         onChange={setSchema}
@@ -179,10 +179,10 @@ export function PlayPage(): ReactElement {
         documents={operation}
         selectedRules={{
           // @ts-expect-error -- TODO: fix type error
-          ...(operationConfig && configs[`flat/${operationConfig}`].rules),
+          ...(operationConfig && configs[`flat/${operationConfig}`]),
           ...(operationRule && {
             [`@graphql-eslint/${operationRule}`]:
-              configs['flat/operations-all'].rules[`@graphql-eslint/${operationRule}`],
+              configs['flat/operations-all'][`@graphql-eslint/${operationRule}`],
           }),
         }}
         onChange={setOperation}