watchIntegration

In development, watchIntegration will reload the Astro dev server if any files within the integration directory has changed. For example:

Extended hooks

my-integration/index.ts

import { createResolver, defineIntegration } from "astro-integration-kit";
import { watchIntegrationPlugin } from "astro-integration-kit/plugins";

export default defineIntegration({
  name: "my-integration",
  plugins: [watchIntegrationPlugin],
  setup() {
    const { resolve } = createResolver(import.meta.url);

    return {
      "astro:config:setup": ({ watchIntegration }) => {
        watchIntegration(resolve())
      }
    }
  }
})

Standalone utilities

integration/index.ts

import type { AstroIntegration } from "astro";
import { createResolver } from "astro-integration-kit";
import { watchIntegration } from "astro-integration-kit/utilities";

export default function myIntegration(): AstroIntegration {
  const { resolve } = createResolver(import.meta.url);

  return {
    name: "my-integration",
    hooks: {
      "astro:config:setup": ({ addWatchFile, command, updateConfig }) => {
        watchIntegration({
          addWatchFile,
          command,
          dir: resolve(),
          updateConfig,
        });
      },
    }
  }
}