Support {#key} block (#147)

Needed for Svelte >2.28

package.json

@@ -36,7 +36,7 @@
         "rollup-plugin-commonjs": "9.2.0",
         "rollup-plugin-node-resolve": "4.0.0",
         "rollup-plugin-typescript": "1.0.0",
-        "svelte": "^3.20.0",
+        "svelte": "^3.28.0",
         "ts-node": "^7.0.1",
         "tslib": "^1.9.3",
         "typescript": "3.2.4"

src/print/index.ts

@@ -379,6 +379,18 @@ export function print(path: FastPath, options: ParserOptions, print: PrintFn): D
 
             return group(concat(block));
         }
+        case 'KeyBlock': {
+            const def: Doc[] = [
+                '{#key ',
+                printJS(path, print, 'expression'),
+                '}',
+                printIndentedWithNewlines(path, print),
+            ];
+
+            def.push('{/key}');
+
+            return concat([group(concat(def)), breakParent]);
+        }
         case 'ThenBlock':
         case 'PendingBlock':
         case 'CatchBlock':

src/print/nodes.ts

@@ -76,6 +76,12 @@ export interface AwaitBlockNode extends BaseNode {
     catch: CatchBlockNode;
 }
 
+export interface KeyBlockNode extends BaseNode {
+    type: 'KeyBlock';
+    expression: Node;
+    children: Node[];
+}
+
 export interface ThenBlockNode extends BaseNode {
     type: 'ThenBlock';
     children: Node[];
@@ -257,6 +263,7 @@ export type Node =
     | ElseBlockNode
     | EachBlockNode
     | AwaitBlockNode
+    | KeyBlockNode
     | ThenBlockNode
     | PendingBlockNode
     | CatchBlockNode

test/printer/samples/key-block.html

@@ -0,0 +1,10 @@
+{#key value}
+    <p>hello</p>
+    <p>hello</p>
+{/key}
+{#key $store}
+    <p>hello</p>
+{/key}
+{#key expr.obj}
+    <p>hello</p>
+{/key}