Skip to content

Latest commit

 

History

History
46 lines (38 loc) · 945 Bytes

README.md

File metadata and controls

46 lines (38 loc) · 945 Bytes

Solid.js playground editor (codemirror)

Usage

Installation

npm add solid-playground-editor-cm

Component

// create fileName signal
const [fileName, setFileName] = createSignal("index.tsx");
// create fileSystem store
const [files, setFiles] = createStore({
  "index.tsx": "// Start here",
  "index.css": ".selector { display: block; }",
  "test.json": "{ test: 2 }",
  "index.html": "<!doctype html><html><head><title>Test</title></head><body></body></html>"
} as Record<string, string>);

return (
  <Editor
    files={files}
    setFiles={setFiles}
    fileName={fileName()}
    setFileName={setFileName}
    tsOptions={{ strict: false }}
  />
);

Installation and development

# install
npm i --legacy-peer-deps
# build
npm run build
# dev
npm run dev