@data-fair/lib-vue 1.9.3 → 1.10.0

package/locale-dayjs-global.d.ts

@@ -3,4 +3,6 @@ export declare const locale: string, dayjs: (date?: string | number | import("da
     from(compared: import("dayjs").ConfigType, withoutSuffix?: boolean): string;
     toNow(withoutSuffix?: boolean): string;
     to(compared: import("dayjs").ConfigType, withoutSuffix?: boolean): string;
+    add(duration: import("dayjs/plugin/duration.js").Duration): import("dayjs").Dayjs & any;
+    subtract(duration: import("dayjs/plugin/duration.js").Duration): import("dayjs").Dayjs & any;
 };

package/locale-dayjs.d.ts

@@ -1,16 +1,20 @@
-import type { Dayjs, ConfigType } from 'dayjs';
 import type { App } from 'vue';
-import dayjs from 'dayjs';
+import dayjs, { type Dayjs, ConfigType } from 'dayjs';
 import 'dayjs/locale/fr';
 import 'dayjs/locale/en';
+import duration, { type Duration } from 'dayjs/plugin/duration.js';
+export type { ConfigType as DayjsConfigType } from 'dayjs';
 type RelativeDayjs = Dayjs & {
     fromNow(withoutSuffix?: boolean): string;
     from(compared: ConfigType, withoutSuffix?: boolean): string;
     toNow(withoutSuffix?: boolean): string;
     to(compared: ConfigType, withoutSuffix?: boolean): string;
+    add(duration: Duration): RelativeDayjs;
+    subtract(duration: Duration): RelativeDayjs;
 };
 export declare function getLocaleDayjs(locale?: string): {
     locale: string;
+    duration: (dur: duration.DurationUnitsObjectType) => duration.Duration;
     dayjs: (date?: string | number | dayjs.Dayjs | Date | null | undefined) => RelativeDayjs;
 };
 export declare const localeDayjsKey: unique symbol;

package/locale-dayjs.js

@@ -4,14 +4,19 @@ import 'dayjs/locale/fr'
 import 'dayjs/locale/en'
 import localizedFormat from 'dayjs/plugin/localizedFormat.js'
 import relativeTime from 'dayjs/plugin/relativeTime.js'
+import duration from 'dayjs/plugin/duration.js'
 dayjs.extend(localizedFormat)
 dayjs.extend(relativeTime)
+dayjs.extend(duration)
 // main functionality, use through the createLocaleDayjs plugin and useLocaleDayjs composable
 // or as a global singleton through ./locale-dayjs-global.js
 export function getLocaleDayjs (locale) {
   locale = locale ?? 'fr'
   return {
     locale,
+    duration: (dur) => {
+      return dayjs.duration(dur).locale(locale)
+    },
     dayjs: (date) => {
       return dayjs(date).locale(locale)
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@data-fair/lib-vue",
-  "version": "1.9.3",
+  "version": "1.10.0",
   "description": "Composables and other utilities for Vue applications in the data-fair stack.",
   "main": "index.js",
   "files": [

package/session.js

@@ -37,10 +37,6 @@ const goTo = (url) => {
   }
   if (url) { topLocation.href = url } else { topLocation.reload() }
 }
-const getSiteInfoStorage = (sitePath) => {
-  const siteInfoStorageStr = window.localStorage.getItem('sd-site-info' + sitePath)
-  return siteInfoStorageStr ? JSON.parse(siteInfoStorageStr) : null
-}
 const defaultOptions = { directoryUrl: '/simple-directory', sitePath: '', defaultLang: 'fr' }
 export async function getSession (initOptions) {
   const options = { ...defaultOptions, ...initOptions }
@@ -113,10 +109,6 @@ export async function getSession (initOptions) {
       }
       state.accountRole = 'admin'
     }
-    if (!ssr) {
-      const siteInfoStorage = getSiteInfoStorage(options.sitePath)
-      site.value = siteInfoStorage ? siteInfoStorage.info : null
-    }
   }
   readState()
   debug('initial state', state)
@@ -222,17 +214,11 @@ export async function getSession (initOptions) {
     await customFetch(`${options.directoryUrl}/api/auth/keepalive`, { method: 'POST' })
     readState()
   }
-  const setSiteInfoStorage = (siteInfo) => {
-    const siteInfoStorage = { info: siteInfo, updatedAt: new Date().getTime() }
-    window.localStorage.setItem('sd-site-info' + options.sitePath, JSON.stringify(siteInfoStorage))
-  }
   const refreshSiteInfo = async () => {
     const siteInfo = await customFetch(`${options.directoryUrl}/api/sites/_public`) ?? null
     site.value = siteInfo
-    if (!ssr) {
-      setSiteInfoStorage(siteInfo)
-    }
   }
+  if (options.siteInfo) { await refreshSiteInfo() }
   // immediately performs a keepalive, but only on top windows (not iframes or popups)
   // and only if it was not done very recently (maybe from a refreshed page next to this one)
   // also run an auto-refresh loop
@@ -241,12 +227,6 @@ export async function getSession (initOptions) {
     if (state.user && (!lastKeepalive || (new Date().getTime() - Number(lastKeepalive)) > 10000)) {
       await keepalive()
     }
-    if (options.siteInfo) {
-      const lastSiteInfoStorage = getSiteInfoStorage(options.sitePath)
-      if (!lastSiteInfoStorage || (new Date().getTime() - Number(lastSiteInfoStorage.updatedAt)) > 10000) {
-        await refreshSiteInfo()
-      }
-    }
     const refreshLoopDelay = 10 * 60 * 1000 // 10 minutes
     setInterval(() => {
       const lastKeepalive = window.localStorage.getItem('sd-keepalive' + options.sitePath)

package/auto-imports.js

@@ -1,13 +0,0 @@
-// made for https://github.com/unplugin/unplugin-auto-import
-export default [
-  'vue',
-  'vue-i18n',
-  'vue-router',
-  {
-    '@data-fair/lib-vue/session.js': ['useSession'],
-    '@data-fair/lib-vue/reactive-search-params.js': ['useReactiveSearchParams'],
-    '@data-fair/lib-vue/locale-dayjs.js': ['useLocaleDayjs'],
-    '@data-fair/lib-vue/concept-filters.js': ['useConceptFilters'],
-    '@data-fair/lib-vue/ui-notif.js': ['useUiNotif']
-  }
-]

package/locale-dayjs-types.js

@@ -1 +0,0 @@
-export {}

package/ui-notif-global.js

@@ -1,8 +0,0 @@
-// same as use-ui-notif.js but in a module level singleton for convenience when not using SSR
-import { getUiNotif } from './ui-notif.js'
-// @ts-ignore
-if (import.meta.env?.SSR) {
-  throw new Error('this module uses a module level singleton, it cannot be used in SSR mode')
-}
-console.error('ui-notif-global is deprecated, please use create + use')
-export default getUiNotif()