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 ✅
149 lines
3.5 KiB
JavaScript
149 lines
3.5 KiB
JavaScript
/**
|
||
* @import {Element, Parents} from 'hast'
|
||
*/
|
||
|
||
import {whitespace} from 'hast-util-whitespace'
|
||
import {siblingAfter, siblingBefore} from './util/siblings.js'
|
||
import {closing} from './closing.js'
|
||
import {omission} from './omission.js'
|
||
|
||
export const opening = omission({
|
||
body,
|
||
colgroup,
|
||
head,
|
||
html,
|
||
tbody
|
||
})
|
||
|
||
/**
|
||
* Whether to omit `<html>`.
|
||
*
|
||
* @param {Element} node
|
||
* Element.
|
||
* @returns {boolean}
|
||
* Whether the opening tag can be omitted.
|
||
*/
|
||
function html(node) {
|
||
const head = siblingAfter(node, -1)
|
||
return !head || head.type !== 'comment'
|
||
}
|
||
|
||
/**
|
||
* Whether to omit `<head>`.
|
||
*
|
||
* @param {Element} node
|
||
* Element.
|
||
* @returns {boolean}
|
||
* Whether the opening tag can be omitted.
|
||
*/
|
||
function head(node) {
|
||
/** @type {Set<string>} */
|
||
const seen = new Set()
|
||
|
||
// Whether `srcdoc` or not,
|
||
// make sure the content model at least doesn’t have too many `base`s/`title`s.
|
||
for (const child of node.children) {
|
||
if (
|
||
child.type === 'element' &&
|
||
(child.tagName === 'base' || child.tagName === 'title')
|
||
) {
|
||
if (seen.has(child.tagName)) return false
|
||
seen.add(child.tagName)
|
||
}
|
||
}
|
||
|
||
// “May be omitted if the element is empty,
|
||
// or if the first thing inside the head element is an element.”
|
||
const child = node.children[0]
|
||
return !child || child.type === 'element'
|
||
}
|
||
|
||
/**
|
||
* Whether to omit `<body>`.
|
||
*
|
||
* @param {Element} node
|
||
* Element.
|
||
* @returns {boolean}
|
||
* Whether the opening tag can be omitted.
|
||
*/
|
||
function body(node) {
|
||
const head = siblingAfter(node, -1, true)
|
||
|
||
return (
|
||
!head ||
|
||
(head.type !== 'comment' &&
|
||
!(head.type === 'text' && whitespace(head.value.charAt(0))) &&
|
||
!(
|
||
head.type === 'element' &&
|
||
(head.tagName === 'meta' ||
|
||
head.tagName === 'link' ||
|
||
head.tagName === 'script' ||
|
||
head.tagName === 'style' ||
|
||
head.tagName === 'template')
|
||
))
|
||
)
|
||
}
|
||
|
||
/**
|
||
* Whether to omit `<colgroup>`.
|
||
* The spec describes some logic for the opening tag, but it’s easier to
|
||
* implement in the closing tag, to the same effect, so we handle it there
|
||
* instead.
|
||
*
|
||
* @param {Element} node
|
||
* Element.
|
||
* @param {number | undefined} index
|
||
* Index of element in parent.
|
||
* @param {Parents | undefined} parent
|
||
* Parent of element.
|
||
* @returns {boolean}
|
||
* Whether the opening tag can be omitted.
|
||
*/
|
||
function colgroup(node, index, parent) {
|
||
const previous = siblingBefore(parent, index)
|
||
const head = siblingAfter(node, -1, true)
|
||
|
||
// Previous colgroup was already omitted.
|
||
if (
|
||
parent &&
|
||
previous &&
|
||
previous.type === 'element' &&
|
||
previous.tagName === 'colgroup' &&
|
||
closing(previous, parent.children.indexOf(previous), parent)
|
||
) {
|
||
return false
|
||
}
|
||
|
||
return Boolean(head && head.type === 'element' && head.tagName === 'col')
|
||
}
|
||
|
||
/**
|
||
* Whether to omit `<tbody>`.
|
||
*
|
||
* @param {Element} node
|
||
* Element.
|
||
* @param {number | undefined} index
|
||
* Index of element in parent.
|
||
* @param {Parents | undefined} parent
|
||
* Parent of element.
|
||
* @returns {boolean}
|
||
* Whether the opening tag can be omitted.
|
||
*/
|
||
function tbody(node, index, parent) {
|
||
const previous = siblingBefore(parent, index)
|
||
const head = siblingAfter(node, -1)
|
||
|
||
// Previous table section was already omitted.
|
||
if (
|
||
parent &&
|
||
previous &&
|
||
previous.type === 'element' &&
|
||
(previous.tagName === 'thead' || previous.tagName === 'tbody') &&
|
||
closing(previous, parent.children.indexOf(previous), parent)
|
||
) {
|
||
return false
|
||
}
|
||
|
||
return Boolean(head && head.type === 'element' && head.tagName === 'tr')
|
||
}
|