@astrojs/compiler 0.12.0-next.9 → 0.13.0

package/CHANGELOG.md

@@ -1,5 +1,48 @@
 # @astrojs/compiler
 
+## 0.13.0
+
+### Minor Changes
+
+- ce3f1a5: Update CSS parser to use `esbuild`, adding support for CSS nesting, `@container`, `@layer`, and other modern syntax features
+
+### Patch Changes
+
+- 24a1185: Parser: Always output the `children` property in an element node, even if it has no children
+
+## 0.12.1
+
+### Patch Changes
+
+- 097ac47: Parser: Always output the `attribute` property in an element node, even if empty
+- ad62437: Add `serialize` util
+- eb7eb95: Parse: fix escaping of `&` characters in AST output
+
+## 0.12.0
+
+### Minor Changes
+
+- c6dd41d: Do not render implicit tags created during the parsing process
+- c6dd41d: Remove "as" option, treats all documents as fragments that generate no implicit tags
+- c6dd41d: Add `parse` function which generates an AST
+- c6dd41d: Adds support for `Astro.self` (as accepted in the [Recursive Components RFC](https://github.com/withastro/rfcs/blob/main/active-rfcs/0000-recursive-components.md)).
+
+### Patch Changes
+
+- c6dd41d: Add `fragment` node types to AST definitions, expose Fragment helper to utils
+- c6dd41d: Adds metadata on client:only components
+- c6dd41d: Expose AST types via `@astrojs/compiler/types`
+- c6dd41d: Export `./types` rather than `./types.d.ts`
+- c6dd41d: Fix edge case with Fragment parsing in head, add `fragment` node to AST output
+- c6dd41d: Fix <slot> behavior inside of head
+- c6dd41d: Improve head injection behavior
+- ef0b4b3: Move `typescript` dependency to development dependencies, as it is not needed in the package runtime.
+- c6dd41d: Update exposed types
+- c6dd41d: Remove usage of `escapeHTML` util
+- c6dd41d: Export all types from shared types
+- c6dd41d: Fix `head` behavior and a bug related to ParseFragment
+- c6dd41d: Adds a warning when using an expression with a hoisted script
+
 ## 0.12.0-next.9
 
 ### Patch Changes

package/browser/utils.d.ts

@@ -1,4 +1,4 @@
-import { Node, ParentNode, RootNode, ElementNode, CustomElementNode, ComponentNode, LiteralNode, ExpressionNode, TextNode, CommentNode, DoctypeNode, FrontmatterNode } from '../shared/ast';
+import { Node, ParentNode, RootNode, ElementNode, CustomElementNode, ComponentNode, FragmentNode, LiteralNode, ExpressionNode, TextNode, CommentNode, DoctypeNode, FrontmatterNode } from '../shared/ast';
 export interface Visitor {
     (node: Node, parent?: ParentNode, index?: number): void | Promise<void>;
 }
@@ -11,6 +11,7 @@ export declare const is: {
     element: (node: Node) => node is ElementNode;
     customElement: (node: Node) => node is CustomElementNode;
     component: (node: Node) => node is ComponentNode;
+    fragment: (node: Node) => node is FragmentNode;
     expression: (node: Node) => node is ExpressionNode;
     text: (node: Node) => node is TextNode;
     doctype: (node: Node) => node is DoctypeNode;
@@ -18,3 +19,4 @@ export declare const is: {
     frontmatter: (node: Node) => node is FrontmatterNode;
 };
 export declare function walk(node: ParentNode, callback: Visitor): void;
+export declare function serialize(root: Node): string;

package/browser/utils.js

@@ -9,7 +9,7 @@ export const is = {
         return typeof node.value === 'string';
     },
     tag(node) {
-        return node.type === 'element' || node.type === 'custom-element' || node.type === 'component';
+        return node.type === 'element' || node.type === 'custom-element' || node.type === 'component' || node.type === 'fragment';
     },
     whitespace(node) {
         return node.type === 'text' && node.value.trim().length === 0;
@@ -18,6 +18,7 @@ export const is = {
     element: guard('element'),
     customElement: guard('custom-element'),
     component: guard('component'),
+    fragment: guard('fragment'),
     expression: guard('expression'),
     text: guard('text'),
     doctype: guard('doctype'),
@@ -44,3 +45,32 @@ export function walk(node, callback) {
     const walker = new Walker(callback);
     walker.visit(node);
 }
+export function serialize(root) {
+    let output = '';
+    function visitor(node) {
+        if (is.root(node)) {
+            node.children.forEach((child) => visitor(child));
+        }
+        else if (is.frontmatter(node)) {
+            output += `---${node.value}---\n\n`;
+        }
+        else if (is.comment(node)) {
+            output += `<!--${node.value}-->`;
+        }
+        else if (is.expression(node)) {
+            output += `{`;
+            node.children.forEach((child) => visitor(child));
+            output += `}`;
+        }
+        else if (is.literal(node)) {
+            output += node.value;
+        }
+        else if (is.tag(node)) {
+            output += `<${node.name}>`;
+            node.children.forEach((child) => visitor(child));
+            output += `</${node.name}>`;
+        }
+    }
+    visitor(root);
+    return output;
+}

package/node/utils.d.ts

@@ -1,4 +1,4 @@
-import { Node, ParentNode, RootNode, ElementNode, CustomElementNode, ComponentNode, LiteralNode, ExpressionNode, TextNode, CommentNode, DoctypeNode, FrontmatterNode } from '../shared/ast';
+import { Node, ParentNode, RootNode, ElementNode, CustomElementNode, ComponentNode, FragmentNode, LiteralNode, ExpressionNode, TextNode, CommentNode, DoctypeNode, FrontmatterNode } from '../shared/ast';
 export interface Visitor {
     (node: Node, parent?: ParentNode, index?: number): void | Promise<void>;
 }
@@ -11,6 +11,7 @@ export declare const is: {
     element: (node: Node) => node is ElementNode;
     customElement: (node: Node) => node is CustomElementNode;
     component: (node: Node) => node is ComponentNode;
+    fragment: (node: Node) => node is FragmentNode;
     expression: (node: Node) => node is ExpressionNode;
     text: (node: Node) => node is TextNode;
     doctype: (node: Node) => node is DoctypeNode;
@@ -18,3 +19,4 @@ export declare const is: {
     frontmatter: (node: Node) => node is FrontmatterNode;
 };
 export declare function walk(node: ParentNode, callback: Visitor): void;
+export declare function serialize(root: Node): string;

package/node/utils.js

@@ -9,7 +9,7 @@ export const is = {
         return typeof node.value === 'string';
     },
     tag(node) {
-        return node.type === 'element' || node.type === 'custom-element' || node.type === 'component';
+        return node.type === 'element' || node.type === 'custom-element' || node.type === 'component' || node.type === 'fragment';
     },
     whitespace(node) {
         return node.type === 'text' && node.value.trim().length === 0;
@@ -18,6 +18,7 @@ export const is = {
     element: guard('element'),
     customElement: guard('custom-element'),
     component: guard('component'),
+    fragment: guard('fragment'),
     expression: guard('expression'),
     text: guard('text'),
     doctype: guard('doctype'),
@@ -44,3 +45,32 @@ export function walk(node, callback) {
     const walker = new Walker(callback);
     walker.visit(node);
 }
+export function serialize(root) {
+    let output = '';
+    function visitor(node) {
+        if (is.root(node)) {
+            node.children.forEach((child) => visitor(child));
+        }
+        else if (is.frontmatter(node)) {
+            output += `---${node.value}---\n\n`;
+        }
+        else if (is.comment(node)) {
+            output += `<!--${node.value}-->`;
+        }
+        else if (is.expression(node)) {
+            output += `{`;
+            node.children.forEach((child) => visitor(child));
+            output += `}`;
+        }
+        else if (is.literal(node)) {
+            output += node.value;
+        }
+        else if (is.tag(node)) {
+            output += `<${node.name}>`;
+            node.children.forEach((child) => visitor(child));
+            output += `</${node.name}>`;
+        }
+    }
+    visitor(root);
+    return output;
+}

package/package.json

@@ -5,7 +5,7 @@
   "type": "module",
   "bugs": "https://github.com/withastro/compiler/issues",
   "homepage": "https://astro.build",
-  "version": "0.12.0-next.9",
+  "version": "0.13.0",
   "scripts": {
     "build": "tsc -p ."
   },
@@ -31,12 +31,12 @@
   },
   "dependencies": {
     "tsm": "^2.2.1",
-    "typescript": "^4.3.5",
     "uvu": "^0.5.3"
   },
   "devDependencies": {
     "@types/node": "^16.4.12",
-    "@types/sass": "^1.43.1"
+    "@types/sass": "^1.43.1",
+    "typescript": "^4.4.3"
   },
   "volta": {
     "node": "16.6.2"

package/shared/ast.d.ts

@@ -1,5 +1,5 @@
-export declare type ParentNode = RootNode | ElementNode | ComponentNode | CustomElementNode | ExpressionNode;
-export declare type Node = RootNode | ElementNode | ComponentNode | CustomElementNode | ExpressionNode | TextNode | FrontmatterNode | DoctypeNode | CommentNode;
+export declare type ParentNode = RootNode | ElementNode | ComponentNode | CustomElementNode | FragmentNode | ExpressionNode;
+export declare type Node = RootNode | ElementNode | ComponentNode | CustomElementNode | FragmentNode | ExpressionNode | TextNode | FrontmatterNode | DoctypeNode | CommentNode;
 export interface Position {
     start: Point;
     end?: Point;
@@ -17,7 +17,7 @@ export interface BaseNode {
     position?: Position;
 }
 export interface ParentLikeNode extends BaseNode {
-    type: 'element' | 'component' | 'custom-element' | 'expression' | 'root';
+    type: 'element' | 'component' | 'custom-element' | 'fragment' | 'expression' | 'root';
     children: Node[];
 }
 export interface LiteralNode extends BaseNode {
@@ -45,6 +45,12 @@ export interface ElementNode extends ParentLikeNode {
     attributes: AttributeNode[];
     directives: DirectiveNode[];
 }
+export interface FragmentNode extends ParentLikeNode {
+    type: 'fragment';
+    name: string;
+    attributes: AttributeNode[];
+    directives: DirectiveNode[];
+}
 export interface ComponentNode extends ParentLikeNode {
     type: 'component';
     name: string;