feat: add DTCG playground #349
Conversation
✅ Deploy Preview for designtokensorg ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
.zed/settings.json
Outdated
| @@ -0,0 +1,3 @@ | |||
| { | |||
| "formatter": "prettier" | |||
There was a problem hiding this comment.
I’ve been using Zed more often; we have a .vscode folder so hopefully this isn’t too much noise?
| @@ -1,4462 +0,0 @@ | |||
| lockfileVersion: '9.0' | |||
There was a problem hiding this comment.
This is a mistake; any lockfile not in the root is ignored anyway.
| } | ||
|
|
||
| main table { | ||
| .page table { |
There was a problem hiding this comment.
Change: don’t add global styling for all <main> elements
| import { GITHUB_URL, SITE_TITLE } from '@/consts'; | ||
| import { GITHUB_URL } from '@/consts'; | ||
| import { menu } from '@/site.config'; | ||
| import { Icon } from 'astro-icon/components'; |
There was a problem hiding this comment.
Cleans up unused imports
| --- | ||
|
|
||
| <!doctype html> | ||
| <html lang="en"> |
There was a problem hiding this comment.
Adds yet another “blank” layout, for when we only want the header and footer. Base.astro is still for custom pages, and Markdown.astro is for markdown-generated pages
drwpow
force-pushed
the
drwpow/playground
branch
7 times, most recently
from
0b5c998 to
d46fc54
Compare
drwpow
force-pushed
the
drwpow/playground
branch
from
d46fc54 to
977adfe
Compare
| // JSON.stringify() stores these in memory as strings, but declaring them as | ||
| // objects prevents simple typos and errors | ||
| export default { | ||
| 'sds.resolver.json': JSON.stringify({ |
There was a problem hiding this comment.
Note on these files: these are in .ts files because they’re way more portable. Ironically, if these were .json files, we’d have to make sure everything is imported and bundled correctly, which is more work (because we probably wouldn’t want 1 network request per .json file, we’d be bundling, but there’d be more indirection in the setup). Since we need all these at runtime, and the user is editing in-browser, just doing the work of putting them in a TypeScript object is more straightforward.
Changes
Adds token playground at
/playground(original source). Adds 2 examples—GitHub Primer and Figma SDS, both MIT-licensed.CleanShot.2025-11-11.at.16.37.53.mp4
Submitting to this repo licenses all code under the existing W3C license.
How to Review
/playgroundURL for us to preview. Doesn’t add link anywhere