michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Make doctype be case insensitive (#419)

Browse source 
* Make doctype be case insensitive

Fixes #413

* Make doctype completely case insensitive

* Make check for style scoping doctype override be case insensitive

* Check for doctype in the right place
This commit is contained in:
Matthew Phillips 2021-06-14 12:00:51 -04:00 committed by GitHub
parent 0ef0c99b10
commit 0b16b2ddd0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 26 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/astro/src/compiler/transform/doctype.ts
View file

@ -9,7 +9,7 @@ export default function (_opts: { filename: string; fileID: string }): Transform
html: {
Element: {
enter(node, parent, _key, index) {
if (node.name === '!doctype') {
if (node.name.toLowerCase() === '!doctype') {
hasDoctype = true;
}
if (node.name === 'html' && !hasDoctype) {

3
packages/astro/src/compiler/transform/postcss-scoped-styles/index.ts
View file

@ -28,8 +28,7 @@ export const NEVER_SCOPED_TAGS = new Set<string>([
'noscript',
'script',
'style',
'title',
'!doctype',
'title'
]);
/**
* Scope Rules

7
packages/astro/src/compiler/transform/styles.ts
View file

@ -4,13 +4,12 @@ import type { TemplateNode } from '@astrojs/parser';
import crypto from 'crypto';
import { createRequire } from 'module';
import path from 'path';
import { fileURLToPath } from 'url';
import autoprefixer from 'autoprefixer';
import postcss, { Plugin } from 'postcss';
import postcssKeyframes from 'postcss-icss-keyframes';
import findUp from 'find-up';
import sass from 'sass';
import { debug, error, LogOptions } from '../../logger.js';
import { error, LogOptions } from '../../logger.js';
import astroScopedStyles, { NEVER_SCOPED_TAGS } from './postcss-scoped-styles/index.js';
import slash from 'slash';
@ -222,7 +221,9 @@ export default function transformStyles({ compileOptions, filename, fileID }: Tr
}
// 2. add scoped HTML classes
if (NEVER_SCOPED_TAGS.has(node.name)) return; // only continue if this is NOT a <script> tag, etc.
if (NEVER_SCOPED_TAGS.has(node.name) || node.name.toLowerCase() === '!doctype') {
return; // only continue if this is NOT a <script> tag, etc.
}
// Note: currently we _do_ scope web components/custom elements. This seems correct?
injectScopedClassAttribute(node, scopedClass);

4
packages/astro/src/internal/h.ts
View file

@ -7,8 +7,8 @@ const voidTags = new Set(['area', 'base', 'br', 'col', 'command', 'embed', 'hr',
/** Generator for primary h() function */
function* _h(tag: string, attrs: HProps, children: Array<HChild>) {
if (tag === '!doctype') {
yield '<!doctype ';
if (tag.toLowerCase() === '!doctype') {
yield `<${tag} `;
if (attrs) {
yield Object.keys(attrs).join(' ');
}

9
packages/astro/test/astro-doctype.test.js
View file

@ -56,4 +56,13 @@ DType.skip('Preserves user provided doctype', async () => {
assert.ok(html.startsWith('<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">'), 'Doctype included was preserved');
});
DType('User provided doctype is case insensitive', async () => {
const result = await runtime.load('/capital');
if (result.error) throw new Error(result.error);
const html = result.contents.toString('utf-8');
assert.ok(html.startsWith('<!DOCTYPE html>'), 'Doctype left alone');
assert.not.ok(html.includes('</!DOCTYPE>'), 'There should not be a closing tag');
});
DType.run();

9
packages/astro/test/fixtures/astro-doctype/src/pages/capital.astro vendored Normal file
View file

@ -0,0 +1,9 @@
---
let title = 'My Site';
---
<!DOCTYPE html>
<html lang="en">
<head><title>{title}</title></head>
<body><h1>Hello world</h1></body>
</html>