diff --git a/packages/glow/css/build.js b/packages/glow/css/build.js index a42972ef..2010ac0e 100644 --- a/packages/glow/css/build.js +++ b/packages/glow/css/build.js @@ -2,25 +2,15 @@ import { promises as fs } from 'node:fs' async function minify(names, toname) { - const raw = [] - for (const name of names) { - raw.push(await fs.readFile(`css/${name}.css`, 'utf-8')) - } - - const filename = 'tmp.css' - await fs.writeFile(filename, raw.join('\n')) - const min = await (await Bun.build({ - entrypoints: [filename], + entrypoints: names.map(name => `css/${name}.css`), minify: true, throw: true, - })).outputs[0].text() - - await fs.rm(filename) + })).outputs.map(async file => await file.text()) const to = `minified/${toname}.css` await fs.writeFile(to, min) - console.log('>', to, min.length) + console.log('>', to, (await fs.stat(to)).size) } diff --git a/packages/glow/minified/syntax.css b/packages/glow/minified/syntax.css index 6fd0d78c..ccbe7eae 100644 --- a/packages/glow/minified/syntax.css +++ b/packages/glow/minified/syntax.css @@ -1 +1,2 @@ -pre{background-color:var(--glow-bg-color,#20293a);color:var(--glow-base-color,#a2aab1);padding:var(--glow-padding,1.5em);counter-reset:line-counter 0;overflow-x:auto;font-family:monospace;line-height:1.7}pre *{font-weight:400;font-style:inherit;text-decoration:inherit}pre b{color:var(--glow-primary-color,#7dd3fc)}pre em{color:var(--glow-secondary-color,#f472b6)}pre strong{color:var(--glow-accent-color,#419fff)}pre i{color:var(--glow-char-color,#64748b)}pre u{text-decoration:underline wavy var(--glow-error-color,red);text-decoration-thickness:.15em;text-underline-offset:.5em}pre sup{color:var(--glow-comment-color,#6f7a7d);font-size:inherit;vertical-align:inherit;font-style:italic}pre label{color:var(--glow-special-color,#fff);font-weight:700}pre mark{background-color:var(--glow-marked-color,#2dd4bf26);color:unset;border-radius:.2em;margin:-.3em -.4em;padding:.3em .4em}pre span{counter-increment:line-counter 1}pre span:before{color:var(--glow-counter-color,#475569);content:counter(line-counter);display:inline-block;text-align:right;width:2.5em;margin-right:1em;padding-right:1em}pre span:has(u):before{background-color:var(--glow-error-color,red);color:#fff;border-radius:.2em;font-weight:700}pre{--glow-line-color:50,180,250;--glow-del-color:250,110,130;--glow-ins-color:50,210,190;--glow-line-opacity:.15;--padd:var(--glow-padding,1.5em)}pre ins{min-width:calc(100% + calc(var(--padd)*2));margin-left:calc(var(--padd)*-1);padding-left:var(--padd);display:inline-block;position:relative;border-left:.2em solid #fff;width:100%}pre ins :first-child{margin-left:-.2em}pre ins:before{position:absolute;left:95%}span :is(pre ins){margin-left:calc(-3.5em - var(--padd));padding-left:calc(3.5em + var(--padd))}pre del{min-width:calc(100% + calc(var(--padd)*2));margin-left:calc(var(--padd)*-1);padding-left:var(--padd);display:inline-block;position:relative;border-left:.2em solid #fff;width:100%}pre del :first-child{margin-left:-.2em}pre del:before{position:absolute;left:95%}span :is(pre del){margin-left:calc(-3.5em - var(--padd));padding-left:calc(3.5em + var(--padd))}pre dfn{min-width:calc(100% + calc(var(--padd)*2));margin-left:calc(var(--padd)*-1);padding-left:var(--padd);display:inline-block;position:relative;border-left:.2em solid #fff;width:100%}pre dfn :first-child{margin-left:-.2em}pre dfn:before{position:absolute;left:95%}span :is(pre dfn){margin-left:calc(-3.5em - var(--padd));padding-left:calc(3.5em + var(--padd))}pre ins{border-color:rgb(var(--glow-ins-color));background-color:rgba(var(--glow-ins-color),var(--glow-line-opacity))}pre ins:before{content:"+";color:rgb(var(--glow-ins-color))}pre del{border-color:rgb(var(--glow-del-color));background-color:rgba(var(--glow-del-color),var(--glow-line-opacity));border-radius:0}pre del:before{content:"-";color:rgb(var(--glow-del-color))}pre dfn{border-color:rgb(var(--glow-line-color));background-color:rgba(var(--glow-line-color),var(--glow-line-opacity))} +pre{background-color:var(--glow-bg-color,#20293a);color:var(--glow-base-color,#a2aab1);padding:var(--glow-padding,1.5em);counter-reset:line-counter 0;overflow-x:auto;font-family:monospace;line-height:1.7}pre *{font-weight:400;font-style:inherit;text-decoration:inherit}pre b{color:var(--glow-primary-color,#7dd3fc)}pre em{color:var(--glow-secondary-color,#f472b6)}pre strong{color:var(--glow-accent-color,#419fff)}pre i{color:var(--glow-char-color,#64748b)}pre u{text-decoration:underline wavy var(--glow-error-color,red);text-decoration-thickness:.15em;text-underline-offset:.5em}pre sup{color:var(--glow-comment-color,#6f7a7d);font-size:inherit;vertical-align:inherit;font-style:italic}pre label{color:var(--glow-special-color,#fff);font-weight:700}pre mark{background-color:var(--glow-marked-color,#2dd4bf26);color:unset;border-radius:.2em;margin:-.3em -.4em;padding:.3em .4em}pre span{counter-increment:line-counter 1}pre span:before{color:var(--glow-counter-color,#475569);content:counter(line-counter);display:inline-block;text-align:right;width:2.5em;margin-right:1em;padding-right:1em}pre span:has(u):before{background-color:var(--glow-error-color,red);color:#fff;border-radius:.2em;font-weight:700} +pre{--glow-line-color:50,180,250;--glow-del-color:250,110,130;--glow-ins-color:50,210,190;--glow-line-opacity:.15;--padd:var(--glow-padding,1.5em)}pre ins{min-width:calc(100% + calc(var(--padd)*2));margin-left:calc(var(--padd)*-1);padding-left:var(--padd);display:inline-block;position:relative;border-left:.2em solid #fff;width:100%}pre ins :first-child{margin-left:-.2em}pre ins:before{position:absolute;left:95%}span :is(pre ins){margin-left:calc(-3.5em - var(--padd));padding-left:calc(3.5em + var(--padd))}pre del{min-width:calc(100% + calc(var(--padd)*2));margin-left:calc(var(--padd)*-1);padding-left:var(--padd);display:inline-block;position:relative;border-left:.2em solid #fff;width:100%}pre del :first-child{margin-left:-.2em}pre del:before{position:absolute;left:95%}span :is(pre del){margin-left:calc(-3.5em - var(--padd));padding-left:calc(3.5em + var(--padd))}pre dfn{min-width:calc(100% + calc(var(--padd)*2));margin-left:calc(var(--padd)*-1);padding-left:var(--padd);display:inline-block;position:relative;border-left:.2em solid #fff;width:100%}pre dfn :first-child{margin-left:-.2em}pre dfn:before{position:absolute;left:95%}span :is(pre dfn){margin-left:calc(-3.5em - var(--padd));padding-left:calc(3.5em + var(--padd))}pre ins{border-color:rgb(var(--glow-ins-color));background-color:rgba(var(--glow-ins-color),var(--glow-line-opacity))}pre ins:before{content:"+";color:rgb(var(--glow-ins-color))}pre del{border-color:rgb(var(--glow-del-color));background-color:rgba(var(--glow-del-color),var(--glow-line-opacity));border-radius:0}pre del:before{content:"-";color:rgb(var(--glow-del-color))}pre dfn{border-color:rgb(var(--glow-line-color));background-color:rgba(var(--glow-line-color),var(--glow-line-opacity))}