Function resolveResourceTitle

website/src/scripts/modal.ts:76–110

* Look up the display title for a resource from its JSON data file

(
  filePath: string,
  type: string
)

 * Look up the display title for a resource from its JSON data file
 */
async function resolveResourceTitle(
  filePath: string,
  type: string
): Promise<string> {
  const fallback = filePath.split("/").pop() || filePath;
  const jsonFile = RESOURCE_TYPE_TO_JSON[type];
  if (!jsonFile) return fallback;

  if (!(jsonFile in resourceDataCache)) {
    resourceDataCache[jsonFile] = await fetchData<ResourceData>(jsonFile);
  }

  const data = resourceDataCache[jsonFile];
  if (!data) return fallback;

  // Try exact path match first
  const item = data.items.find((i) => i.path === filePath);
  if (item) return item.title;

  // For skills/hooks, bundled files live under the resource folder while
  // JSON stores the folder path itself (for example, skills/foo).
  const collectionRootPath =
    type === "skill"
      ? getCollectionRootPath(filePath, "skills")
      : type === "hook"
      ? getCollectionRootPath(filePath, "hooks")
      : filePath.substring(0, filePath.lastIndexOf("/"));

  if (collectionRootPath) {
    const parentItem = data.items.find((i) => i.path === collectionRootPath);
    if (parentItem) return parentItem.title;
  }

  return fallback;
}

function getFileName(filePath: string): string {
  return filePath.split("/").pop() || filePath;