Autocomplete for file paths

[anthmatic]

Autocomplete for file paths!

This will apply to these HubL tags/params:

• include
• import
• <tag> path=""
• extend

Currently supports file paths and does not autocomplete built-in module names. After choosing a file path, if there is no closing quote, it will automatically be added.

[lolcabanon]

Hey @anthmatic !

I don't really know where else to submit my idea, so i'll do it here, since it is a little bit on the same vibe. Feel free to point me in the right direction if there is a better place to discuss that!

I am currently building a CMS Theme starting from the wonderful cms-theme-boilerplate and the experience is mostly awesome! Congrats to HubSpot team for this btw!

Here is an idea I got and would love to see implemented :

Common paths shorthand/alias a bit like the @hubspot/module-name functionality and inspired by the SvelteKit $lib alias (see doc for details).

The possibility to use custom aliases like @theme/module-name or @modules/module-name in templates would be amazing instead of the current ../../modules/module-name. At least predefined aliases for common paths like "modules" or "sections" would be good enough and probably easier to manage on your end (if the project structure follows a standard pattern, of course).

I also understand that paths like @hubspot/module-name seems to be absolute paths to HubSpot built-in modules, so it might not be just "add another alias" but rather adding a completely new alias feature.

Anyway, just wanted to start the discussion and see where it would go! 😄

Edit :

I also cannot get path autocompletion for module blocks path in my template to work in parent directories... If I type {% module "button" path=" I will get my current folder files as suggestions, but as soon as I type ../ to go towards my modules folder, the autocompletion stops to work.

I get a lint warning "unable to find module ../../modules/button" but the module is showing as expected in my demo page using the template.

(My starting point is a header partial, thus going up from partials -> templates -> src and then down into modules -> button.module.)

[jsines]

Hi @lolcabanon ! 👋

We always love hearing feedback on these tools so your contribution is well appreciated.

I've filed two separate issues based on your comment to get them on our dev team's radar. Feel free if you'd like to add additional info to those tickets, otherwise you can just watch them for any updates.

#252
#253

Thanks for the suggestion & bug report!