@datagouv/components-next 1.0.2-dev.3 → 1.0.2-dev.30

package/src/components/ResourceAccordion/XmlPreview.client.vue

@@ -9,42 +9,25 @@
     >
       {{ t("Chargement de l'aperçu XML...") }}
     </div>
-    <SimpleBanner
-      v-else-if="fileTooLarge"
-      type="warning"
-      class="flex items-center space-x-2"
-    >
-      <RiErrorWarningLine class="shrink-0 size-6" />
-      <span>{{ fileSizeBytes
-        ? t("Fichier XML trop volumineux pour l'aperçu. Pour consulter le fichier complet, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.")
-        : t("L'aperçu n'est pas disponible car la taille du fichier est inconnue. Pour consulter le fichier complet, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.")
-      }}</span>
-    </SimpleBanner>
-    <SimpleBanner
-      v-else-if="error === 'network'"
-      type="warning"
-      class="flex items-center space-x-2"
-    >
-      <RiErrorWarningLine class="shrink-0 size-6" />
-      <span>{{ t("Ce fichier XML ne peut pas être prévisualisé, peut-être parce qu'il est hébergé sur un autre site qui ne l'autorise pas. Pour le consulter, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.") }}</span>
-    </SimpleBanner>
-    <SimpleBanner
-      v-else-if="error"
-      type="warning"
-      class="flex items-center space-x-2"
-    >
-      <RiErrorWarningLine class="shrink-0 size-6" />
-      <span>{{ t("Erreur lors du chargement de l'aperçu XML.") }}</span>
-    </SimpleBanner>
+    <PreviewUnavailable v-else-if="fileTooLarge">
+      {{ fileSizeBytes
+        ? t("Le fichier XML est trop volumineux pour être prévisualisé. Téléchargez-le depuis l'onglet Téléchargements.")
+        : t("La taille du fichier est inconnue, l'aperçu n'est pas disponible. Téléchargez-le depuis l'onglet Téléchargements.")
+      }}
+    </PreviewUnavailable>
+    <PreviewUnavailable v-else-if="error === 'network'">
+      {{ t("Ce fichier est hébergé sur un site externe qui ne permet pas la prévisualisation. Téléchargez-le depuis l'onglet Téléchargements.") }}
+    </PreviewUnavailable>
+    <PreviewUnavailable v-else-if="error">
+      {{ t("L'aperçu de ce fichier n'a pas pu être chargé. Téléchargez-le depuis l'onglet Téléchargements.") }}
+    </PreviewUnavailable>
   </div>
 </template>
 
 <script setup lang="ts">
 import { computed, defineAsyncComponent, onMounted, ref } from 'vue'
-import { RiErrorWarningLine } from '@remixicon/vue'
-
 import { useComponentsConfig } from '../../config'
-import SimpleBanner from '../SimpleBanner.vue'
+import PreviewUnavailable from './PreviewUnavailable.vue'
 import type { Resource } from '../../types/resources'
 import { useTranslation } from '../../composables/useTranslation'
 import '../../types/vue3-xml-viewer.d'

package/src/components/ResourceExplorer/ResourceExplorer.vue

@@ -159,6 +159,22 @@ watch(searchDebounced, () => {
   }
 })
 
+// Separate useFetch for loadMore, initialized at setup time with immediate: false
+// so that it doesn't fetch until execute() is called from the event handler.
+const loadMoreType = ref<ResourceType>('main')
+const loadMorePage = ref(1)
+const loadMoreParams = computed(() => ({
+  type: loadMoreType.value,
+  page_size: PAGE_SIZE,
+  page: loadMorePage.value,
+  q: searchDebounced.value || undefined,
+}))
+const { data: loadMoreData, execute: executeLoadMore } = await useFetch<PaginatedArray<Resource>>(url, {
+  params: loadMoreParams,
+  immediate: false,
+  watch: false,
+})
+
 const loadMore = async (type: ResourceType) => {
   const index = RESOURCE_TYPE.indexOf(type)
   if (index === -1) return
@@ -166,17 +182,12 @@ const loadMore = async (type: ResourceType) => {
   const extraRef = extraResourcesByType[index]!
   pageRef.value++
 
-  const { data } = await useFetch<PaginatedArray<Resource>>(url, {
-    params: {
-      type,
-      page_size: PAGE_SIZE,
-      page: pageRef.value,
-      q: searchDebounced.value || undefined,
-    },
-  })
+  loadMoreType.value = type
+  loadMorePage.value = pageRef.value
+  await executeLoadMore()
 
-  if (data.value) {
-    extraRef.value = [...extraRef.value, ...data.value.data]
+  if (loadMoreData.value) {
+    extraRef.value = [...extraRef.value, ...loadMoreData.value.data]
   }
 }
 

package/src/components/ResourceExplorer/ResourceExplorerViewer.vue

@@ -17,6 +17,12 @@
           />
         </div>
         <div class="text-gray-medium text-xs flex items-center gap-1">
+          <SchemaBadge :resource />
+          <RiSubtractLine
+            v-if="resource.schema"
+            aria-hidden="true"
+            class="size-3 fill-gray-medium"
+          />
           <span>{{ t('mis à jour {date}', { date: formatRelativeIfRecentDate(resource.last_modified) }) }}</span>
           <RiSubtractLine
             aria-hidden="true"
@@ -133,9 +139,12 @@
                 :url="resource.extras['apidocUrl'] as string"
               />
               <Preview
-                v-else
+                v-else-if="hasTabularData"
                 :resource="resource"
               />
+              <PreviewUnavailable v-else>
+                {{ t("Ce fichier ne peut pas être prévisualisé. Téléchargez-le depuis l'onglet Téléchargements.") }}
+              </PreviewUnavailable>
             </div>
             <div v-if="tab.key === 'description'">
               <MarkdownViewer
@@ -298,6 +307,7 @@
 <script setup lang="ts">
 import { computed, defineAsyncComponent } from 'vue'
 import { RiDownloadLine, RiFileCopyLine, RiFileWarningLine, RiInformationLine, RiSubtractLine } from '@remixicon/vue'
+import PreviewUnavailable from '../ResourceAccordion/PreviewUnavailable.vue'
 import { toast } from 'vue-sonner'
 import BrandedButton from '../BrandedButton.vue'
 import CopyButton from '../CopyButton.vue'
@@ -313,6 +323,7 @@ import Tooltip from '../Tooltip.vue'
 import Preview from '../ResourceAccordion/Preview.vue'
 import DataStructure from '../ResourceAccordion/DataStructure.vue'
 import Metadata from '../ResourceAccordion/Metadata.vue'
+import SchemaBadge from '../ResourceAccordion/SchemaBadge.vue'
 import { filesize, summarize } from '../../functions/helpers'
 import { getResourceFormatIcon } from '../../functions/resources'
 import { getResourceExternalUrl, getResourceFilesize } from '../../functions/datasets'

package/src/composables/useResourceCapabilities.ts

@@ -88,7 +88,7 @@ export function useResourceCapabilities(
     if (hasTabularData.value) {
       options.push({ key: 'data', label: t('Données') })
     }
-    else if (hasPreview.value || hasDatafairPreview.value || hasOpenAPIPreview.value) {
+    else {
       options.push({ key: 'data', label: t('Aperçu') })
     }
 

package/src/types/dataservices.ts

@@ -24,6 +24,7 @@ export type BaseDataservice = Owned & WithAccessType & {
   license: string | null
   private: boolean
   rate_limiting: string
+  rate_limiting_url: string | null
   title: DataserviceReference['title']
   contact_points: Array<ContactPoint>
 }
@@ -65,6 +66,7 @@ export type Dataservice = Owned & WithAccessType & {
   permissions: { edit: boolean, delete: boolean }
   private: boolean
   rate_limiting: string
+  rate_limiting_url: string | null
   self_api_url: DataserviceReference['self_api_url']
   self_web_url: DataserviceReference['self_web_url']
   slug: string

package/src/types/organizations.ts

@@ -1,7 +1,7 @@
 import type { User } from './users'
 import type { Badges } from './badges'
 
-export type MemberRole = 'admin' | 'editor'
+export type MemberRole = 'admin' | 'editor' | 'partial_editor'
 
 export type Member = {
   role: MemberRole

package/src/types/users.ts

@@ -21,7 +21,6 @@ export type User = {
   page: UserReference['page']
   avatar: UserReference['avatar']
   avatar_thumbnail: UserReference['avatar_thumbnail']
-  apikey?: string
   email?: string
   about: string
   website?: string

package/dist/Datafair.client-E5D6ePRC.js

@@ -1,35 +0,0 @@
-import { defineComponent as f, computed as a, createElementBlock as o, openBlock as t, createBlock as p, createElementVNode as i, withCtx as m, createVNode as _, unref as c, toDisplayString as x } from "vue";
-import { a as h, _ as v, F as g } from "./main-B2kXxWRG.js";
-const k = { class: "fr-text--xs" }, b = { key: 0 }, y = ["src"], B = /* @__PURE__ */ f({
-  __name: "Datafair.client",
-  props: {
-    resource: {},
-    dataset: {}
-  },
-  setup(d) {
-    const e = d, { t: l } = h(), r = a(() => e.resource.extras.datafairOrigin || e.dataset.extras.datafairOrigin), s = a(() => e.resource.extras.datafairDatasetId || e.dataset.extras.datafairDatasetId), u = a(() => e.resource.extras.datafairEmbed), n = a(() => !r.value || !s.value ? null : `${r.value}/embed/dataset/${s.value}/${u.value}`);
-    return (D, E) => (t(), o("div", k, [
-      n.value ? (t(), o("div", b, [
-        i("iframe", {
-          src: n.value,
-          width: "100%",
-          height: "500px",
-          style: { "background-color": "transparent", border: "none" }
-        }, null, 8, y)
-      ])) : (t(), p(v, {
-        key: 1,
-        type: "warning",
-        class: "flex items-center space-x-2"
-      }, {
-        default: m(() => [
-          _(c(g), { class: "shrink-0 size-6" }),
-          i("span", null, x(c(l)("Erreur lors de l'affichage de l'aperçu.")), 1)
-        ]),
-        _: 1
-      }))
-    ]));
-  }
-});
-export {
-  B as default
-};

package/dist/JsonPreview.client-C-6eBbPw.js

@@ -1,87 +0,0 @@
-import { defineComponent as S, defineAsyncComponent as b, ref as o, computed as w, onMounted as N, createElementBlock as p, openBlock as r, createBlock as f, createCommentVNode as T, createVNode as u, unref as t, toDisplayString as i, withCtx as d, createElementVNode as h } from "vue";
-import { u as P, a as E, g as q, _ as m, F as v } from "./main-B2kXxWRG.js";
-const B = { class: "fr-text--xs" }, O = { key: 0 }, V = {
-  key: 1,
-  class: "text-gray-medium"
-}, L = /* @__PURE__ */ S({
-  __name: "JsonPreview.client",
-  props: {
-    resource: {}
-  },
-  setup(k) {
-    const z = b(
-      () => import("./vue3-json-viewer-BXwup7nO.js").then((e) => (Promise.resolve({                     }), e.JsonViewer))
-    ), g = k, x = P(), { t: s } = E(), l = o(null), c = o(!1), n = o(null), _ = o(!1), y = w(() => q(g.resource)), J = w(() => {
-      const e = y.value;
-      if (!e || !x.maxJsonPreviewCharSize)
-        return !1;
-      const a = x.maxJsonPreviewCharSize;
-      return e <= a;
-    }), C = async () => {
-      if (!J.value) {
-        _.value = !0;
-        return;
-      }
-      c.value = !0, n.value = null;
-      try {
-        const e = await fetch(g.resource.url);
-        if (!e.ok)
-          throw new Error(`HTTP error! status: ${e.status}`);
-        const a = await e.json();
-        l.value = a;
-      } catch (e) {
-        console.error("Error loading JSON:", e), e instanceof TypeError ? n.value = "network" : n.value = "generic", l.value = null;
-      } finally {
-        c.value = !1;
-      }
-    };
-    return N(() => {
-      C();
-    }), (e, a) => (r(), p("div", B, [
-      l.value ? (r(), p("div", O, [
-        u(t(z), {
-          value: l.value,
-          boxed: "",
-          sort: "",
-          theme: "light",
-          "max-depth": 3,
-          "expand-depth": 2,
-          "indent-width": 2
-        }, null, 8, ["value"])
-      ])) : c.value ? (r(), p("div", V, i(t(s)("Chargement de l'aperçu JSON...")), 1)) : _.value ? (r(), f(m, {
-        key: 2,
-        type: "warning",
-        class: "flex items-center space-x-2"
-      }, {
-        default: d(() => [
-          u(t(v), { class: "shrink-0 size-6" }),
-          h("span", null, i(y.value ? t(s)("Fichier JSON trop volumineux pour l'aperçu. Pour consulter le fichier complet, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.") : t(s)("L'aperçu n'est pas disponible car la taille du fichier est inconnue. Pour consulter le fichier complet, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.")), 1)
-        ]),
-        _: 1
-      })) : n.value === "network" ? (r(), f(m, {
-        key: 3,
-        type: "warning",
-        class: "flex items-center space-x-2"
-      }, {
-        default: d(() => [
-          u(t(v), { class: "shrink-0 size-6" }),
-          h("span", null, i(t(s)("Ce fichier JSON ne peut pas être prévisualisé, peut-être parce qu'il est hébergé sur un autre site qui ne l'autorise pas. Pour le consulter, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.")), 1)
-        ]),
-        _: 1
-      })) : n.value ? (r(), f(m, {
-        key: 4,
-        type: "warning",
-        class: "flex items-center space-x-2"
-      }, {
-        default: d(() => [
-          u(t(v), { class: "shrink-0 size-6" }),
-          h("span", null, i(t(s)("Erreur lors du chargement de l'aperçu JSON.")), 1)
-        ]),
-        _: 1
-      })) : T("", !0)
-    ]));
-  }
-});
-export {
-  L as default
-};

package/dist/MapContainer.client-DRkAmdOc.js

@@ -1,105 +0,0 @@
-import { defineComponent as G, useTemplateRef as W, ref as z, onMounted as B, createBlock as F, createElementBlock as N, openBlock as u, withCtx as V, createVNode as U, createElementVNode as q, unref as m, toDisplayString as A } from "vue";
-import { a as D, _ as O, F as P } from "./main-B2kXxWRG.js";
-const j = /* @__PURE__ */ G({
-  __name: "MapContainer.client",
-  props: {
-    resource: {}
-  },
-  setup(f) {
-    const a = f, { t: d } = D();
-    let e = null;
-    const r = W("mapRef"), n = z(!1);
-    async function w() {
-      const [
-        { default: i },
-        { default: s },
-        { default: y },
-        { default: h },
-        { default: C },
-        _
-      ] = await Promise.all([
-        import("./View-BR92hTWP.js").then((t) => t.M),
-        import("./Map-BjUnLyj8.js").then((t) => t.U),
-        import("./ScaleLine-KW-nXqp3.js"),
-        import("./Tile-DbNFNPfU.js").then((t) => t.d),
-        import("./OSM-s40W6sQ2.js"),
-        // @ts-expect-error no types provided
-        import("./index-SrYZwgCT.js")
-      ]), { CRS: g, GeoportalAttribution: S, GeoportalFullScreen: M, GeoportalZoom: b, LayerImport: v, LayerSwitcher: L } = _;
-      await Promise.resolve({       }), await Promise.resolve({         }), await Promise.resolve({          }), await Promise.resolve({         }), g.load(), e = new s({
-        target: r.value,
-        layers: [
-          new h({
-            source: new C()
-          })
-        ],
-        view: new i({
-          center: [288074.8449901076, 6247982515792289e-9],
-          zoom: 8,
-          constrainResolution: !0
-        })
-      });
-      const R = new y({
-        units: "metric",
-        bar: !1
-      });
-      e.addControl(R);
-      const k = new M({
-        position: "top-right"
-      });
-      e.addControl(k);
-      const T = new b({
-        position: "bottom-left"
-      });
-      e.addControl(T);
-      const x = new L({
-        options: {
-          position: "top-right"
-        }
-      });
-      e.addControl(x);
-      const E = new S({
-        position: "bottom-right"
-      });
-      e.addControl(E);
-      const o = new v({
-        position: "bottom-left",
-        listable: !0,
-        layerTypes: ["WMS"]
-      });
-      o._serviceUrlImportInput.value = a.resource.url, o._formContainer.dispatchEvent(new CustomEvent("submit", { cancelable: !0 })), e.addControl(o);
-      const l = 500;
-      let p = 20;
-      function c() {
-        if (!o._getCapResponseWMSLayers)
-          p--, p > 0 ? setTimeout(c, l) : n.value = !0;
-        else {
-          const t = o._getCapResponseWMSLayers.filter((I) => I.Name == a.resource.title)[0];
-          o._addGetCapWMSLayer(t);
-        }
-      }
-      setTimeout(c, l);
-    }
-    return B(() => {
-      w();
-    }), (i, s) => n.value ? (u(), F(O, {
-      key: 0,
-      type: "warning",
-      class: "flex items-center space-x-2"
-    }, {
-      default: V(() => [
-        U(m(P), { class: "shrink-0 size-6" }),
-        q("span", null, A(m(d)("L'aperçu cartographique de ce fichier n'a pas pu être chargé.")), 1)
-      ]),
-      _: 1
-    })) : (u(), N("div", {
-      key: 1,
-      id: "map",
-      ref_key: "mapRef",
-      ref: r
-    }, null, 512));
-  }
-});
-export {
-  j as default
-};

package/dist/Swagger.client-D4-F6yEf.js

@@ -1,4 +0,0 @@
-import { i as f } from "./main-B2kXxWRG.js";
-export {
-  f as default
-};

package/dist/XmlPreview.client-Dl2VCgXF.js

@@ -1,79 +0,0 @@
-import { defineComponent as b, defineAsyncComponent as L, ref as o, computed as w, onMounted as T, createElementBlock as p, openBlock as r, createBlock as m, createCommentVNode as P, createVNode as u, unref as t, toDisplayString as i, withCtx as f, createElementVNode as d } from "vue";
-import { u as E, a as M, g as q, _ as h, F as v } from "./main-B2kXxWRG.js";
-const B = { class: "fr-text--xs" }, S = { key: 0 }, V = {
-  key: 1,
-  class: "text-gray-medium"
-}, N = /* @__PURE__ */ b({
-  __name: "XmlPreview.client",
-  props: {
-    resource: {}
-  },
-  setup(k) {
-    const z = L(
-      () => import("./vue3-xml-viewer.common-BRxsqI9j.js").then((e) => e.v).then((e) => e.default || e.XmlViewer)
-    ), g = k, x = E(), { t: l } = M(), n = o(null), c = o(!1), s = o(null), _ = o(!1), y = w(() => q(g.resource)), X = w(() => {
-      const e = y.value;
-      if (!e || !x.maxXmlPreviewCharSize)
-        return !1;
-      const a = x.maxXmlPreviewCharSize;
-      return e <= a;
-    }), C = async () => {
-      if (!X.value) {
-        _.value = !0;
-        return;
-      }
-      c.value = !0, s.value = null;
-      try {
-        const e = await fetch(g.resource.url);
-        if (!e.ok)
-          throw new Error(`HTTP error! status: ${e.status}`);
-        const a = await e.text();
-        n.value = a;
-      } catch (e) {
-        console.error("Error loading XML:", e), e instanceof TypeError ? s.value = "network" : s.value = "generic", n.value = null;
-      } finally {
-        c.value = !1;
-      }
-    };
-    return T(() => {
-      C();
-    }), (e, a) => (r(), p("div", B, [
-      n.value ? (r(), p("div", S, [
-        u(t(z), { xml: n.value }, null, 8, ["xml"])
-      ])) : c.value ? (r(), p("div", V, i(t(l)("Chargement de l'aperçu XML...")), 1)) : _.value ? (r(), m(h, {
-        key: 2,
-        type: "warning",
-        class: "flex items-center space-x-2"
-      }, {
-        default: f(() => [
-          u(t(v), { class: "shrink-0 size-6" }),
-          d("span", null, i(y.value ? t(l)("Fichier XML trop volumineux pour l'aperçu. Pour consulter le fichier complet, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.") : t(l)("L'aperçu n'est pas disponible car la taille du fichier est inconnue. Pour consulter le fichier complet, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.")), 1)
-        ]),
-        _: 1
-      })) : s.value === "network" ? (r(), m(h, {
-        key: 3,
-        type: "warning",
-        class: "flex items-center space-x-2"
-      }, {
-        default: f(() => [
-          u(t(v), { class: "shrink-0 size-6" }),
-          d("span", null, i(t(l)("Ce fichier XML ne peut pas être prévisualisé, peut-être parce qu'il est hébergé sur un autre site qui ne l'autorise pas. Pour le consulter, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.")), 1)
-        ]),
-        _: 1
-      })) : s.value ? (r(), m(h, {
-        key: 4,
-        type: "warning",
-        class: "flex items-center space-x-2"
-      }, {
-        default: f(() => [
-          u(t(v), { class: "shrink-0 size-6" }),
-          d("span", null, i(t(l)("Erreur lors du chargement de l'aperçu XML.")), 1)
-        ]),
-        _: 1
-      })) : P("", !0)
-    ]));
-  }
-});
-export {
-  N as default
-};