@manta-eu/client 0.9.0 → 0.10.0

package/src/generated/graphql.ts

@@ -1497,8 +1497,10 @@ export type GQLManualActionChangeAssigneesPayload = {
 
 export type GQLManualActionProgressResult = {
   __typename?: "ManualActionProgressResult";
+  ended: Scalars["Boolean"]["output"];
   manualAction?: Maybe<GQLManualActionResult>;
   state: Array<Scalars["String"]["output"]>;
+  workflowStatus?: Maybe<Scalars["String"]["output"]>;
 };
 
 export type GQLManualActionResolvePayload = {
@@ -5803,6 +5805,8 @@ export type GQLManualActionProgressQuery = {
   manualActionProgress?: {
     __typename?: "ManualActionProgressResult";
     state: Array<string>;
+    ended: boolean;
+    workflowStatus?: string | null;
     manualAction?: {
       __typename?: "ManualActionResult";
       status?: string | null;
@@ -11852,6 +11856,8 @@ export const ManualActionProgressDocument = `
     query ManualActionProgress($namedGraphIri: String!, $subjectIri: String!) {
   manualActionProgress(namedGraphIri: $namedGraphIri, subjectIri: $subjectIri) {
     state
+    ended
+    workflowStatus
     manualAction {
       status
       assignees

package/src/shared/datastore-path.ts

@@ -8,6 +8,8 @@ export const datastoreQueryParam = "datastore";
 
 export const redirectRoutePath = "/redirect";
 
+export const imageRoutePath = "/image";
+
 export type DatastoreLocation = { datastoreId: string | undefined; path: string };
 
 const datastorePathPattern = new RegExp(`^${datastoreRoutePrefix}/([^/]+)(/.*)?$`);

package/src/shared/image.ts

@@ -0,0 +1,47 @@
+import { datastoreRoutePrefix, imageRoutePath } from "./datastore-path";
+
+export const imageWidths = [160, 320, 480, 640, 960, 1280, 1920] as const;
+
+export type ImageWidth = (typeof imageWidths)[number];
+
+const resizableImageTypes: ReadonlySet<string> = new Set([
+  "image/png",
+  "image/jpeg",
+  "image/pjpeg",
+  "image/gif",
+  "image/webp",
+]);
+
+const smallestImageWidth: ImageWidth = 160;
+const largestImageWidth: ImageWidth = 1920;
+
+export function isImageWidth(value: unknown): value is ImageWidth {
+  return typeof value === "number" && (imageWidths as readonly number[]).includes(value);
+}
+
+export function isResizableImageType(mediaType: string): boolean {
+  return resizableImageTypes.has(mediaType.split(";")[0]!.trim().toLowerCase());
+}
+
+export function imageWidthFor(cssWidth: number, devicePixelRatio = 1): ImageWidth {
+  const needed = Math.ceil(cssWidth * Math.min(Math.max(devicePixelRatio, 1), 3));
+  if (!Number.isFinite(needed)) return smallestImageWidth;
+
+  return imageWidths.find((width) => width >= needed) ?? largestImageWidth;
+}
+
+// Name the datastore when the file may sit outside the session's own, since an <img> sends no datastore header.
+// `datastorePrefix` is where the app mounts datastore-scoped routes: "/d" on the platform's own origin.
+export type ImageScope = { datastoreId?: string | null; datastorePrefix?: string };
+
+export function imagePath(iri: string, width: ImageWidth, scope: ImageScope = {}): string {
+  const { datastoreId, datastorePrefix = datastoreRoutePrefix } = scope;
+  const route = datastoreId ? `${datastorePrefix}/${encodeURIComponent(datastoreId)}${imageRoutePath}` : imageRoutePath;
+
+  return `${route}?iri=${encodeURIComponent(iri)}&width=${width}`;
+}
+
+// Every ladder width as `srcset` candidates; pair it with `sizes` so the browser picks the width itself.
+export function imageSrcSet(iri: string, scope: ImageScope = {}): string {
+  return imageWidths.map((width) => `${imagePath(iri, width, scope)} ${width}w`).join(", ");
+}