fix: supporting let directive (#5)

vardario · Oct 31, 2023 · b9228f4 · b9228f4
1 parent 04c5d8c
commit b9228f4
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 6 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vardario/svelte-ast-printer",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "",
   "license": "MIT",
   "author": "Sahin Vardar",

diff --git a/src/print-html.test.ts b/src/print-html.test.ts
@@ -79,6 +79,10 @@ describe('Element directives', () => {
     testHtmlPrinter('<li animate:flip={{delay: 500}}>{item}</li>');
     testHtmlPrinter('<div animate:whizz>{item}</div>');
   });
+
+  test('let:variable', () => {
+    testHtmlPrinter('<checkbox let:isChecked/>');    
+  });
 });
 
 describe('Template', () => {

diff --git a/src/print-html.ts b/src/print-html.ts
@@ -90,6 +90,10 @@ class ElementPrinter extends BaseHtmlNodePrinter {
             case 'Animation':
               attributeName = 'animate:';
               break;
+
+            case 'Let':
+              attributeName = 'let:';
+              break;
           }
 
           attributeName += attribute.name;
@@ -463,8 +467,8 @@ export default function printHtml(params: PrintHtmlParams) {
 
   walk(_.cloneDeep(params.rootNode), {
     enter: function (node: TemplateNode, parent: TemplateNode) {
-      if(node.skip === true){
-        return
+      if (node.skip === true) {
+        return;
       }
       const printer = printers[node.type];
       if (printer === undefined) {
@@ -480,10 +484,10 @@ export default function printHtml(params: PrintHtmlParams) {
       nestingLevel++;
     },
     leave: function (node: TemplateNode, parent: TemplateNode) {
-      if(node.skip === true){
-        return
+      if (node.skip === true) {
+        return;
       }
-      
+
       const printer = printers[node.type];
 
       printer.leave(node, parent, {