MCPcopy Index your code
hub / github.com/DSchau/css-in-js-playground

github.com/DSchau/css-in-js-playground @1.1.0

Chat with this repo
repository ↗ · DeepWiki ↗ · release 1.1.0 ↗ · + Follow
221 symbols 406 edges 100 files 0 documented · 0% updated 8y ago★ 9012 open issues
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

css-in-js-playground

Build Status Greenkeeper badge

A simple CodeMirror editor showcasing the various CSS in JS styling solutions. Content is previewed live from the editor, and various styling solutions can be swapped out to see how various code snippets look in each.

CSS in JS Playground

Currently supported libraries

Credits

Stripe: their excellent form mockup served as the basis for each of the current form designs.

Extension points exported contracts — how you extend this code

MessageEvent (Interface)
(no doc)
src/Worker.ts
Props (Interface)
(no doc)
src/App.tsx
Props (Interface)
(no doc)
src/components/Accessible/index.tsx
State (Interface)
(no doc)
src/utils/offline.tsx
StyleBase (Interface)
(no doc)
src/style/theme.ts
Module (Interface)
(no doc)
src/interfaces/module.ts
Props (Interface)
(no doc)
src/components/CodePreview/display-error.tsx
Props (Interface)
(no doc)
src/utils/offline.tsx

Core symbols most depended-on inside this repo

importStatement
called by 9
src/utils/libraries.ts
replaceHistory
called by 6
src/utils/history.ts
onActiveChange
called by 3
src/components/Header/Toolbar/index.tsx
handleInputChange
called by 2
src/snippets/cxs/form.js
onUpdate
called by 2
src/components/CodeEditor/index.tsx
onSelect
called by 2
src/components/Header/index.tsx
capitalize
called by 2
src/utils/string.ts
compress
called by 2
src/utils/uri-utils.ts

Shape

Method 88
Function 56
Class 41
Interface 35
Enum 1

Languages

TypeScript100%

Modules by API surface

src/components/Header/index.tsx11 symbols
src/components/Header/Toolbar/file-input.tsx11 symbols
src/components/Timer/index.tsx10 symbols
src/components/CodeEditor/index.tsx10 symbols
src/utils/offline.tsx9 symbols
src/components/Header/Toolbar/index.tsx9 symbols
src/snippets/react-jss/form.js8 symbols
src/components/Provider/index.ts8 symbols
src/components/Footer/index.tsx8 symbols
src/snippets/styled-components/Form.js7 symbols
src/snippets/linaria/form.js7 symbols
src/snippets/jss/form.js7 symbols

For agents

$ claude mcp add css-in-js-playground \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page