Skip to content

XJS -> JSX #26

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
sebmarkbage merged 1 commit into from
Mar 6, 2015
Merged

XJS -> JSX #26

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
68 changes: 34 additions & 34 deletions AST.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@ JSX Names
__JSX Identifier subtype__

```
interface XJSIdentifier <: Identifier {
type: "XJSIdentifier";
interface JSXIdentifier <: Identifier {
type: "JSXIdentifier";
}
```

Expand All @@ -19,20 +19,20 @@ __Namespaced names__
Property-like namespace syntax (tag names only):

```
interface XJSMemberExpression <: Expression, Pattern {
type: "XJSMemberExpression";
object: XJSMemberExpression | XJSIdentifier,
property: XJSIdentifier
interface JSXMemberExpression <: Expression {
type: "JSXMemberExpression";
object: JSXMemberExpression | JSXIdentifier,
property: JSXIdentifier
}
```

XML-based namespace syntax:

```
interface XJSNamespacedName <: Expression, Pattern {
type: "XJSNamespacedName";
namespace: XJSIdentifier,
name: XJSIdentifier
interface JSXNamespacedName <: Expression {
type: "JSXNamespacedName";
namespace: JSXIdentifier,
name: JSXIdentifier
}
```

Expand All @@ -42,17 +42,17 @@ JSX Expression Container
JSX adds empty "expression" type in order to allow comments in JSX text:

```
interface XJSEmptyExpression <: Node {
type: "XJSEmptyExpression"
interface JSXEmptyExpression <: Node {
type: "JSXEmptyExpression"
}
```

Any expression used as attribute value or inside JSX text should is wrapped into expression container:

```
interface XJSExpressionContainer <: Node {
type: "XJSExpressionContainer",
expression: Expression | XJSEmptyExpression;
interface JSXExpressionContainer <: Node {
type: "JSXExpressionContainer",
expression: Expression | JSXEmptyExpression;
}
```

Expand All @@ -62,18 +62,18 @@ JSX Boundary Tags
Any JSX element is bounded by tags &mdash; either self-closing or both opening and closing elements:

```
interface XJSBoundaryElement <: Node {
name: XJSIdentifier | XJSMemberExpression | XJSNamespacedName;
interface JSXBoundaryElement <: Node {
name: JSXIdentifier | JSXMemberExpression | JSXNamespacedName;
}

interface XJSOpeningElement <: XJSBoundaryElement {
type: "XJSOpeningElement",
attributes: [ XJSAttribute | XJSSpreadAttribute ],
interface JSXOpeningElement <: JSXBoundaryElement {
type: "JSXOpeningElement",
attributes: [ JSXAttribute | JSXSpreadAttribute ],
selfClosing: boolean;
}

interface XJSClosingElement <: XJSBoundaryElement {
type: "XJSClosingElement"
interface JSXClosingElement <: JSXBoundaryElement {
type: "JSXClosingElement"
}
```

Expand All @@ -83,21 +83,21 @@ JSX Attributes
Opening element ("tag") may contain attributes:

```
interface XJSAttribute <: Node {
type: "XJSAttribute",
name: XJSIdentifier | XJSNamespacedName,
value: Literal | XJSExpressionContainer | XJSElement | null
interface JSXAttribute <: Node {
type: "JSXAttribute",
name: JSXIdentifier | JSXNamespacedName,
value: Literal | JSXExpressionContainer | JSXElement | null
}

// This is already used by ES6 parsers, but not included
// in Mozilla's spec yet.
interface SpreadElement <: Pattern {
interface SpreadElement <: Node {
type: "SpreadElement";
argument: Expression;
}

interface XJSSpreadAttribute <: SpreadElement {
type: "XJSSpreadAttribute";
interface JSXSpreadAttribute <: SpreadElement {
type: "JSXSpreadAttribute";
}
```

Expand All @@ -107,11 +107,11 @@ JSX Element
Finally, JSX element itself consists of opening element, list of children and optional closing element:

```
interface XJSElement <: Expression {
type: "XJSElement",
openingElement: XJSOpeningElement,
children: [ Literal | XJSExpressionContainer | XJSElement ],
closingElement: XJSClosingElement | null
interface JSXElement <: Expression {
type: "JSXElement",
openingElement: JSXOpeningElement,
children: [ Literal | JSXExpressionContainer | JSXElement ],
closingElement: JSXClosingElement | null
}
```

Expand Down