",
+ "position": {
+ "start": { "line": 29, "column": 18, "offset": 306 },
+ "end": { "line": 29, "column": 24, "offset": 312 }
+ }
+ },
+ {
+ "type": "text",
+ "value": "code",
+ "position": {
+ "start": { "line": 29, "column": 24, "offset": 312 },
+ "end": { "line": 29, "column": 28, "offset": 316 }
+ }
+ },
+ {
+ "type": "html",
+ "value": "",
+ "position": {
+ "start": { "line": 29, "column": 28, "offset": 316 },
+ "end": { "line": 29, "column": 35, "offset": 323 }
+ }
+ }
+ ],
+ "position": {
+ "start": { "line": 29, "column": 1, "offset": 289 },
+ "end": { "line": 29, "column": 35, "offset": 323 }
+ }
+ },
+ {
+ "type": "code",
+ "lang": "js",
+ "meta": null,
+ "value": "// more test code",
+ "position": {
+ "start": { "line": 31, "column": 1, "offset": 325 },
+ "end": { "line": 33, "column": 4, "offset": 352 }
+ }
+ },
+ {
+ "type": "heading",
+ "depth": 1,
+ "children": [
+ {
+ "type": "text",
+ "value": "--seed--",
+ "position": {
+ "start": { "line": 36, "column": 3, "offset": 357 },
+ "end": { "line": 36, "column": 11, "offset": 365 }
+ }
+ }
+ ],
+ "position": {
+ "start": { "line": 36, "column": 1, "offset": 355 },
+ "end": { "line": 36, "column": 11, "offset": 365 }
+ }
+ },
+ {
+ "type": "heading",
+ "depth": 2,
+ "children": [
+ {
+ "type": "text",
+ "value": "--seed-contents--",
+ "position": {
+ "start": { "line": 38, "column": 4, "offset": 370 },
+ "end": { "line": 38, "column": 21, "offset": 387 }
+ }
+ }
+ ],
+ "position": {
+ "start": { "line": 38, "column": 1, "offset": 367 },
+ "end": { "line": 38, "column": 21, "offset": 387 }
+ }
+ },
+ {
+ "type": "code",
+ "lang": "html",
+ "meta": null,
+ "value": "\n \n \n",
+ "position": {
+ "start": { "line": 40, "column": 1, "offset": 389 },
+ "end": { "line": 45, "column": 4, "offset": 434 }
+ }
+ },
+ {
+ "type": "code",
+ "lang": "css",
+ "meta": null,
+ "value": "body {\n background: green;\n}",
+ "position": {
+ "start": { "line": 47, "column": 1, "offset": 436 },
+ "end": { "line": 51, "column": 4, "offset": 476 }
+ }
+ },
+ {
+ "type": "leafDirective",
+ "name": "use",
+ "attributes": { "component": "Second" },
+ "children": [],
+ "position": {
+ "start": { "line": 53, "column": 1, "offset": 478 },
+ "end": { "line": 53, "column": 26, "offset": 503 }
+ }
+ },
+ {
+ "type": "leafDirective",
+ "name": "id",
+ "attributes": { "id": "custom-name" },
+ "children": [],
+ "position": {
+ "start": { "line": 55, "column": 1, "offset": 505 },
+ "end": { "line": 55, "column": 19, "offset": 523 }
+ }
+ },
+ {
+ "type": "code",
+ "lang": "js",
+ "meta": null,
+ "value": "var x = 'y';",
+ "position": {
+ "start": { "line": 57, "column": 1, "offset": 525 },
+ "end": { "line": 59, "column": 4, "offset": 547 }
+ }
+ },
+ {
+ "type": "leafDirective",
+ "name": "use",
+ "attributes": { "component": "Script" },
+ "children": [],
+ "position": {
+ "start": { "line": 61, "column": 1, "offset": 549 },
+ "end": { "line": 61, "column": 26, "offset": 574 }
+ }
+ }
+ ],
+ "position": {
+ "start": { "line": 1, "column": 1, "offset": 0 },
+ "end": { "line": 62, "column": 1, "offset": 575 }
+ }
+}
diff --git a/tools/challenge-parser/parser/__fixtures__/with-directives.md b/tools/challenge-parser/parser/__fixtures__/with-directives.md
new file mode 100644
index 0000000000..844bf71787
--- /dev/null
+++ b/tools/challenge-parser/parser/__fixtures__/with-directives.md
@@ -0,0 +1,17 @@
+# --description--
+
+:root appears, :import appears
+
+the next paragraph should appear
+
+::import
+
+even though it's an import directive, but if we use the full syntax `::directive-name{attr="name" attr2="a/path"}`
+
+::import{component="name" from="script.md"}
+
+it goes.
+
+::: name [inline-content] {key=val}
+a container directive
+:::
diff --git a/tools/challenge-parser/parser/__fixtures__/with-imports-extra.md b/tools/challenge-parser/parser/__fixtures__/with-imports-extra.md
new file mode 100644
index 0000000000..3b729fe6d0
--- /dev/null
+++ b/tools/challenge-parser/parser/__fixtures__/with-imports-extra.md
@@ -0,0 +1,61 @@
+::import{component="Script" from="./script.md" }
+::import{component="Second" from="./script-two.md" }
+::import
+
+# --description--
+
+Paragraph 1 ::import
+
+```html
+code example
+```
+
+# --instructions--
+
+Paragraph 0
+
+```html
+code example 0
+```
+
+# --hints--
+
+First hint
+
+```js
+// test code
+```
+
+Second hint with code
+
+```js
+// more test code
+```
+
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
+```
+
+```css
+body {
+ background: green;
+}
+```
+
+::use{component="Second"}
+
+::id{#custom-name}
+
+```js
+var x = 'y';
+```
+
+::use{component="Script"}
diff --git a/tools/challenge-parser/parser/__snapshots__/index.acceptance.test.js.snap b/tools/challenge-parser/parser/__snapshots__/index.acceptance.test.js.snap
index ea04e9de46..2f4f15130b 100644
--- a/tools/challenge-parser/parser/__snapshots__/index.acceptance.test.js.snap
+++ b/tools/challenge-parser/parser/__snapshots__/index.acceptance.test.js.snap
@@ -1,5 +1,24 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`challenge parser it should not parse directives we do not use 1`] = `
+Object {
+ "description": ":root appears, :import appears
+the next paragraph should appear
+::import +even though it's an import directive, but if we use the full syntax ::directive-name{attr=\\"name\\" attr2=\\"a/path\\"}
it goes.
+::: name [inline-content] {key=val} +a container directive +:::
+