livewire component linking

Author: joetannenbaum

generatable.json

@@ -50,5 +50,12 @@
         "features": [
             "link"
         ]
+    },
+    {
+        "type": "livewireComponent",
+        "label": "Livewire components",
+        "features": [
+            "link"
+        ]
     }
 ]

package.json

@@ -284,6 +284,12 @@
                     "generated": true,
                     "description": null
                 },
+                "Laravel.livewireComponent.link": {
+                    "type": "boolean",
+                    "default": true,
+                    "generated": true,
+                    "description": "Enable linking for Livewire components."
+                },
                 "Laravel.middleware.diagnostics": {
                     "type": "boolean",
                     "default": true,

src/features/livewireComponent.ts

@@ -0,0 +1,40 @@
+import { getViews } from "@src/repositories/views";
+import { projectPath } from "@src/support/project";
+import * as vscode from "vscode";
+import { LinkProvider } from "..";
+
+export const linkProvider: LinkProvider = (doc: vscode.TextDocument) => {
+    const links: vscode.DocumentLink[] = [];
+    const text = doc.getText();
+    const lines = text.split("\n");
+    const views = getViews().items;
+
+    lines.forEach((line, index) => {
+        const match = line.match(/<\/?livewire:([^\s>]+)/);
+
+        if (match && match.index !== undefined) {
+            const componentName = match[1];
+            // Standard component
+            const viewName = `livewire.${componentName}`;
+            // Index component
+            const view = views.find((v) => v.key === viewName);
+
+            if (view) {
+                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(view.path)),
+                    ),
+                );
+            }
+        }
+    });
+
+    return Promise.resolve(links);
+};

src/link/LinkProvider.ts

@@ -8,6 +8,7 @@ import { linkProvider as config } from "@src/features/config";
 import { linkProvider as controllerAction } from "@src/features/controllerAction";
 import { linkProvider as env } from "@src/features/env";
 import { linkProvider as inertia } from "@src/features/inertia";
+import { linkProvider as livewireComponent } from "@src/features/livewireComponent";
 import { linkProvider as middleware } from "@src/features/middleware";
 import { linkProvider as mix } from "@src/features/mix";
 import { linkProvider as paths } from "@src/features/paths";
@@ -28,17 +29,18 @@ const allProviders: Partial<Record<GeneratedConfigKey, LinkProviderType>> = {
     "appBinding.link": appBinding,
     "asset.link": asset,
     "auth.link": auth,
+    "bladeComponent.link": bladeComponent,
     "config.link": config,
     "controllerAction.link": controllerAction,
     "env.link": env,
     "inertia.link": inertia,
+    "livewireComponent.link": livewireComponent,
     "middleware.link": middleware,
     "mix.link": mix,
+    "paths.link": paths,
     "route.link": route,
     "translation.link": translation,
     "view.link": view,
-    "paths.link": paths,
-    "bladeComponent.link": bladeComponent,
 };
 
 export const linkProviders: DocumentLinkProvider[] = Object.entries(

src/support/generated-config.ts

@@ -1 +1 @@
-export type GeneratedConfigKey = 'appBinding.diagnostics' | 'appBinding.hover' | 'appBinding.link' | 'appBinding.completion' | 'asset.diagnostics' | 'asset.hover' | 'asset.link' | 'asset.completion' | 'auth.diagnostics' | 'auth.hover' | 'auth.link' | 'auth.completion' | 'bladeComponent.link' | 'config.diagnostics' | 'config.hover' | 'config.link' | 'config.completion' | 'controllerAction.diagnostics' | 'controllerAction.hover' | 'controllerAction.link' | 'controllerAction.completion' | 'env.diagnostics' | 'env.hover' | 'env.link' | 'env.completion' | 'inertia.diagnostics' | 'inertia.hover' | 'inertia.link' | 'inertia.completion' | 'middleware.diagnostics' | 'middleware.hover' | 'middleware.link' | 'middleware.completion' | 'mix.diagnostics' | 'mix.hover' | 'mix.link' | 'mix.completion' | 'paths.link' | 'route.diagnostics' | 'route.hover' | 'route.link' | 'route.completion' | 'translation.diagnostics' | 'translation.hover' | 'translation.link' | 'translation.completion' | 'view.diagnostics' | 'view.hover' | 'view.link' | 'view.completion';
+export type GeneratedConfigKey = 'appBinding.diagnostics' | 'appBinding.hover' | 'appBinding.link' | 'appBinding.completion' | 'asset.diagnostics' | 'asset.hover' | 'asset.link' | 'asset.completion' | 'auth.diagnostics' | 'auth.hover' | 'auth.link' | 'auth.completion' | 'bladeComponent.link' | 'config.diagnostics' | 'config.hover' | 'config.link' | 'config.completion' | 'controllerAction.diagnostics' | 'controllerAction.hover' | 'controllerAction.link' | 'controllerAction.completion' | 'env.diagnostics' | 'env.hover' | 'env.link' | 'env.completion' | 'inertia.diagnostics' | 'inertia.hover' | 'inertia.link' | 'inertia.completion' | 'livewireComponent.link' | 'middleware.diagnostics' | 'middleware.hover' | 'middleware.link' | 'middleware.completion' | 'mix.diagnostics' | 'mix.hover' | 'mix.link' | 'mix.completion' | 'paths.link' | 'route.diagnostics' | 'route.hover' | 'route.link' | 'route.completion' | 'translation.diagnostics' | 'translation.hover' | 'translation.link' | 'translation.completion' | 'view.diagnostics' | 'view.hover' | 'view.link' | 'view.completion';