Add custom twig blocks which will be added to the twig templates

Author: Macavity

src/Compiler.php

@@ -47,6 +47,9 @@ class Compiler
 
     protected $stripWhitespace = true;
 
+    /** @var string[] */
+    protected $rawBlocks = [];
+
     public function __construct(DOMDocument $document, LoggerInterface $logger)
     {
         $this->builder = new TwigBuilder();
@@ -56,6 +59,7 @@ public function __construct(DOMDocument $document, LoggerInterface $logger)
         $this->components = [];
         $this->banner = [];
         $this->properties = [];
+        $this->rawBlocks = [];
 
         $this->logger->debug("\n--------- New Compiler Instance ----------\n");
     }
@@ -79,11 +83,20 @@ public function convert(): string
     {
         $templateElement = $this->document->getElementsByTagName('template')->item(0);
         $scriptElement = $this->document->getElementsByTagName('script')->item(0);
+        $twigBlocks = $this->document->getElementsByTagName('twig');
 
         if ($scriptElement) {
             $this->registerProperties($scriptElement);
         }
 
+        if($twigBlocks->count()){
+            foreach($twigBlocks as $twigBlock){
+                /** @var DOMText $twigBlock */
+                $this->rawBlocks[] = trim($twigBlock->textContent);
+            }
+        }
+
+
         if (!$templateElement) {
             throw new Exception('The template file does not contain a template tag.');
         }
@@ -92,6 +105,9 @@ public function convert(): string
         $resultNode = $this->convertNode($rootNode);
         $html = $this->document->saveHTML($resultNode);
 
+        if(count($this->rawBlocks)){
+            $html = implode("\n", $this->rawBlocks) . "\n" . $html;
+        }
         $html = $this->addVariableBlocks($html);
         $html = $this->replacePlaceholders($html);
 

tests/CompilerTwigBlockTest.php

@@ -0,0 +1,20 @@
+<?php
+
+namespace Paneon\VueToTwig\Tests;
+
+class CompilerTwigBlockTest extends AbstractTestCase
+{
+    /** @test */
+    public function registersProperties()
+    {
+        $component = file_get_contents(__DIR__.'/fixtures/twig-block/twig-block.vue');
+        $expected = file_get_contents(__DIR__.'/fixtures/twig-block/twig-block.twig');
+
+        $compiler = $this->createCompiler($component);
+
+        $actual = $compiler->convert();
+
+        $this->assertEqualHtml($expected, $actual);
+
+    }
+}

tests/fixtures/twig-block/twig-block.twig

@@ -0,0 +1,8 @@
+{% set myCustomComputedProperty = false %}
+<div>
+  <div>
+    {% if myCustomComputedProperty %}
+    <p>Show something</p>
+    {% endif %}
+  </div>
+</div>

tests/fixtures/twig-block/twig-block.vue

@@ -0,0 +1,21 @@
+<template>
+<div>
+  <div>
+    <p v-if="myCustomComputedProperty">Show something</p>
+  </div>
+</div>
+</template>
+
+<twig>
+  {% set myCustomComputedProperty = false %}
+</twig>
+
+<script>
+    export default {
+        computed: {
+            myCustomComputedProperty(){
+                return Math.random() > 1;
+            },
+        }
+    }
+</script>