specify prefixes for blade components

Author: joetannenbaum

php-templates/blade-components.php

@@ -3,14 +3,16 @@
 $components = new class {
     protected $autoloaded = [];
 
+    protected $prefixes = [];
+
     public function __construct()
     {
         $this->autoloaded = require base_path("vendor/composer/autoload_psr4.php");
     }
 
     public function all()
     {
-        return collect(array_merge(
+        $components = collect(array_merge(
             $this->getStandardClasses(),
             $this->getStandardViews(),
             $this->getNamespaced(),
@@ -21,6 +23,11 @@ public function all()
             'isVendor' => $items->first()['isVendor'],
             'paths' => $items->pluck('path')->values(),
         ]);
+
+        return [
+            'components' => $components,
+            'prefixes' => $this->prefixes,
+        ];
     }
 
     protected function getStandardViews()
@@ -139,6 +146,10 @@ protected function getAnonymous()
                         })
                 )
             );
+
+            if (!in_array($item['prefix'], $this->prefixes)) {
+                $this->prefixes[] = $item['prefix'];
+            }
         }
 
         return $components;

src/features/bladeComponent.ts

@@ -8,39 +8,47 @@ export const linkProvider: LinkProvider = (doc: vscode.TextDocument) => {
     const links: vscode.DocumentLink[] = [];
     const text = doc.getText();
     const lines = text.split("\n");
-    const views = getBladeComponents().items;
+    const components = getBladeComponents().items;
+    const regexes = [new RegExp(/<\/?x-([^\s>]+)/)];
 
-    lines.forEach((line, index) => {
-        const regexes = [
-            new RegExp(/<\/?x-([^\s>]+)/),
-            new RegExp(/<\/?((flux|what)\:[^\s>]+)/),
-        ];
+    if (components.prefixes.length > 0) {
+        regexes.push(
+            new RegExp(`<\\/?((${components.prefixes.join("|")})\\:[^\\s>]+)`),
+        );
+    }
 
+    lines.forEach((line, index) => {
         for (const regex of regexes) {
             const match = line.match(regex);
             // get reflection properties for classes
             // auto complete them + hover?
 
-            if (match && match.index !== undefined) {
-                const component = views[match[1]];
+            if (!match || match.index === undefined) {
+                continue;
+            }
 
-                if (!component) {
-                    return;
-                }
+            const component = components.components[match[1]];
 
-                links.push(
-                    new vscode.DocumentLink(
-                        new vscode.Range(
-                            new vscode.Position(index, match.index + 1),
-                            new vscode.Position(
-                                index,
-                                match.index + match[0].length,
-                            ),
+            if (!component) {
+                return;
+            }
+
+            const path =
+                component.paths.find((p) => p.endsWith(".blade.php")) ||
+                component.paths[0];
+
+            links.push(
+                new vscode.DocumentLink(
+                    new vscode.Range(
+                        new vscode.Position(index, match.index + 1),
+                        new vscode.Position(
+                            index,
+                            match.index + match[0].length,
                         ),
-                        vscode.Uri.parse(projectPath(component.paths[0])),
                     ),
-                );
-            }
+                    vscode.Uri.parse(projectPath(path)),
+                ),
+            );
         }
     });
 

src/repositories/bladeComponents.ts

@@ -2,10 +2,13 @@ import { runInLaravel, template } from "@src/support/php";
 import { repository } from ".";
 
 export interface BladeComponents {
-    [key: string]: {
-        paths: string[];
-        isVendor: boolean;
+    components: {
+        [key: string]: {
+            paths: string[];
+            isVendor: boolean;
+        };
     };
+    prefixes: string[];
 }
 
 const load = () => {
@@ -15,6 +18,9 @@ const load = () => {
 export const getBladeComponents = repository<BladeComponents>(
     load,
     "{,**/}{view,views}/{*,**/*}",
-    {},
+    {
+        components: {},
+        prefixes: [],
+    },
     ["create", "delete"],
 );

src/templates/blade-components.ts

@@ -3,14 +3,16 @@ export default `
 $components = new class {
     protected $autoloaded = [];
 
+    protected $prefixes = [];
+
     public function __construct()
     {
         $this->autoloaded = require base_path("vendor/composer/autoload_psr4.php");
     }
 
     public function all()
     {
-        return collect(array_merge(
+        $components = collect(array_merge(
             $this->getStandardClasses(),
             $this->getStandardViews(),
             $this->getNamespaced(),
@@ -21,6 +23,11 @@ $components = new class {
             'isVendor' => $items->first()['isVendor'],
             'paths' => $items->pluck('path')->values(),
         ]);
+
+        return [
+            'components' => $components,
+            'prefixes' => $this->prefixes,
+        ];
     }
 
     protected function getStandardViews()
@@ -139,6 +146,10 @@ $components = new class {
                         })
                 )
             );
+
+            if (!in_array($item['prefix'], $this->prefixes)) {
+                $this->prefixes[] = $item['prefix'];
+            }
         }
 
         return $components;