ruff/playground
Charlie Marsh 12489d3305
Minor tweaks to playground color scheme (#5754)
## Summary

I kind of hate the light mode theme, but they now use colors from our
actual palette:

<img width="1792" alt="Screen Shot 2023-07-13 at 10 15 14 PM"
src="https://github.com/astral-sh/ruff/assets/1309177/f1da0153-d6ed-4b65-9419-b824f2cad614">
<img width="1792" alt="Screen Shot 2023-07-13 at 10 15 12 PM"
src="https://github.com/astral-sh/ruff/assets/1309177/d9452e10-796b-4b7f-bf3f-7af6e0b14fc0">
<img width="1792" alt="Screen Shot 2023-07-13 at 10 15 10 PM"
src="https://github.com/astral-sh/ruff/assets/1309177/f75e7c1c-3b5a-4a78-8bb8-d8b4d40a337d">
<img width="1792" alt="Screen Shot 2023-07-13 at 10 15 07 PM"
src="https://github.com/astral-sh/ruff/assets/1309177/52c23108-b9c2-4a1f-adf0-e11098dbdc5d">
2023-07-13 22:37:18 -04:00
..
public Use Ruff favicon for playground (#5752) 2023-07-14 01:11:44 +00:00
src Minor tweaks to playground color scheme (#5754) 2023-07-13 22:37:18 -04:00
.eslintrc Enable Quick Fix in the playground (#1395) 2022-12-26 19:25:50 -05:00
.gitignore Add ESLint, Prettier, and TypeScript checks (#1384) 2022-12-26 15:08:22 -05:00
.prettierrc.json Use trailingComma: 'all' (#1457) 2022-12-29 19:36:51 -05:00
README.md Fix nested lists in CONTRIBUTING.md (#5721) 2023-07-13 16:32:59 +00:00
index.html Use Ruff favicon for playground (#5752) 2023-07-14 01:11:44 +00:00
package-lock.json Bump json5 from 1.0.1 to 1.0.2 in /playground (#4354) 2023-05-10 16:34:37 +00:00
package.json Re-style the Ruff playground (#1438) 2022-12-29 11:47:27 -05:00
postcss.config.cjs Re-style the Ruff playground (#1438) 2022-12-29 11:47:27 -05:00
tailwind.config.cjs Minor tweaks to playground color scheme (#5754) 2023-07-13 22:37:18 -04:00
tsconfig.json Web playground with WASM (#1279) 2022-12-26 12:09:17 -05:00
tsconfig.node.json Web playground with WASM (#1279) 2022-12-26 12:09:17 -05:00
vite.config.ts Web playground with WASM (#1279) 2022-12-26 12:09:17 -05:00

README.md

playground

In-browser playground for Ruff. Available https://play.ruff.rs/.

Getting started

  • To build the WASM module, run wasm-pack build ../crates/ruff_wasm --target web --out-dir ../../playground/src/pkg from the ./playground directory.
  • Install TypeScript dependencies with: npm install.
  • Start the development server with: npm run dev.

Implementation

Design based on Tailwind Play. Themed with ayu.