astro-loader-obsidian/obsidian/fields/image.ts

Use your Obsidian Vault in Astro projects

import { dirname, relative } from 'node:path';

import type { ObsidianContext } from "../../types";

import { getAssetFromLink } from "../obsidianId";

export const image = (image: string, context: ObsidianContext) => {
  const assetId = getAssetFromLink(image, context.assets);

  if (!assetId) {
    return undefined;
  }

  const relativePath = relative(dirname(`/${context.entry}`), `/${assetId}`);

  return relativePath.startsWith('.') ? relativePath : `./${relativePath}`;
};