Method generatePath

src/code-lenses/ComponentLens.ts:35–56

* Method to generate the final path to open in browser * @param prefix Url prefix eg http://localhost:3000 * @param path Path of the file * @param urlGenerator Optional generator function * @returns Returns the final path to open in browser

(prefix: string, path: String, urlGenerator: string | undefined)

   * @returns Returns the final path to open in browser
   */
  generatePath(prefix: string, path: String, urlGenerator: string | undefined) {
    // Adds a trailing slash if the prefix doesn't have one
    const urlPrefix = prefix.endsWith("/") ? prefix : prefix + "/";
    // Generate the path based on the urlGenerator function if one is provided
    const generatedPath = urlGenerator ? eval(urlGenerator)(path) : undefined;
    // If the path is generated, return it
    if (generatedPath) {
      return urlPrefix + this.sanitizePath(generatedPath);
    }
    // Otherwise, generate the path based on the file path, gets the path after the routes folder and splits everything by the dot
    const pathChunks = path.split("routes/")[1].split(".");
    // Removes the extension from the path
    const pathChunksWithoutExtension = pathChunks.slice(0, pathChunks.length - 1).join("/");
    // Converts the path to a URL by splitting the path by the slash, removing unneeded segments and joining everything back together
    const sanitizedPathChunks = pathChunksWithoutExtension
      .split("/")
      .map((chunk) => this.convertRemixPathToUrl(chunk))
      .filter((chunk) => chunk !== "")
      .join("/");

    return urlPrefix + this.sanitizePath(sanitizedPathChunks);
  }

  provideCodeLenses(
    document: vscode.TextDocument,