3ed9f3f3ff
CSS was not being imported! Fixed: ✅ Added 'import ../styles/global.css' to BaseLayout.astro ✅ Rewrote CSS with plain CSS (not @apply which wasn't working) ✅ Cookie banner has inline styles as backup ✅ Font size: 16px base ✅ Solid colors: green-600 (#16a34a), gray-900 (#111827) ✅ Footer has policy links Build: 12 pages ✅
102 lines
1.9 KiB
JavaScript
102 lines
1.9 KiB
JavaScript
/**
|
||
* @import {
|
||
* Construct,
|
||
* State,
|
||
* TokenizeContext,
|
||
* Tokenizer
|
||
* } from 'micromark-util-types'
|
||
*/
|
||
|
||
import { labelEnd } from './label-end.js';
|
||
|
||
/** @type {Construct} */
|
||
export const labelStartImage = {
|
||
name: 'labelStartImage',
|
||
resolveAll: labelEnd.resolveAll,
|
||
tokenize: tokenizeLabelStartImage
|
||
};
|
||
|
||
/**
|
||
* @this {TokenizeContext}
|
||
* Context.
|
||
* @type {Tokenizer}
|
||
*/
|
||
function tokenizeLabelStartImage(effects, ok, nok) {
|
||
const self = this;
|
||
return start;
|
||
|
||
/**
|
||
* Start of label (image) start.
|
||
*
|
||
* ```markdown
|
||
* > | a ![b] c
|
||
* ^
|
||
* ```
|
||
*
|
||
* @type {State}
|
||
*/
|
||
function start(code) {
|
||
effects.enter("labelImage");
|
||
effects.enter("labelImageMarker");
|
||
effects.consume(code);
|
||
effects.exit("labelImageMarker");
|
||
return open;
|
||
}
|
||
|
||
/**
|
||
* After `!`, at `[`.
|
||
*
|
||
* ```markdown
|
||
* > | a ![b] c
|
||
* ^
|
||
* ```
|
||
*
|
||
* @type {State}
|
||
*/
|
||
function open(code) {
|
||
if (code === 91) {
|
||
effects.enter("labelMarker");
|
||
effects.consume(code);
|
||
effects.exit("labelMarker");
|
||
effects.exit("labelImage");
|
||
return after;
|
||
}
|
||
return nok(code);
|
||
}
|
||
|
||
/**
|
||
* After `![`.
|
||
*
|
||
* ```markdown
|
||
* > | a ![b] c
|
||
* ^
|
||
* ```
|
||
*
|
||
* This is needed in because, when GFM footnotes are enabled, images never
|
||
* form when started with a `^`.
|
||
* Instead, links form:
|
||
*
|
||
* ```markdown
|
||
* 
|
||
*
|
||
* ![^a][b]
|
||
*
|
||
* [b]: c
|
||
* ```
|
||
*
|
||
* ```html
|
||
* <p>!<a href=\"b\">^a</a></p>
|
||
* <p>!<a href=\"c\">^a</a></p>
|
||
* ```
|
||
*
|
||
* @type {State}
|
||
*/
|
||
function after(code) {
|
||
// To do: use a new field to do this, this is still needed for
|
||
// `micromark-extension-gfm-footnote`, but the `label-start-link`
|
||
// behavior isn’t.
|
||
// Hidden footnotes hook.
|
||
/* c8 ignore next 3 */
|
||
return code === 94 && '_hiddenFootnoteSupport' in self.parser.constructs ? nok(code) : ok(code);
|
||
}
|
||
} |