@tekkare/romulus 0.1.251 → 0.1.252

package/layer/app/components/oip-science/pubmed/Cards.vue

@@ -0,0 +1,417 @@
+<!--
+  Carte d'une publication PubMed, portee de France Augmented Science. Le menu
+  d'export de la carte n'exporte plus que les champs lus dans la carte (cf.
+  RmResultCard) : l'export complet (useGenerateExcel, auteurs RPPS) reste a FAS.
+-->
+<template>
+  <RmResultCard
+    class="pub_card oip-science"
+    clickable
+    :count="dateFormat(data.article_date)"
+    :count-label="$t('oipScience.cards.firstPublished')"
+    :count-extra="[$t('oipScience.cards.lastRevised'), dateFormat(data.revised_date)]"
+    :lang="lang"
+    :link="detailsUrl"
+    @click="openCard($event, nav, 'PubMed', id)"
+  >
+    <template #code>
+      <RmCopyCode v-if="id" label="PMID" :value="String(id)" :lang="lang" />
+      <RmButton
+        v-if="getSection"
+        class="abstract_btn"
+        variant="secondary"
+        size="sm"
+        @click.stop="() => (showModal = true)"
+      >
+        {{ $t('oipScience.cards.readAbstract') }}
+      </RmButton>
+    </template>
+
+    <template #title>
+      <RmTextHighlight
+        :queries="getSearchHighlight"
+        :text="ifNoRes(data.title)"
+      />
+    </template>
+
+    <template #actions>
+      <component
+        :is="projectButton"
+        v-if="projectButton"
+        :resource-id="id"
+        type="PubMed"
+        :label="data.title"
+        compact
+      />
+    </template>
+
+    <template #meta>
+      <RmTag v-if="data.delete" variant="rose">{{ $t('oipScience.cards.articleDeleted') }}</RmTag>
+      <span
+        v-if="typeof matchScore === 'number'"
+        class="match-score-badge"
+        :class="matchScore >= 0.85 ? 'score-high' : 'score-low'"
+        :data-tooltip="$t('oipScience.common.matchingScoreTooltip')"
+      >{{ $t('oipScience.cards.matchingScore') }} : {{ Math.round(matchScore * 100) }}%</span>
+    </template>
+
+    <RmDrawer v-model="showModal" size="md" :label="$t('oipScience.cards.pubmedAbstract')">
+      <template #header>
+        <p class="abstract_drawer_title">{{ $t('oipScience.cards.pubmedAbstract') }}</p>
+      </template>
+      <div class="oip-science oip_column_grid gap-24">
+        <RmTextHighlight
+          :queries="getSearchHighlight"
+          :text="ifNoRes(data.title)"
+          class="kk_title_medium"
+        />
+        <div v-if="getSection" class="oip_grid gap-16">
+          <div v-for="(item, index) in getSection" :key="index">
+            <div
+              class="oip_grid gap-24"
+              :id="item?.label?.toLowerCase()"
+            >
+              <div class="oip_grid gap-4">
+                <h1 class="kk_title_medium_2">
+                  {{ formatName(item.label) }}
+                </h1>
+              </div>
+
+              <RmTextHighlight
+                :queries="getSearchHighlight"
+                :text="item.text"
+                class="oip_body"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+      <template v-if="data.pmc && data.pmc !== ''" #footer>
+        <RmButton suffix-icon="ArrowSquareOut" @click="openLink()">
+          {{ $t('oipScience.cards.openFreeArticle') }}
+        </RmButton>
+      </template>
+    </RmDrawer>
+
+        <div class="oip_grid gap-16">
+          <OipScienceCommonTableTags
+            icon="Users"
+            :title="$t('oipScience.cards.authors')"
+            :values="getAuthors.filter((x) => x && x !== ' ')"
+            :highlightQueries="getSearchHighlight"
+            :is-full-results="false"
+          ></OipScienceCommonTableTags>
+
+          <OipScienceCommonTableTags
+            v-if="prefs.articleType"
+            icon="Article"
+            :title="$t('oipScience.common.articleType')"
+            :values="getArticleType"
+            :highlightQueries="getSearchHighlight"
+          ></OipScienceCommonTableTags>
+          <OipScienceCommonTableTags
+            icon="BookOpen"
+            :title="$t('oipScience.common.journalName')"
+            :values="getJournalName"
+            :highlightQueries="getSearchHighlight"
+          ></OipScienceCommonTableTags>
+
+          <OipScienceCommonTableTags
+            v-if="prefs.molecules"
+            icon="Molecule"
+            :title="$t('oipScience.common.molecules')"
+            :values="getDrugs"
+            :highlightQueries="getSearchHighlight"
+          ></OipScienceCommonTableTags>
+
+          <OipScienceCommonTableTags
+            v-if="prefs.keywords"
+            icon="TextAa"
+            :title="$t('oipScience.common.keywords')"
+            :values="getKeywords"
+            :highlightQueries="getSearchHighlight"
+            :is-full-results="false"
+          ></OipScienceCommonTableTags>
+          <OipScienceCommonTableTags
+            v-if="prefs.mesh"
+            icon="Tag"
+            :title="$t('oipScience.common.meshTerms')"
+            :values="getMeshTerms"
+            :highlightQueries="getSearchHighlight"
+            :is-full-results="false"
+          ></OipScienceCommonTableTags>
+
+          <OipScienceCommonTableTags
+            v-if="prefs.rare && getRareDiseases.length > 0"
+            icon="Bandaids"
+            :title="$t('oipScience.common.rareDiseases')"
+            :values="getRareDiseases"
+            :highlightQueries="getSearchHighlight"
+          ></OipScienceCommonTableTags>
+           <OipScienceCommonTableTags
+           v-if="prefs.oncoIcd10 && (shouldShowCancerTags && getICD10.length > 0)"
+            icon="FaceMask"
+            title="ICD 10"
+            :values="getICD10"
+            :highlightQueries="getSearchHighlight"
+            :isFullResults="false"
+            :result-size-limit="2"
+          ></OipScienceCommonTableTags>
+          <OipScienceCommonTableTags
+          v-if="prefs.oncoTerms && (shouldShowCancerTags && getOncologyTerms.length > 0)"
+            icon="ListMagnifyingGlass"
+            :title="$t('oipScience.common.oncologyTerms')"
+            :values="getOncologyTerms"
+            :highlightQueries="getSearchHighlight"
+            :isFullResults="false"
+            :result-size-limit="2"
+            :hoverText="$t('oipScience.cards.oncologyTermsHover')"
+          ></OipScienceCommonTableTags>
+        </div>
+
+    <!-- Ce que la recherche a reellement matche, extraits compris : souvent
+         dans un texte que la carte ne montre pas. -->
+    <OipScienceElasticMatchExplain :match="data._match" />
+
+    <template #footer>
+      <div class="oip_grid gap-8">
+        <OipScienceCommonSource :sources="['PubMed']" :lang="lang" />
+        <p v-if="data.pmc && data.pmc !== ''">
+          {{ $t('oipScience.cards.freeArticleAvailable') }}
+          <a
+            target="_blank"
+            class="kk_text link cool_grey"
+            :href="`https://pmc.ncbi.nlm.nih.gov/articles/${data.pmc}/pdf`"
+          >
+            {{ $t('oipScience.cards.read') }} ↗
+          </a>
+        </p>
+      </div>
+    </template>
+  </RmResultCard>
+</template>
+
+<script setup lang="ts">
+import type { PropType } from 'vue';
+import {
+  ifNoRes,
+  dateFormat,
+  formatName,
+  removeDuplicate,
+  dedupNormalized,
+  capitalizeFirstLetter,
+} from '../../../oip-science/utils/styleAndFormat';
+import { openCard } from '../../../oip-science/utils/b-openCard';
+
+// Types de France Augmented Science (types/Pubmed) : pas portes.
+type Pubmed = any;
+type PubmedGenomics = any;
+type PubmedAuthor = any;
+type PubmedRareDiseases = any;
+type PubmedMolecule = any;
+
+const showModal = ref(false);
+const { locale } = useI18n();
+const lang = computed(() => (locale.value === 'en' ? 'en' : 'fr'));
+const nav = useOipResourceNav();
+const { projectButton } = useOipResourceHooks();
+
+const props = defineProps({
+  data: {
+    type: Object as PropType<Pubmed>,
+    default: () => ({} as Pubmed),
+  },
+  id: {
+    type: String,
+    default: '',
+  },
+  matchScore: {
+    type: Number,
+    default: null,
+  },
+  matchMethod: {
+    type: String,
+    default: null,
+  },
+  /** Termes de la recherche a surligner (filterStore dans FAS). */
+  highlight: {
+    type: Array as PropType<string[]>,
+    default: () => [],
+  },
+  /**
+   * Rangees choisies dans « Personnaliser » (store cardPrefs de FAS). Sans
+   * choix, FAS n'en affiche aucune en plus pour PubMed.
+   */
+  prefs: {
+    type: Object as PropType<Record<string, boolean>>,
+    default: () => ({}),
+  },
+});
+
+function openLink() {
+  const url = `https://pmc.ncbi.nlm.nih.gov/articles/${props.data.pmc}/pdf`;
+  window.open(url, '_blank');
+}
+
+const getArticleType = computed(() => {
+  return removeDuplicate(
+    (props.data.publication_types &&
+      props.data.publication_types.map((res: string) => res)) ??
+      []
+  );
+});
+
+const shouldShowCancerTags = computed( () => {
+  return getArticleType.value.some( (type) => 
+    ['Meta-Analysis', 'Systematic Review'].includes(type)
+  );
+})
+
+const getJournalName = computed(() => {
+  return [ifNoRes(props.data.journal)];
+});
+
+const getDrugs = computed(() => {
+  return removeDuplicate(
+    (props.data.chemical_list &&
+      props.data.chemical_list.map((res: string) => res)) ??
+      []
+  );
+});
+
+const getKeywords = computed(() => {
+  return removeDuplicate(
+    (props.data.keywords &&
+      props.data.keywords.map((res: string) => res).filter((y: string) => y !== '')) ??
+      []
+  );
+});
+
+const getMeshTerms = computed(() => {
+  return removeDuplicate(
+    (props.data.mesh_terms &&
+      props.data.mesh_terms.map((res: string) => res)) ??
+      []
+  );
+});
+
+const getAuthors = computed(() => {
+  return removeDuplicate(
+    (props.data.authors &&
+      props.data.authors.map(
+        (res: PubmedAuthor) => `${res.forename} ${res.lastname}`
+      )) ??
+      []
+  );
+});
+
+const getRareDiseases = computed(() => {
+  return removeDuplicate(
+    (props.data.rare_diseases &&
+      props.data.rare_diseases.map(
+        (res: PubmedRareDiseases) => res.concat_disease_name_orpha_code
+      )) ??
+      []
+  );
+});
+
+const getGenomicsSymbols = computed(() => {
+  if (!props.data.genomics) return [];
+  return props.data.genomics.map((g: PubmedGenomics) => g.gene_symbol);
+});
+
+const getSearchHighlight = computed(() => props.highlight);
+
+const getSection = computed(() => {
+  if (props.data?.sections && props.data?.sections.length) {
+    return props.data?.sections.sort((a: any, b: any) => a?.order - b?.order);
+  } else {
+    return null;
+  }
+});
+
+const getMolecules = computed(() => {
+  const molecules = props.data.molecules ?? [];
+  return molecules
+    .map((m: PubmedMolecule) => m?.label?.trim())
+    .filter((label: any): label is string => !!label)
+    .map((label: string) => capitalizeFirstLetter(label));
+});
+
+const getICD10 = computed(() => {
+  const list = props.data.diseases?.flatMap((d: any) => d.icd10?.map((i: any) => i.combined_label)) ?? [];
+  // dedupNormalized collapses case + singular/plural duplicates
+  // (Cancer/cancer, Neoplasms/Neoplasm) so the tag list stays tight.
+  return dedupNormalized(list);
+});
+
+const getOncologyTerms = computed(() => {
+  const terms = props.data.diseases?.flatMap((o: any) => o.section?.map((x: any) => x.label) ?? []) ?? [];
+  return dedupNormalized(terms.filter((term: any): term is string => !!term));
+});
+
+const detailsUrl = computed(() => nav.href('PubMed', props.id));
+</script>
+
+<style scoped>
+.match-score-badge {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 12px;
+  font-size: 12px;
+  font-weight: 600;
+  margin-left: 4px;
+  cursor: help;
+}
+.score-high { background: var(--color-success-bg); color: var(--color-success); }
+.score-low { background: var(--color-warning-bg); color: var(--color-warning); }
+
+.abstract_drawer_title {
+  margin: 0;
+  font-size: var(--font-16);
+  font-weight: var(--weight-bold);
+}
+
+/* Bouton « Read abstract » a la hauteur du tag PMID (RmCopyCode), dans le
+   violet clair du bandeau de projet. */
+.abstract_btn.rm-button {
+  background: color-mix(in srgb, var(--rm-shell-accent) 16%, var(--rm-shell-surface));
+  border-color: color-mix(in srgb, var(--rm-shell-accent) 40%, transparent);
+  color: var(--color-primary);
+  padding: var(--space-2) var(--space-8);
+  border-radius: var(--radius-sm);
+  font-size: var(--font-13);
+  line-height: 1.4;
+}
+.abstract_btn.rm-button:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--rm-shell-accent) 28%, var(--rm-shell-surface));
+  border-color: var(--rm-shell-accent);
+  color: var(--color-primary);
+}
+
+/* Memes dates que les cartes d'essais : libelle au-dessus de sa date,
+   countExtra porte [libellé, date]. */
+.pub_card :deep(.rm-rcard__count) {
+  flex-basis: 176px;
+  align-items: flex-start;
+  text-align: left;
+}
+.pub_card :deep(.rm-rcard__count-label) { order: 1; font-size: 10px; }
+.pub_card :deep(.rm-rcard__count-value) { order: 2; font-size: 16px; white-space: nowrap; }
+.pub_card :deep(.rm-rcard__count-extra) { order: 3; }
+.pub_card :deep(.rm-rcard__count-extra:nth-child(3)) {
+  margin-top: 10px;
+  color: var(--text-muted);
+  font-size: 10px;
+  font-weight: var(--weight-semibold);
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+.pub_card :deep(.rm-rcard__count-extra:nth-child(4)) {
+  margin-top: var(--space-2);
+  font-size: 16px;
+  font-weight: var(--weight-bold);
+  line-height: 1.1;
+  white-space: nowrap;
+}
+</style>

package/layer/app/components/oip-science/pubmed/ClinicalTrials.vue

@@ -0,0 +1,71 @@
+<!--
+  Onglet « Essais cliniques » d'une publication PubMed (portage de la page
+  /pubmed/[id]/clinical-trials de France Augmented Science).
+-->
+<template>
+  <div class="oip-science">
+    <OipScienceClinicalTrialsLinkedList
+      :nct-ids="nctIds"
+      :euct-ids="euctIds"
+      :title="$t('oipScience.common.clinicalTrials')"
+      :sources="['PubMed', 'CT.gov', 'EUCT']"
+      index-last-update="PubMed"
+      :loading="isLoadingQueryPubmed || isLoadingEuct"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import indexConfig from '../../../oip-science/indexConfig.json';
+import usePubmed from '../../../oip-science/composables/usePubmed';
+import useOipElastic from '../../../oip-science/composables/useOipElastic';
+
+const props = withDefaults(
+  defineProps<{
+    /** PMID de la publication. */
+    id: string;
+    highlight?: string[];
+    lang?: 'fr' | 'en';
+  }>(),
+  { highlight: () => [], lang: 'fr' },
+);
+
+const { findPubmedById, resultsQueryPubmed, isLoadingQueryPubmed } = usePubmed();
+const { queryCustomElastic } = useOipElastic();
+
+const nctIds = computed<string[]>(() => (resultsQueryPubmed.value as any)?.nct_ids || []);
+
+// Les essais EUCT lies : ceux que la publication cite, et ceux qui citent la
+// publication (`pubmed_citations_id`).
+const euctIds = ref<string[]>([]);
+const isLoadingEuct = ref(true);
+
+async function load() {
+  if (!props.id) return;
+  const pubmedId = props.id.toString();
+  isLoadingEuct.value = true;
+  try {
+    await findPubmedById({ id: pubmedId });
+    const cited: string[] = (resultsQueryPubmed.value as any)?.euct_ids || [];
+    const should: any[] = [{ match: { pubmed_citations_id: pubmedId } }];
+    if (cited.length) should.push({ terms: { 'euct_number.keyword': cited } });
+    const res = await queryCustomElastic({
+      index: indexConfig.euct.index,
+      cluster: indexConfig.euct.cluster,
+      customQuery: {
+        size: 1000,
+        _source: ['euct_number'],
+        query: { bool: { should, minimum_should_match: 1 } },
+      },
+    });
+    euctIds.value = [...new Set<string>((res?.results || []).map((d: any) => d?.euct_number).filter(Boolean))];
+  } catch (e) {
+    console.error(e);
+  } finally {
+    isLoadingEuct.value = false;
+  }
+}
+
+onMounted(load);
+watch(() => props.id, load);
+</script>

package/layer/app/components/oip-science/resources/Phrc.vue

@@ -0,0 +1,39 @@
+<!--
+  Un appel a projets (PHRC) range dans un projet : sa carte de resultat, celle
+  de la liste des appels a projets de France Augmented Science, relue dans
+  l'index par son identifiant.
+-->
+<template>
+  <div class="oip-science oip-sc-phrc">
+    <RmLoadingState v-if="pending" spinner />
+    <OipScienceAppelAProjetCards v-else-if="doc" :data="doc" :highlight="highlight" />
+    <RmEmptyState
+      v-else
+      icon="FileX"
+      :title="lang === 'en' ? 'Record unavailable' : 'Fiche indisponible'"
+      :text="lang === 'en' ? 'The record is no longer in the data.' : 'La fiche n\'est plus dans la donnée.'"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { oipEsGet } from "../../../composables/useOipResources";
+import indexConfig from "../../../oip-science/indexConfig.json";
+
+const props = withDefaults(defineProps<{ id: string; highlight?: string[]; lang?: "fr" | "en" }>(), {
+  highlight: () => [],
+  lang: "fr",
+});
+
+const { data: doc, pending } = useAsyncData(
+  () => `oip-phrc-${props.id}`,
+  async () => (await oipEsGet("science", indexConfig.phrc.index, props.id))?._source ?? null,
+  { server: false, watch: [() => props.id] },
+);
+</script>
+
+<style scoped>
+.oip-sc-phrc {
+  padding: var(--space-24);
+}
+</style>

package/layer/app/composables/useOipChapterScroll.ts

@@ -0,0 +1,43 @@
+import type { Ref } from "vue";
+
+/**
+ * Le sommaire d'une fiche de ressource (RmChaptersNav), ou qu'elle soit
+ * montee : page du cadre OIP 7 (qui defile `.rm-shell__main`, pas la fenetre)
+ * ou tiroir d'un projet. On defile le premier ancetre defilant, sous l'en-tete
+ * de fiche qui y colle.
+ */
+export function useOipChapterScroll(root: Ref<HTMLElement | null>) {
+  /** Le haut de la zone lue, dans la fenetre : le sommaire s'en sert pour l'onglet actif. */
+  const chaptersOffset = ref(0);
+  /** La hauteur ou le sommaire colle, sous l'en-tete de fiche. */
+  const stickyTop = ref(0);
+
+  function scroller(): HTMLElement | null {
+    let node = root.value?.parentElement ?? null;
+    while (node) {
+      const { overflowY } = getComputedStyle(node);
+      if (overflowY === "auto" || overflowY === "scroll") return node;
+      node = node.parentElement;
+    }
+    return document.querySelector(".rm-shell__main");
+  }
+
+  function stickyHeaderHeight() {
+    return (scroller()?.querySelector(".rm-page-header") as HTMLElement | null)?.offsetHeight ?? 0;
+  }
+
+  onMounted(() => {
+    stickyTop.value = stickyHeaderHeight() + 8;
+    chaptersOffset.value = (scroller()?.getBoundingClientRect().top ?? 0) + stickyTop.value;
+  });
+
+  function scrollToChapter(id: string) {
+    const main = scroller();
+    const section = root.value?.querySelector(`#${CSS.escape(id)}`) as HTMLElement | null;
+    if (!main || !section) return;
+    const top = section.getBoundingClientRect().top - main.getBoundingClientRect().top + main.scrollTop;
+    main.scrollTo({ top: top - stickyHeaderHeight() - 8, behavior: "smooth" });
+  }
+
+  return { chaptersOffset, stickyTop, scrollToChapter };
+}

package/layer/app/composables/useOipResourceHooks.ts

@@ -0,0 +1,27 @@
+import type { Component, InjectionKey } from "vue";
+
+/**
+ * Ce que l'app prete aux vues de ressources du layer, et qu'elles ne peuvent
+ * pas porter elles-memes : son bouton Projet (son client de l'API, son projet
+ * actif) et l'ouverture de son panneau Sources. Une app les fournit une fois,
+ * par un plugin :
+ *
+ *   nuxtApp.vueApp.provide(OIP_RESOURCE_HOOKS, { projectButton, openSource })
+ *
+ * Absents, la vue s'en passe : pas de bouton, source non cliquable.
+ */
+export interface OipResourceHooks {
+  /**
+   * Bouton « Projet » d'une carte ou d'une fiche. Props : `resourceId`,
+   * `type` (le resourceType), `label` facultatif, `compact` facultatif.
+   */
+  projectButton?: Component | null;
+  /** Ouvre le panneau Sources du rail sur la fiche Directus `uuid`. */
+  openSource?: (uuid: string) => void;
+}
+
+export const OIP_RESOURCE_HOOKS: InjectionKey<OipResourceHooks> = Symbol("oip-resource-hooks");
+
+export function useOipResourceHooks(): OipResourceHooks {
+  return inject(OIP_RESOURCE_HOOKS, {});
+}

package/layer/app/composables/useOipResourceNav.ts

@@ -0,0 +1,66 @@
+import type { InjectionKey } from "vue";
+import { oipResourceAppUrl, oipResourceSpec, type OipResourceApp } from "../utils/oipResources";
+
+/**
+ * Les liens d'une fiche de ressource vers une autre (l'auteur d'une
+ * publication vers sa fiche professionnel, un essai vers son centre...).
+ *
+ * Une vue du layer ne sait pas ou elle est montee : dans une page, le lien
+ * navigue (sur place si la fiche est de l'app, dans un onglet sinon) ; dans le
+ * tiroir d'un projet, il empile un tiroir de plus. Le tiroir fournit son
+ * propre `open` ; ailleurs, c'est la navigation par defaut.
+ */
+export interface OipResourceNav {
+  /** Ouvre la fiche (onglet `tab`, sinon le premier). */
+  open: (type: string, id: string, tab?: string) => void;
+  /** L'URL de la fiche, pour un vrai lien (Ctrl/Cmd-clic). */
+  href: (type: string, id: string, tab?: string) => string;
+  /**
+   * Une page d'une app qui n'est pas une fiche du layer (un appel a projets
+   * de France Augmented Science...) : sur place dans cette app, dans un
+   * onglet ailleurs. `appHref` en donne l'URL.
+   */
+  openApp: (app: OipResourceApp, path: string) => void;
+  appHref: (app: OipResourceApp, path: string) => string;
+}
+
+export const OIP_RESOURCE_NAV: InjectionKey<OipResourceNav> = Symbol("oip-resource-nav");
+
+/** L'app qui affiche : `oip.resourceApp` de son app.config. */
+export function useOipResourceApp(): OipResourceApp | "" {
+  return ((useAppConfig() as any).oip?.resourceApp ?? "") as OipResourceApp | "";
+}
+
+/** La navigation par defaut : celle d'une page. */
+export function useOipDefaultResourceNav(): OipResourceNav {
+  const app = useOipResourceApp();
+  const localePath = useLocalePath();
+  const { locale } = useI18n();
+
+  function target(type: string, id: string, tab?: string) {
+    const spec = oipResourceSpec(type);
+    if (!spec) return null;
+    const path = spec.detailPath(id, tab);
+    if (spec.app === app) return { local: true, url: localePath(path) };
+    return { local: false, url: oipResourceAppUrl(spec.app, path, lang()) };
+  }
+
+  const lang = () => (locale.value === "en" ? "en" : "fr");
+  const appHref = (target: OipResourceApp, path: string) =>
+    target === app ? localePath(path) : oipResourceAppUrl(target, path, lang());
+  const go = (url: string, local: boolean) => (local ? navigateTo(url) : window.open(url, "_blank", "noopener"));
+
+  return {
+    href: (type, id, tab) => target(type, id, tab)?.url ?? "",
+    open(type, id, tab) {
+      const to = target(type, id, tab);
+      if (to) go(to.url, to.local);
+    },
+    appHref,
+    openApp: (target, path) => go(appHref(target, path), target === app),
+  };
+}
+
+export function useOipResourceNav(): OipResourceNav {
+  return inject(OIP_RESOURCE_NAV, null) ?? useOipDefaultResourceNav();
+}