Solid-playground-editor-cm NPM

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

@codemirror/autocomplete @codemirror/commands @codemirror/lang-css @codemirror/lang-html @codemirror/lang-json @codemirror/lang-javascript @codemirror/language @codemirror/lint @codemirror/search @codemirror/state @codemirror/theme-one-dark @codemirror/view @types/node @typescript/vfs solid-js typescript typescript-language-server

@everything-registry/sub-chunk-2795

0.2.0

1 year ago

0.1.1

1 year ago

0.1.0

1 year ago