TSAssetHover

TSAssetHover helps TypeScript projects preview local asset paths directly from the editor. Hover a string literal that points to a workspace file, and the extension shows a preview or quick actions for that file.

What You Can Do

• Preview image assets from TypeScript and TSX string literals.
• Open the referenced workspace file from the hover popup.
• Send the referenced file to the Codex/ChatGPT extension when it is installed.
• Use Windows or Unix-style path separators.
• See a clear missing-file message when the path cannot be resolved.

How To Use

Open a TypeScript or TSX file and hover a string path that points to a file in your workspace:

const icon = "assets/images/ui_icon.blp";
const font = "assets/fonts/main.ttf";

If the path points to an image, the hover shows a preview and file actions. If the path points to another supported workspace file, the hover shows file actions without an image preview.

External Asset Directories

Set tsAssetHover.externalDirectories in VS Code settings to search asset folders outside the workspace. Enter absolute directory paths separated with semicolons. The workspace is searched first, followed by the configured directories in order.

You can also run the TSAssetHover: Configure External Asset Directories command from the Command Palette to edit this setting.

{
  "tsAssetHover.externalDirectories": "D:\\WarcraftAssets;E:\\SharedAssets"
}

For example, assets/icons/example.blp is resolved as D:\WarcraftAssets\assets\icons\example.blp when it is not present in the workspace. Absolute asset paths are also supported, but must be inside the workspace or one of these configured directories.

Supported Image Previews

• PNG
• JPG / JPEG
• TGA
• BLP

BLP preview is intended for Warcraft III BLP1 textures. BLP2 preview is not currently supported.

Requirements

• VS Code 1.118.0 or newer
• Optional: OpenAI Codex/ChatGPT extension for the Send File to ChatGPT action

Notes

• Paths must point to files inside the current workspace or a configured external asset directory.
• Very large image previews are scaled down in the hover.
• Some uncommon BLP1 variants may not preview correctly yet.