feature: add data-line attributes

phikiphp · Oct 14, 2024 · ed9cbd2 · ed9cbd2
1 parent 31fc5aa
commit ed9cbd2
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/Generators/HtmlGenerator.php b/src/Generators/HtmlGenerator.php
@@ -40,9 +40,10 @@ public function generate(array $tokens): string
             $lines[] = $this->proxy->line(new Span(
                 new AttributeList([
                     'class' => 'line',
+                    'data-line' => $i + 1,
                 ]),
                 $children,
-            ), $i);
+            ), $i + 1);
         }
 
         $code = $this->proxy->code(new Code(children: $lines));

diff --git a/tests/Unit/PhikiTest.php b/tests/Unit/PhikiTest.php
@@ -39,6 +39,18 @@ function add(int|float $a, int|float $b): int|float {
         expect($html)->not->toContain('language-');
     });
 
+    it('adds data-line attributes to each line', function () {
+        $html = (new Phiki)->codeToHtml(<<<'PHP'
+        function add(int|float $a, int|float $b): int|float {
+            return $a + $b;
+        }
+        PHP, 'php', 'github-dark');
+
+        expect($html)->toContain('data-line="1"');
+        expect($html)->toContain('data-line="2"');
+        expect($html)->toContain('data-line="3"');
+    });
+
     it('accepts a grammar enum member', function () {
         expect((new Phiki)->codeToTokens('echo $a;', Grammar::Php))->toBeArray();
     });