added codeblock, hrs and tables

nadar · Dec 5, 2023 · b8bfe59 · b8bfe59
1 parent 121f97d
commit b8bfe59
Show file tree

Hide file tree

Showing 6 changed files with 116 additions and 6 deletions.
diff --git a/.php-cs-fixer.dist.php b/.php-cs-fixer.dist.php
@@ -1,7 +1,6 @@
 <?php
 
 $finder = PhpCsFixer\Finder::create()
-    ->exclude('tests')
     ->in(__DIR__)
 ;
 

diff --git a/src/Parser.php b/src/Parser.php
@@ -45,6 +45,16 @@ public function getDefaultNodeRenderers(): array
 
             Types::listItem->name => static fn (Node $node) => $node->renderContent(),
 
+            Types::codeBlock->name => static fn (Node $node) => '<pre><code>' . $node->renderContent() . '</code></pre>',
+
+            Types::horizontalRule->name => static fn () => '<hr />',
+
+            Types::table->name => static fn (Node $node) => "<table>{$node->renderContent()}</table>",
+
+            Types::tableRow->name => static fn (Node $node) => "<tr>{$node->renderContent()}</tr>",
+
+            Types::tableCell->name => static fn (Node $node) => "<td>{$node->renderContent()}</td>",
+
             Types::text->name => static function (Node $node) {
                 $text = $node->getText();
                 foreach ($node->getMarks() as $mark) {

diff --git a/src/Types.php b/src/Types.php
@@ -21,4 +21,9 @@ enum Types
     case orderedList; // Represents an ordered list type.
     case listItem; // Represents a list item type.
     case text; // Represents a text type.
+    case codeBlock;
+    case horizontalRule;
+    case tableRow;
+    case tableCell;
+    case table;
 }
diff --git a/tests/AdditionalsTest.php b/tests/AdditionalsTest.php
@@ -0,0 +1,25 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Nadar\ProseMirror\Tests;
+
+use Nadar\ProseMirror\Parser;
+use PHPUnit\Framework\TestCase;
+
+class AdditionalsTest extends TestCase
+{
+    public function testCompile()
+    {
+        $path = __DIR__ . '/options.json';
+        $buff = file_get_contents($path);
+        $json = json_decode($buff, true);
+
+        $wysiwyg = new Parser();
+        $result = $wysiwyg->toHtml($json);
+        $html = '<pre><code>function hello() {
+    console.log(&apos;Hello, World!&apos;);
+}</code></pre><hr /><table><tr><td>Cell 1</td><td>Cell 2</td></tr><tr><td>Cell 3</td><td>Cell 4</td></tr></table>';
+        $this->assertSame($html, $result);
+    }
+}
diff --git a/tests/ParserTest.php b/tests/ParserTest.php
@@ -1,4 +1,6 @@
-<?php declare(strict_types=1);
+<?php
+
+declare(strict_types=1);
 
 namespace Nadar\ProseMirror\Tests;
 
@@ -58,7 +60,7 @@ public function testXss()
         $this->assertSame('<p>&lt;script&gt;alert(&apos;xss&apos;);&lt;/script&gt;</p>', $result);
 
         // test without xss filter:
-        
+
         $xss = <<<EOT
                 {
                     "type": "text",
@@ -90,14 +92,14 @@ public function testCustomNodeRenderer()
         EOT;
 
         $wysiwyg = new Parser();
-        $wysiwyg->replaceNode(Types::paragraph, function(Node $node) {
+        $wysiwyg->replaceNode(Types::paragraph, function (Node $node) {
             return '<p>Custom Paragraph</p>';
         });
 
-        $wysiwyg->addNode('barfoo', fn(Node $node) => '<div>BarFoo: '.$node->renderContent().'</div>');
+        $wysiwyg->addNode('barfoo', fn (Node $node) => '<div>BarFoo: '.$node->renderContent().'</div>');
 
         $result = $wysiwyg->toHtml(json_decode($json, true));
 
         $this->assertSame('<div>BarFoo: Hello World</div>', $result);
     }
-}
+}
diff --git a/tests/options.json b/tests/options.json
@@ -0,0 +1,69 @@
+{
+    "type": "doc",
+    "content": [
+      {
+        "type": "codeBlock",
+        "content": [
+          {
+            "type": "text",
+            "text": "function hello() {\n    console.log('Hello, World!');\n}"
+          }
+        ]
+      },
+      {
+        "type": "horizontalRule"
+      },
+      {
+        "type": "table",
+        "content": [
+          {
+            "type": "tableRow",
+            "content": [
+              {
+                "type": "tableCell",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "Cell 1"
+                  }
+                ]
+              },
+              {
+                "type": "tableCell",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "Cell 2"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "tableRow",
+            "content": [
+              {
+                "type": "tableCell",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "Cell 3"
+                  }
+                ]
+              },
+              {
+                "type": "tableCell",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "Cell 4"
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }
+