discover nested components

Author: Naoray

CHANGELOG.md

@@ -1,9 +1,12 @@
 # Change Log
 
-All notable changes to the "laravel-goto-components" extension will be documented in this file.
+## [v1.1.0](https://github.com/naoray/laravel-factory-prefill/tree/v1.0.0) (2020-12-10)
 
-Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how to structure this file.
+**Added**
+- quick navigation for nested components like `x-input.button`
 
-## [Unreleased]
+## [v1.0.0](https://github.com/naoray/laravel-factory-prefill/tree/v1.0.0) (2020-12-09)
 
-- Initial release
+**Added**
+- `CTRL` + `click` to navigate `x-components` in the `components` directory
+- display existing components in `blade.php` files as links

icon.png

@@ -3,7 +3,7 @@
 	"displayName": "laravel-goto-components",
 	"description": "Quick jump to components",
 	"icon": "icon.png",
-	"version": "1.0.2",
+	"version": "1.1.0",
 	"publisher": "naoray",
 	"repository": "https://github.com/naoray/laravel-goto-components.git",
 	"engines": {
@@ -27,7 +27,7 @@
             "properties": {
                 "laravel_goto_components.regex": {
                     "type": "string",
-                    "default": "(?<=<x-)(?!slot)[a-z-]+",
+                    "default": "(?<=<x-)(?!slot)[a-z.-]+",
                     "description": "Custom regex for matching strings"
 				}
 			}

package.json

@@ -9,6 +9,7 @@ import {
   workspace,
   ProviderResult,
 } from "vscode";
+import { nameToPath } from "./utils";
 
 export default class HoverProvider implements BaseHoverProvider {
   public provideHover(
@@ -24,7 +25,7 @@ export default class HoverProvider implements BaseHoverProvider {
     }
 
     const componentName = doc.getText(range);
-    const componentPath = `/resources/views/components/${componentName}.blade.php`;
+    const componentPath = nameToPath(componentName);
     const workspacePath = workspace.getWorkspaceFolder(doc.uri)?.uri.fsPath;
 
     if (!existsSync(workspacePath + componentPath)) {

src/hoverProvider.ts

@@ -11,6 +11,7 @@ import {
   DocumentLink,
   Range,
 } from "vscode";
+import { nameToPath } from "./utils";
 
 export default class LinkProvider implements DocumentLinkProvider {
   public provideDocumentLinks(
@@ -30,12 +31,15 @@ export default class LinkProvider implements DocumentLinkProvider {
       let result = line.text.match(reg);
 
       if (result !== null) {
-        for (let item of result) {
-          const componentPath = `/resources/views/components/${item}.blade.php`;
+        for (let componentName of result) {
+          const componentPath = nameToPath(componentName);
 
           if (existsSync(workspacePath + componentPath)) {
-            let start = new Position(line.lineNumber, line.text.indexOf(item));
-            let end = start.translate(0, item.length);
+            let start = new Position(
+              line.lineNumber,
+              line.text.indexOf(componentName)
+            );
+            let end = start.translate(0, componentName.length);
             let documentlink = new DocumentLink(
               new Range(start, end),
               Uri.file(workspacePath + componentPath)

src/linkProvider.ts

@@ -0,0 +1,3 @@
+export function nameToPath(path: string): string {
+  return `/resources/views/components/${path.replace(/\./g, "/")}.blade.php`;
+}