Adresse-autocomplete i Shopify

# shopify.extension.toml
# api_version sættes af Shopify CLI, når den scaffolder extensionen —
# brug den, den genererer, frem for at kopiere en fast værdi ind.
api_version = "2025-10"

[[extensions]]
type = "ui_extension"
name = "grundfast-adresse"
handle = "grundfast-adresse"

  [[extensions.targeting]]
  target = "purchase.address-autocomplete.suggest"
  module = "./src/suggest.js"

  # UDEN denne må extensionen ikke lave netværkskald, og opslaget fejler.
  [extensions.capabilities]
  network_access = true

// src/suggest.js — target: purchase.address-autocomplete.suggest
// Ingen import og ingen wrapper: det er en almindelig default async
// funktion, og inputtet ligger på den globale 'shopify'.
export default async () => {
  const { field, value, selectedCountryCode } = shopify.target;

  // Kun danske adresser giver mening at slå op mod DAR.
  if (selectedCountryCode !== 'DK' || field !== 'address1' || value.length < 2) {
    return { suggestions: [] };
  }

  // Dit eget app-endpoint — nøglen bliver på din server, ikke i extensionen.
  // shopify.signal afbryder kaldet, når kunden skriver videre.
  const res = await fetch(
    'https://din-app.example.com/adresse?q=' + encodeURIComponent(value),
    { signal: shopify.signal }
  );
  if (!res.ok) return { suggestions: [] };
  const { results } = await res.json();

  // Shopify viser HØJST fem forslag.
  return {
    suggestions: results.slice(0, 5).map((r) => ({
      id: r.adgangsadresse_id,
      label: r.betegnelse,
      // Ingen delstrenge at fremhæve — vi rangerer serverside.
      matchedSubstrings: [],
      // Fordi /v1/adresse/search allerede gav os de strukturerede felter,
      // kan vi levere den færdige adresse med det samme. Shopify udfylder
      // formularen med den, når kunden vælger forslaget.
      formattedAddress: {
        address1: [r.vejnavn, r.husnr].filter(Boolean).join(' '),
        address2: '',
        city: r.postnrnavn ?? '',
        zip: r.postnr ?? '',
        provinceCode: '',
        countryCode: 'DK',
      },
    })),
  };
};

// src/format-suggestion.js — target:
// purchase.address-autocomplete.format-suggestion
//
// Dette target er til udbydere, der FØRST kan levere den fulde adresse,
// når kunden har valgt. Det behøver du ikke her: formattedAddress fulgte
// allerede med forslaget ovenfor. Tag kun targetet med, hvis du af andre
// grunde vil slå op igen ved valget.
export default async () => {
  const { selectedSuggestion } = shopify.target;
  return selectedSuggestion.formattedAddress;
};