Claude Sonnet 5.5
Site and docs for 0.9.0; drop template leftovers; scripts without hard-coded paths
794b22f | // v0.6.0 quick smoke - deform family + gradient tools compile cleanly | |
| import { compile } from '../public/dssl/index.js'; | |
| const src = ` | |
| tokens { color { flame: #ff5533 } } | |
| .card { | |
| bend: 20 | |
| stretch: 1.2 | |
| gradient: linear 135, color.flame -> #00d4ff | |
| gradient-flow: 6s alternate | |
| } | |
| .card:active { | |
| bend: 0 | |
| stretch: 1 vertical | |
| fold: 18 | |
| } | |
| .title { gradient-text: linear to right, color.flame, color.ok } | |
| nav { | |
| bend-around: -24 | |
| transition: 200 snap bend, 150 stretch | |
| } | |
| .fly { bend: 45deg } | |
| motion bendy { | |
| from { bend: 0; stretch: 1 } | |
| to { bend: 30; stretch: 1.15 } | |
| at 50% { bend-y: -10 } | |
| } | |
| .loop { animate: bendy 900 infinite alternate } | |
| `; | |
| const r = compile(src, 'smoke.dssl'); | |
| console.log('ok:', r.ok); | |
| for (const e of r.errors) console.log('ERR', e.line, e.message, '| hint:', e.hint || ''); | |
| const rule = (sel) => r.doc.rules.find(x => x.sel === sel); | |
| const card = rule('.card'); | |
| console.log('\n.card decls:'); | |
| for (const d of card.decls) console.log(' ', d.prop, '=', typeof d.value === 'object' ? JSON.stringify(d.value) : d.value); | |
| const active = rule('.card:active'); | |
| console.log('\n.card:active decls:'); | |
| for (const d of active.decls) console.log(' ', d.prop, '=', typeof d.value === 'object' ? JSON.stringify(d.value) : d.value); | |
| const title = rule('.title'); | |
| console.log('\n.title decls:', title.decls.map(d => d.prop + '=' + d.value).join(' | ')); | |
| const nav = rule('nav'); | |
| console.log('\nnav decls:', nav.decls.map(d => d.prop + '=' + JSON.stringify(d.value)).join(' | ')); | |
| const loop = rule('.loop'); | |
| console.log('\n.loop @animate frames:', JSON.stringify(loop.decls[0].value.frames, null, 1)); | |
| const motion = Object.entries(r.doc.motions)[0]; | |
| console.log('\nmotion bendy parsed:', JSON.stringify(motion[1]._parsed, null, 1)); | |