@datagouv/components-next 0.0.12 → 0.0.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datagouv/components-next",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "private": false,
   "type": "module",
   "main": "./src/main.ts",
@@ -45,7 +45,7 @@
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.2",
     "strip-markdown": "^6.0.0",
-    "swagger-ui": "^5.20.1",
+    "swagger-ui-dist": "^5.27.1",
     "unified": "^11.0.5",
     "unist-util-visit": "^5.0.0",
     "vue": "^3.5.13",
@@ -63,7 +63,6 @@
     "@tsconfig/node22": "^22.0.0",
     "@types/geojson": "^7946.0.16",
     "@types/node": "^22.13.1",
-    "@types/swagger-ui": "^3.52.4",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.3.0",
@@ -79,6 +78,9 @@
     "vite-plugin-vue-devtools": "^7.7.1",
     "vue-tsc": "^2.2.0"
   },
+  "scarfSettings": {
+    "enabled": false
+  },
   "author": {
     "name": "DINUM"
   },

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

@@ -4,8 +4,8 @@
 
 <script setup lang="ts">
 import { onMounted } from 'vue'
-import SwaggerUI from 'swagger-ui'
-import 'swagger-ui/dist/swagger-ui.css'
+import { SwaggerUIBundle } from 'swagger-ui-dist'
+import 'swagger-ui-dist/swagger-ui.css'
 import '../../../assets/swagger-themes/newspaper.css'
 
 const props = defineProps<{
@@ -13,7 +13,7 @@ const props = defineProps<{
 }>()
 
 onMounted(async () => {
-  SwaggerUI({
+  SwaggerUIBundle({
     dom_id: '#swagger-ui',
     url: props.url,
   })

package/src/functions/markdown.ts

@@ -4,6 +4,7 @@ import remarkBreaks from 'remark-breaks'
 import rehypeHighlight from 'rehype-highlight'
 import remarkParse from 'remark-parse'
 import remarkRehype from 'remark-rehype'
+import remarkStringify from 'remark-stringify'
 import rehypeRaw from 'rehype-raw'
 import rehypeSanitize from 'rehype-sanitize'
 import rehypeSlug from 'rehype-slug'
@@ -63,8 +64,11 @@ export function formatMarkdown(md: string, minDepth = 3) {
 
 export async function removeMarkdown(text: string) {
   const file = await unified()
+    // Take Markdown as input and turn it into MD syntax tree
+    .use(remarkParse, { fragment: true })
     .use(remarkGfm)
     .use(strip)
+    .use(remarkStringify)
     .process(text)
   return String(file)
 }

package/src/functions/schemas.ts

@@ -1,4 +1,3 @@
-import type { AxiosResponse } from 'axios'
 import { ofetch } from 'ofetch'
 import type { Resource } from '../types/resources'
 import { useComponentsConfig } from '../config'
@@ -43,7 +42,6 @@ export interface ValidataError {
   tags: Array<string>
 }
 export type SchemaResponseData = Array<RegisteredSchema>
-export type SchemaResponse = AxiosResponse<SchemaResponseData>
 
 type SchemaPath = { schema_name: string } | { schema_url: string }
 

package/src/functions/tabularApi.ts

@@ -1,4 +1,4 @@
-import axios from 'axios'
+import { ofetch } from 'ofetch'
 import { useComponentsConfig, type PluginConfig } from '../config'
 
 export type SortConfig = {
@@ -9,19 +9,19 @@ export type SortConfig = {
 /**
  * Call Tabular-api to get table content
  */
-export function getData(config: PluginConfig, id: string, page: number, sortConfig?: SortConfig) {
+export async function getData(config: PluginConfig, id: string, page: number, sortConfig?: SortConfig) {
   let url = `${config.tabularApiUrl}/api/resources/${id}/data/?page=${page}&page_size=${config.tabularApiPageSize || 15}`
   if (sortConfig) {
     url = url + `&${sortConfig.column}__sort=${sortConfig.type}`
   }
-  return axios.get(url)
+  return await ofetch(url)
 }
 
 /**
  * Call Tabular-api to get table profile
  */
-export function getProfile(id: string) {
+export async function getProfile(id: string) {
   const config = useComponentsConfig()
 
-  return axios.get(`${config.tabularApiUrl}/api/resources/${id}/profile/`)
+  return await ofetch(`${config.tabularApiUrl}/api/resources/${id}/profile/`)
 }

package/dist/Swagger.client-QQlOMFC1.js

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