update for new api

Author: milomg

package.json

@@ -46,7 +46,7 @@
     "rollup-plugin-import-css": "^3.0.3",
     "rollup-plugin-windicss": "^1.8.7",
     "typescript": "^4.7.4",
-    "vite": "^3.0.4",
+    "vite": "^3.0.7",
     "vite-plugin-solid": "^2.3.0",
     "vite-plugin-windicss": "^1.8.7",
     "windicss": "^3.5.6",
@@ -65,7 +65,7 @@
     "monaco-textmate": "^3.0.1",
     "onigasm": "^2.2.5",
     "prettier": "^2.7.1",
-    "rollup": "^2.77.2",
+    "rollup": "^2.78.0",
     "solid-dismiss": "^1.2.1",
     "solid-heroicons": "^2.0.3",
     "solid-js": "1.4.8"

playground/pages/edit.tsx

@@ -10,7 +10,7 @@ import { API, useAppContext } from '../context';
 import { debounce } from '@solid-primitives/scheduled';
 import { defaultTabs } from '../../src';
 import type { Tab } from 'solid-repl';
-import type { APIRepl, ReplFile } from './home';
+import type { APIRepl } from './home';
 import { Header } from '../components/header';
 import { compressToURL } from '@amoutonbrady/lz-string';
 
@@ -92,7 +92,7 @@ export const Edit = (props: { horizontal: boolean }) => {
           output = {
             files: defaultTabs.map((x) => ({
               name: x.name,
-              content: x.source.split('\n'),
+              content: x.source,
             })),
           } as APIRepl;
           localStorage.setItem('scratchpad', JSON.stringify(output));
@@ -102,21 +102,13 @@ export const Edit = (props: { horizontal: boolean }) => {
       } else {
         output = await fetch(`${API}/repl/${repl}`, {
           headers: { authorization: context.token ? `Bearer ${context.token}` : '' },
-        })
-          .then((r) => r.json())
-          .then((r) => ({
-            ...r,
-            files: r.files.map((x: ReplFile) => ({
-              name: x.name + ((x as any).type ? `.${(x as any).type}` : ''),
-              content: typeof x.content == 'string' ? (x.content as string).split('\n') : x.content,
-            })),
-          }));
+        }).then((r) => r.json());
       }
 
       batch(() => {
         setTabs(
           output.files.map((x) => {
-            return { name: x.name, source: x.content.join('\n') };
+            return { name: x.name, source: x.content };
           }),
         );
         setCurrent(output.files[0].name);
@@ -128,29 +120,21 @@ export const Edit = (props: { horizontal: boolean }) => {
 
   const updateRepl = debounce(
     () => {
+      const files = tabs().map((x) => ({ name: x.name, content: x.source }));
+
       if (readonly()) {
-        localStorage.setItem(
-          'scratchpad',
-          JSON.stringify({
-            files: tabs()!.map((x) => ({
-              name: x.name,
-              content: x.source.split('\n'),
-            })),
-          }),
-        );
+        localStorage.setItem('scratchpad', JSON.stringify({ files }));
         disableFetch = true;
         navigate('/scratchpad');
         return;
+      } else if (scratchpad()) {
+        localStorage.setItem('scratchpad', JSON.stringify({ files }));
       }
 
       const repl = resource.latest;
       if (!repl) return;
 
-      const files = tabs().map((x) => ({ name: x.name, content: x.source.split('\n') }));
-
-      if (scratchpad()) {
-        localStorage.setItem('scratchpad', JSON.stringify({ files }));
-      } else if (context.token && context.user()?.display == params.user) {
+      if (context.token && context.user()?.display == params.user) {
         fetch(`${API}/repl/${params.repl}`, {
           method: 'PUT',
           headers: {

playground/pages/home.tsx

@@ -19,7 +19,7 @@ function parseHash<T>(hash: string, fallback: T): T {
 
 export interface ReplFile {
   name: string;
-  content: string[];
+  content: string;
 }
 export interface APIRepl {
   id: string;
@@ -52,8 +52,8 @@ export const Home = () => {
         'scratchpad',
         JSON.stringify({
           files: initialTabs.map((x) => ({
-            name: x.name + ((x as any).type ? `.${(x as any).type}` : ''),
-            content: x.source.split('\n'),
+            name: x.name,
+            content: x.source,
           })),
         }),
       );
@@ -110,9 +110,13 @@ export const Home = () => {
                     public: true,
                     labels: [],
                     version: '1.0',
-                    files: defaultTabs.map((x) => ({ name: x.name, content: x.source.split('\n') })),
+                    files: defaultTabs.map((x) => ({ name: x.name, content: x.source })),
                   }),
                 });
+                if (!result.ok) {
+                  alert('Failed to create repl');
+                  throw new Error(result.statusText);
+                }
                 const { id } = await result.json();
                 navigate(`/${context.user()?.display}/${id}`);
               }}