@abyss-project/commons-front-core 13.1.1 → 13.3.0

package/dist/utils/billing-quota-error.utils.d.ts

@@ -8,4 +8,14 @@ import { QuotaDialogPayload } from '../hooks/quota-dialog.store';
  * returns the offending metric.
  */
 export declare const parseQuotaError: (error: unknown) => QuotaDialogPayload | null;
-export declare const attachQuotaInterceptor: (instances: AxiosInstance[]) => void;
+export interface QuotaInterceptorOptions {
+    /**
+     * Tells whether a location is a public route (a page a visitor opens without being the account
+     * owner). Evaluated when the request leaves, never when the response arrives: a request that left
+     * from a public route never opens the quota dialog, even if the route changed in between. A
+     * request that left from a private route keeps opening it, even when its response arrives on a
+     * public page, because the quota that was hit is the visitor's own.
+     */
+    isPublicRoute?: (location: Pick<Location, 'pathname'>) => boolean;
+}
+export declare const attachQuotaInterceptor: (instances: AxiosInstance[], options?: QuotaInterceptorOptions) => void;

package/dist/utils/index.d.ts

@@ -8,6 +8,7 @@ export * from './share-notification.utils';
 export * from './space-display-name.utils';
 export * from './cloud-space-url.utils';
 export * from './billing-quota-error.utils';
+export * from './quota-refusal-toast.utils';
 export * from './cookie-storage.utils';
 export * from './cookie-consent-reconcile.utils';
 export * from './cookie-consent.types';
@@ -15,3 +16,4 @@ export * from './privacy-link.constant';
 export * from './quota-offer-state.utils';
 export * from './family';
 export * from './file.utils';
+export * from './table-column-width';

package/dist/utils/quota-refusal-toast.utils.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Shows an error toast unless the error is a quota refusal: that one already opens the shared quota
+ * dialog (attachQuotaInterceptor), and a generic toast on top of it would contradict it and hide its
+ * call to action on a phone.
+ */
+export declare const toastErrorUnlessQuotaRefusal: (error: unknown, message: string) => void;
+/**
+ * Same as `toastErrorUnlessQuotaRefusal` for a batch of calls (an upload of many files, a bulk
+ * action): the quota dialog opens as soon as ONE of them is refused, so no toast follows when any
+ * error of the batch is a quota refusal, whatever the order in which the errors arrived.
+ */
+export declare const toastErrorUnlessAnyQuotaRefusal: (errors: readonly unknown[], message: string) => void;

package/dist/utils/quota-refusal-toast.utils.spec.d.ts

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

package/dist/utils/table-column-width.d.ts

@@ -0,0 +1,58 @@
+import { Theme } from '@mui/material/styles';
+import { Locale } from 'date-fns';
+/** The date and time of a row in the tool tables (« 15 oct. 2026 02:49 »). */
+export declare const TABLE_DATE_TIME_PATTERN = "d MMM yyyy HH:mm";
+/** The day of a row in the tool tables (« 15 oct. 2026 »). */
+export declare const TABLE_DAY_PATTERN = "d MMM yyyy";
+/** Side of a `fontSize="small"` MUI icon, in px. */
+export declare const SMALL_ICON_PX = 20;
+/** How the header of a column is drawn. */
+export interface ColumnHeaderOptions {
+    /** The header is a sort button: once sorted, it shows its arrow after the label. */
+    sortable?: boolean;
+}
+/** Width of `text` in the mono family at the body size (cells marked `mono`). */
+export declare const monoTextWidth: (theme: Theme, text: string) => number;
+/** Upper bound of the width of `text` in the sans family at `size` (the body size by default). */
+export declare const sansTextWidth: (theme: Theme, text: string, size?: number) => number;
+/**
+ * Width of a core `StatusBadge` or `ScanBadge` showing `label`: its caption label, its side
+ * padding, its hairline border and, with `dot`, the leading dot and its gap.
+ */
+export declare const badgeWidth: (theme: Theme, label: string, dot?: boolean) => number;
+/**
+ * The longest rendering of a date-fns `pattern` over the twelve months, in `locale`: the locale
+ * the cells of the column are formatted with (this package's date-fns copy ignores the host's
+ * default locale, so it is passed).
+ */
+export declare const longestDate: (pattern: string, locale: Locale) => string;
+/** Width that shows a header label whole, in the header's small type, with its sort arrow. */
+export declare const headerColumnWidth: (theme: Theme, header: string, options?: ColumnHeaderOptions) => number;
+/**
+ * Width of a column whose cells are `contentWidths` px wide at most (an empty list for a column
+ * without rows yet), never narrower than its header.
+ */
+export declare const contentColumnWidth: (theme: Theme, contentWidths: number[], header: string, options?: ColumnHeaderOptions) => number;
+/** Width of a mono column holding the longest of `texts`, never narrower than its header. */
+export declare const monoColumnWidth: (theme: Theme, texts: string[], header: string, options?: ColumnHeaderOptions) => number;
+/** Width of a sans column holding the longest of `texts`, never narrower than its header. */
+export declare const textColumnWidth: (theme: Theme, texts: string[], header: string, options?: ColumnHeaderOptions) => number;
+/**
+ * Width of a column of badges holding the longest of `labels` (every label the column can show),
+ * never narrower than its header.
+ */
+export declare const badgeColumnWidth: (theme: Theme, labels: string[], header: string, options?: ColumnHeaderOptions & {
+    dot?: boolean;
+}) => number;
+/**
+ * Width of a mono date column: the longest rendering of `pattern` over the twelve months, in
+ * `locale` (the date-fns locale the cells use), and never narrower than its header.
+ */
+export declare const dateColumnWidth: (theme: Theme, pattern: string, locale: Locale, header: string, options?: ColumnHeaderOptions) => number;
+/** Width of a column that shows one small icon (a row's « open » chevron). */
+export declare const iconColumnWidth: (theme: Theme) => number;
+/**
+ * Width of a column of `count` icon buttons side by side, `gap` apart: each button at the larger
+ * control size of the two densities, so the column holds them whatever the density.
+ */
+export declare const iconActionsColumnWidth: (theme: Theme, count: number, gap: number) => number;

package/dist/utils/table-column-width.spec.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abyss-project/commons-front-core",
-  "version": "13.1.1",
+  "version": "13.3.0",
   "description": "Front Core package of AbyssProject",
   "main": "dist/index.js",
   "module": "./dist/index.js",
@@ -86,8 +86,9 @@
     "react-intl": "^6.2.5",
     "react-is": "^18.0.0 || ^19.0.0",
     "react-router-dom": "^6.15.0",
+    "react-toastify": "^8.0.2 || ^10.0.0",
     "zustand": "^5.0.0",
-    "@abyss-project/main": "27.6.0"
+    "@abyss-project/main": "27.7.0"
   },
   "peerDependenciesMeta": {
     "@abyss-project/capacitor-auth": {
@@ -113,6 +114,7 @@
     "@milkdown/plugin-listener": "7.15.3",
     "@milkdown/react": "7.15.3",
     "@milkdown/utils": "7.15.3",
+    "@monaco-editor/react": "^4.7.0",
     "@nivo/bar": "^0.88.0",
     "@nivo/core": "^0.88.0",
     "@nivo/line": "^0.88.0",
@@ -127,17 +129,17 @@
     "flat": "^5.0.2",
     "formik": "^2.4.6",
     "lodash": "^4.17.21",
+    "monaco-editor": "^0.55.1",
     "pdf-lib": "^1.17.1",
     "pdfjs-dist": "^4.10.38",
     "qrcode": "^1.5.3",
     "react-dropzone": "^14.3.8",
     "react-error-boundary": "^6.1.1",
     "react-router-dom": "^6.15.0",
-    "react-toastify": "^8.0.2",
     "use-debounce": "^10.0.5",
     "uuid": "^9.0.0",
     "yup": "^0.32.11",
-    "@abyss-project/main": "27.6.0"
+    "@abyss-project/main": "27.7.0"
   },
   "devDependencies": {
     "@abyss-project/cloud": "^2.4.0",
@@ -169,6 +171,7 @@
     "eslint-plugin-react-hooks": "^4.6.2",
     "jsdom": "^29.1.1",
     "prettier": "^2.5.1",
+    "react-toastify": "^8.0.2",
     "tsc-watch": "^4.6.2",
     "typescript": "5.9.3",
     "vite": "^6.3.5",
@@ -180,7 +183,7 @@
     "lint": "eslint \"{src,apps,libs,test,core,catalog}/**/*.{ts,tsx}\" --fix",
     "lint:check": "eslint \"{src,apps,libs,test,core,catalog}/**/*.{ts,tsx}\" --max-warnings 0",
     "tsc": "tsc --noEmit && tsc --noEmit -p catalog/tsconfig.json",
-    "build": "vite build && node scripts/check-auth-entry-isolation.cjs",
+    "build": "vite build && node scripts/check-auth-entry-isolation.cjs && node scripts/check-external-react-toastify.cjs",
     "dev": "vite build --watch",
     "test": "vitest run --config vitest.config.ts",
     "test:watch": "vitest --config vitest.config.ts",

package/scripts/check-external-react-toastify.cjs

@@ -0,0 +1,104 @@
+#!/usr/bin/env node
+/* eslint-disable no-console */
+'use strict';
+
+/**
+ * check-external-react-toastify.cjs - build guard for the `react-toastify` peer dependency (#766).
+ *
+ * `react-toastify` is a peerDependency of the package and is declared external in `vite.config.ts`.
+ * Bundled instead, the toasts emitted from the core (the quota helpers, the legacy DropZone,
+ * CloudImport, ProjectLinkSelector and SupportMessageThread) would go to a private copy of the
+ * library that no `ToastContainer` listens to, and be lost silently.
+ *
+ * This walks `dist/index.js` and `dist/legacy.js` plus every chunk they import by a relative path,
+ * and fails if, for either entry:
+ *   - no reachable file imports the bare specifier "react-toastify";
+ *   - any reachable file carries the internal code of the library (markers below).
+ *
+ * Exit 0: external. Exit 1: bundled or not imported. Exit 2: usage or tooling error (dist absent -
+ * build the package first). Run from the package's own `build` script, after `vite build`.
+ */
+
+const fs = require('fs');
+const path = require('path');
+
+const DIST_DIR = path.resolve(__dirname, '../dist');
+const ENTRIES = ['index.js', 'legacy.js'];
+
+// Internal symbols of react-toastify that only exist when its code is bundled.
+const BUNDLED_MARKERS = ['useToastContainer', 'eventManager'];
+
+const BARE_IMPORT = /(?:import|export)\s[^'"]*?from\s*["']react-toastify["']|import\s*["']react-toastify["']/;
+
+class UsageError extends Error {}
+
+function localImportSpecifiers(source) {
+  const specifiers = new Set();
+  const re = /(?:import|export)\s[^'"]*?from\s*["']([^"']+)["']|import\s*["']([^"']+)["']/g;
+  let match = re.exec(source);
+  while (match !== null) {
+    const specifier = match[1] || match[2];
+    if (specifier.startsWith('.')) {
+      specifiers.add(specifier);
+    }
+    match = re.exec(source);
+  }
+  return specifiers;
+}
+
+function walk(entry) {
+  const files = new Map();
+  const queue = [entry];
+  while (queue.length > 0) {
+    const file = queue.shift();
+    if (files.has(file)) {
+      continue;
+    }
+    if (!fs.existsSync(file)) {
+      throw new UsageError(`${file} is missing: build the package first (\`vite build\`).`);
+    }
+    const source = fs.readFileSync(file, 'utf8');
+    files.set(file, source);
+    for (const specifier of localImportSpecifiers(source)) {
+      queue.push(path.resolve(path.dirname(file), specifier));
+    }
+  }
+  return files;
+}
+
+function run() {
+  const failures = [];
+  for (const name of ENTRIES) {
+    const files = walk(path.join(DIST_DIR, name));
+    const sources = [...files.entries()];
+    if (!sources.some(([, source]) => BARE_IMPORT.test(source))) {
+      failures.push(`${name} does not import "react-toastify"`);
+    }
+    for (const [file, source] of sources) {
+      for (const marker of BUNDLED_MARKERS) {
+        if (source.includes(marker)) {
+          failures.push(
+            `${name}: ${path.relative(DIST_DIR, file)} embeds react-toastify code ("${marker}")`,
+          );
+        }
+      }
+    }
+  }
+  if (failures.length > 0) {
+    console.error('REACT-TOASTIFY EXTERNAL REFUSE :');
+    for (const failure of failures) console.error(`  - ${failure}`);
+    return 1;
+  }
+  console.log('REACT-TOASTIFY EXTERNAL OK : imported by index.js and legacy.js, not bundled.');
+  return 0;
+}
+
+try {
+  process.exit(run());
+} catch (error) {
+  if (error instanceof UsageError) {
+    console.error(error.message);
+    process.exit(2);
+  }
+  throw error;
+}

package/vite.config.ts

@@ -93,8 +93,10 @@ export default defineConfig({
       // 'react' silently externalizes 'react-is', 'react-fast-compare', etc.
       external: (id) => {
         const exactNames = [
-          'react', 'react-dom', 'react-intl', 'react-router-dom',
+          'react', 'react-dom', 'react-intl', 'react-router-dom', 'react-toastify',
           'pdfjs-dist', 'pdf-lib',
+          // Monaco: one copy per app, resolved by the consumer (like pdf.js).
+          '@monaco-editor/react',
           // A dependency, resolved by the consumer: one WebAuthn copy per app.
           '@simplewebauthn/browser',
           'osx-temperature-sensor', 'fs', 'path', 'os',

package/dist/_commonjsHelpers-DaMA6jEr.js

@@ -1,8 +0,0 @@
-var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function l(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-export {
-  o as c,
-  l as g
-};