Installation

@erikt/ajax is distributed as an ES module and requires no build step.

Package manager

Install with your package manager of choice:

pnpm add @erikt/ajax

Then import it in your entry file:

import ajax from '@erikt/ajax'

ajax.register({
  target: '#link-about',
  swaps: [{ replace: '#main' }],
})

CDN

The simplest way to load Ajax is a single script tag:

<script type="module" src="https://esm.sh/@erikt/ajax"></script>

Import map

Use an import map to reference Ajax by its package name across multiple scripts:

<script type="importmap">
  {
    "imports": {
      "@erikt/ajax": "https://esm.sh/@erikt/ajax"
    }
  }
</script>

import ajax from '@erikt/ajax'

The import map must appear before any <script type="module"> tags that use it.

Morph plugin

The morph plugin requires idiomorph as a peer dependency. Add it to the import map:

<script type="importmap">
  {
    "imports": {
      "@erikt/ajax": "https://esm.sh/@erikt/ajax",
      "idiomorph": "https://esm.sh/idiomorph@0.7.4"
    }
  }
</script>

idiomorph is only needed when using the morph plugin.