@things-factory/auth-ui 10.1.192 → 10.1.198

package/dist-client/entity360/person-360.js.map

@@ -1 +1 @@
-{"version":3,"file":"person-360.js","sourceRoot":"","sources":["../../client/entity360/person-360.ts"],"names":[],"mappings":"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","sourcesContent":["import gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport {\n  readEntity360Door,\n  registerEntity360Kind,\n  registerEntity360Section,\n  type Entity360DoorAnswer,\n  type Entity360Subject\n} from '@operato/layout'\n\n/**\n * The person 360 (ADR-0067, design/ui/entity360-person.md): a `User` value anywhere - a grid's\n * `updater`, a request's author - opens it. auth-ui declares the kind because the account is its\n * fact; organization and worklist hang their own sections on it with their own doors.\n *\n * This section is identity and the roles held on this site. `userRoles` answers this domain's roles\n * only (and its parent's) - `User.roles` answers every domain's and must not be used here.\n */\n\nexport function registerPersonKind() {\n  registerEntity360Kind({\n    kind: 'person',\n    typenames: ['User'],\n    title: ({ value }) => value.name || value.email || '',\n    context: ({ value }) => (value.name && value.email ? value.email : '')\n  })\n\n  registerEntity360Section('person', {\n    name: 'roles',\n    order: 30,\n    render: subject => html`<person-roles-section .subject=${subject}></person-roles-section>`\n  })\n}\n\n@customElement('person-roles-section')\nexport class PersonRolesSection extends LitElement {\n  static styles = css`\n    ul {\n      margin: 0;\n      padding: 0;\n      list-style: none;\n      display: flex;\n      flex-wrap: wrap;\n      gap: 6px;\n    }\n    li {\n      padding: 2px 8px;\n      border-radius: var(--md-sys-shape-corner-small, 8px);\n      background: var(--md-sys-color-surface-container-high);\n      color: var(--md-sys-color-on-surface);\n      font: 13px/1.5 sans-serif;\n    }\n  `\n\n  @property({ attribute: false }) subject?: Entity360Subject\n  @state() answer?: Entity360DoorAnswer<{ id: string; name: string }[]>\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has('subject')) this.read()\n  }\n\n  private async read() {\n    const id = this.subject?.id\n    this.answer = undefined\n    if (!id) return\n\n    const response = await client.query({\n      query: gql`\n        query ($userId: String!) {\n          userRoles(userId: $userId) {\n            id\n            name\n            assigned\n          }\n        }\n      `,\n      variables: { userId: id }\n    })\n\n    /* A later subject may have arrived while this one was being read. */\n    if (this.subject?.id !== id) return\n    this.answer = readEntity360Door(response, data => (data?.userRoles || []).filter((role: any) => role.assigned))\n  }\n\n  render() {\n    const answer = this.answer\n    return html`<ox-entity360-section\n      .heading=${i18next.t('field.roles', { defaultValue: 'roles' })}\n      .state=${answer?.state ?? 'loading'}\n      .message=${answer?.message ?? ''}\n    >\n      <ul>\n        ${(answer?.data || []).map(role => html`<li>${role.name}</li>`)}\n      </ul>\n    </ox-entity360-section>`\n  }\n}\n"]}
+{"version":3,"file":"person-360.js","sourceRoot":"","sources":["../../client/entity360/person-360.ts"],"names":[],"mappings":"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","sourcesContent":["import gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\n\nimport { lastDays, recordWords } from '../utils/audit-words.js'\nimport {\n  readEntity360Door,\n  registerEntity360Kind,\n  registerEntity360Section,\n  type Entity360DoorAnswer,\n  type Entity360Subject\n} from '@operato/layout'\n\n/**\n * The person 360 (ADR-0067, design/ui/entity360-person.md): a `User` value anywhere - a grid's\n * `updater`, a request's author - opens it. auth-ui declares the kind because the account is its\n * fact; organization and worklist hang their own sections on it with their own doors.\n *\n * This section is identity and the roles held on this site. `userRoles` answers this domain's roles\n * only (and its parent's) - `User.roles` answers every domain's and must not be used here.\n */\n\nexport function registerPersonKind() {\n  registerEntity360Kind({\n    kind: 'person',\n    typenames: ['User'],\n    title: ({ value }) => value.name || value.email || '',\n    context: ({ value }) => (value.name && value.email ? value.email : '')\n  })\n\n  registerEntity360Section('person', {\n    name: 'roles',\n    order: 30,\n    render: subject => html`<person-roles-section .subject=${subject}></person-roles-section>`\n  })\n}\n\n/** The person's last requests in this domain - for those who hold `audit:query` (ADR-0141 §6.1). */\nexport function registerPersonAuditSection() {\n  registerEntity360Section('person', {\n    name: 'audit',\n    order: 40,\n    render: subject => html`<person-audit-section .subject=${subject}></person-audit-section>`\n  })\n}\n\nconst AUDIT_SHOWN = 10\n\n@customElement('person-audit-section')\nexport class PersonAuditSection extends LitElement {\n  static styles = css`\n    ul {\n      margin: 0;\n      padding: 0;\n      list-style: none;\n      display: grid;\n      grid-template-columns: max-content 1fr;\n      gap: 4px 12px;\n      font: 13px/1.5 sans-serif;\n      color: var(--md-sys-color-on-surface);\n    }\n    li {\n      display: contents;\n    }\n    time {\n      color: var(--md-sys-color-on-surface-variant);\n      font-variant-numeric: tabular-nums;\n    }\n  `\n\n  @property({ attribute: false }) subject?: Entity360Subject\n  @state() answer?: Entity360DoorAnswer<{ at: string; what: string }[]>\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has('subject')) this.read()\n  }\n\n  private async read() {\n    const id = this.subject?.id\n    this.answer = undefined\n    if (!id) return\n\n    const { from, to } = lastDays(30)\n    const response = await client.query({\n      query: gql`\n        query ($filter: AuditRecordFilter!) {\n          auditRecords(filter: $filter) {\n            items {\n              request {\n                createdAt\n              }\n              actions {\n                kind\n                door\n                decision\n                outcome\n                code\n                count\n                detail\n              }\n            }\n          }\n        }\n      `,\n      variables: { filter: { from: from.toISOString(), to: to.toISOString(), actorId: id, limit: AUDIT_SHOWN } },\n      fetchPolicy: 'no-cache'\n    })\n\n    if (this.subject?.id !== id) return\n    const t = i18next.t.bind(i18next)\n    this.answer = readEntity360Door(response, data =>\n      (data?.auditRecords?.items || [])\n        .map((item: any) => ({ at: item.request.createdAt, what: recordWords(t, item.actions) }))\n        .filter((line: any) => line.what)\n    )\n  }\n\n  render() {\n    const answer = this.answer\n    return html`<ox-entity360-section\n      .heading=${i18next.t('audit.title')}\n      .state=${answer?.state ?? 'loading'}\n      .message=${answer?.message ?? ''}\n    >\n      <ul>\n        ${(answer?.data || []).map(line => html`<li><time>${new Date(line.at).toLocaleString()}</time><span>${line.what}</span></li>`)}\n      </ul>\n    </ox-entity360-section>`\n  }\n}\n\n@customElement('person-roles-section')\nexport class PersonRolesSection extends LitElement {\n  static styles = css`\n    ul {\n      margin: 0;\n      padding: 0;\n      list-style: none;\n      display: flex;\n      flex-wrap: wrap;\n      gap: 6px;\n    }\n    li {\n      padding: 2px 8px;\n      border-radius: var(--md-sys-shape-corner-small, 8px);\n      background: var(--md-sys-color-surface-container-high);\n      color: var(--md-sys-color-on-surface);\n      font: 13px/1.5 sans-serif;\n    }\n  `\n\n  @property({ attribute: false }) subject?: Entity360Subject\n  @state() answer?: Entity360DoorAnswer<{ id: string; name: string }[]>\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has('subject')) this.read()\n  }\n\n  private async read() {\n    const id = this.subject?.id\n    this.answer = undefined\n    if (!id) return\n\n    const response = await client.query({\n      query: gql`\n        query ($userId: String!) {\n          userRoles(userId: $userId) {\n            id\n            name\n            assigned\n          }\n        }\n      `,\n      variables: { userId: id }\n    })\n\n    /* A later subject may have arrived while this one was being read. */\n    if (this.subject?.id !== id) return\n    this.answer = readEntity360Door(response, data => (data?.userRoles || []).filter((role: any) => role.assigned))\n  }\n\n  render() {\n    const answer = this.answer\n    return html`<ox-entity360-section\n      .heading=${i18next.t('field.roles', { defaultValue: 'roles' })}\n      .state=${answer?.state ?? 'loading'}\n      .message=${answer?.message ?? ''}\n    >\n      <ul>\n        ${(answer?.data || []).map(role => html`<li>${role.name}</li>`)}\n      </ul>\n    </ox-entity360-section>`\n  }\n}\n"]}

package/dist-client/entries-hold-only-pages.test.d.ts

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

package/dist-client/entries-hold-only-pages.test.js

@@ -0,0 +1,25 @@
+import { readdirSync, statSync } from 'fs';
+import { join } from 'path';
+/**
+ * Nothing but pages lives under `entries/`.
+ *
+ * The builder takes every `.js` under a module's `dist-client/entries/` as a webpack entry
+ * (`builder/controller/entries-builder.js`), and the client tsconfig compiles every file here. A
+ * test placed beside its page was compiled, published in 10.1.192, and made an entry: the
+ * production image's `build:app` failed resolving the test's `fs`. The local build runs tsc only,
+ * so it did not see it.
+ */
+const ENTRIES = join(__dirname, 'entries');
+function filesUnder(dir) {
+    return readdirSync(dir).flatMap(entry => {
+        const path = join(dir, entry);
+        return statSync(path).isDirectory() ? filesUnder(path) : [path];
+    });
+}
+it('no test is placed under entries/', () => {
+    const tests = filesUnder(ENTRIES)
+        .filter(path => /\.(test|spec)\.[jt]s$/.test(path))
+        .map(path => path.slice(ENTRIES.length + 1));
+    expect(tests).toEqual([]);
+});
+//# sourceMappingURL=entries-hold-only-pages.test.js.map

package/dist-client/entries-hold-only-pages.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entries-hold-only-pages.test.js","sourceRoot":"","sources":["../client/entries-hold-only-pages.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAE3B;;;;;;;;GAQG;AAEH,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;AAE1C,SAAS,UAAU,CAAC,GAAW;IAC7B,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACtC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;QAE7B,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IACjE,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;IAC1C,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC;SAC9B,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAClD,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAA;IAE9C,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;AAC3B,CAAC,CAAC,CAAA","sourcesContent":["import { readdirSync, statSync } from 'fs'\nimport { join } from 'path'\n\n/**\n * Nothing but pages lives under `entries/`.\n *\n * The builder takes every `.js` under a module's `dist-client/entries/` as a webpack entry\n * (`builder/controller/entries-builder.js`), and the client tsconfig compiles every file here. A\n * test placed beside its page was compiled, published in 10.1.192, and made an entry: the\n * production image's `build:app` failed resolving the test's `fs`. The local build runs tsc only,\n * so it did not see it.\n */\n\nconst ENTRIES = join(__dirname, 'entries')\n\nfunction filesUnder(dir: string): string[] {\n  return readdirSync(dir).flatMap(entry => {\n    const path = join(dir, entry)\n\n    return statSync(path).isDirectory() ? filesUnder(path) : [path]\n  })\n}\n\nit('no test is placed under entries/', () => {\n  const tests = filesUnder(ENTRIES)\n    .filter(path => /\\.(test|spec)\\.[jt]s$/.test(path))\n    .map(path => path.slice(ENTRIES.length + 1))\n\n  expect(tests).toEqual([])\n})\n"]}

package/dist-client/index.d.ts

@@ -11,5 +11,6 @@ export type AuthManagementMenuOptions = {
     authProvider?: boolean;
     domain?: boolean;
     attribute?: boolean;
+    audit?: boolean;
 };
 export declare function setAuthManagementMenus(options?: any): Promise<void>;

package/dist-client/index.js

@@ -8,7 +8,7 @@ export * from './components/role-selector.js';
 export * from './components/domain-switch.js';
 export * from './components/invite-user.js';
 export async function setAuthManagementMenus(options) {
-    const { role = true, appliance = true, application = true, user = true, authProvider = true, domain = true, attribute = true } = options || {};
+    const { role = true, appliance = true, application = true, user = true, authProvider = true, domain = true, attribute = true, audit = true } = options || {};
     if (await hasPrivilege({ privilege: 'mutation', category: 'user', domainOwnerGranted: true, superUserGranted: true })) {
         role &&
             store.dispatch({
@@ -66,6 +66,19 @@ export async function setAuthManagementMenus(options) {
                 }
             });
     }
+    /* The audit asks its own privilege - the domain owner does not pass on ownership (ADR-0141 §5). */
+    if (audit && (await hasPrivilege({ privilege: 'query', category: 'audit', superUserGranted: true }))) {
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <md-icon>policy</md-icon> `,
+                name: html ` <ox-i18n msgid="audit.title"></ox-i18n> `,
+                action: () => {
+                    navigate('audit');
+                }
+            }
+        });
+    }
     if (await hasPrivilege({ domainOwnerGranted: true, superUserGranted: true })) {
         domain &&
             store.dispatch({

package/dist-client/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../client/index.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/i18n/ox-i18n.js'\n\nimport { html } from 'lit-html'\n\nimport { navigate, store } from '@operato/shell'\nimport { ADD_MORENDA } from '@things-factory/more-base/client'\nimport { hasPrivilege } from '@things-factory/auth-base/dist-client'\n\nexport * from './components/role-selector.js'\nexport * from './components/domain-switch.js'\nexport * from './components/invite-user.js'\n\nexport type AuthManagementMenuOptions = {\n  role?: boolean\n  appliance?: boolean\n  application?: boolean\n  user?: boolean\n  authProvider?: boolean\n  domain?: boolean\n  attribute?: boolean\n}\n\nexport async function setAuthManagementMenus(options?: any) {\n  const {\n    role = true,\n    appliance = true,\n    application = true,\n    user = true,\n    authProvider = true,\n    domain = true,\n    attribute = true\n  } = options || {}\n\n  if (\n    await hasPrivilege({ privilege: 'mutation', category: 'user', domainOwnerGranted: true, superUserGranted: true })\n  ) {\n    role &&\n      store.dispatch({\n        type: ADD_MORENDA,\n        morenda: {\n          icon: html` <md-icon>how_to_reg</md-icon> `,\n          name: html` <ox-i18n msgid=\"text.role_management\"></ox-i18n> `,\n          action: () => {\n            navigate('roles')\n          }\n        }\n      })\n\n    appliance &&\n      store.dispatch({\n        type: ADD_MORENDA,\n        morenda: {\n          icon: html` <md-icon>devices</md-icon> `,\n          name: html` <ox-i18n msgid=\"text.appliance\"></ox-i18n> `,\n          action: () => {\n            navigate('appliance-home')\n          }\n        }\n      })\n\n    application &&\n      store.dispatch({\n        type: ADD_MORENDA,\n        morenda: {\n          icon: html` <md-icon>apps</md-icon> `,\n          name: html` <ox-i18n msgid=\"text.application management\"></ox-i18n> `,\n          action: () => {\n            navigate('applications')\n          }\n        }\n      })\n\n    user &&\n      store.dispatch({\n        type: ADD_MORENDA,\n        morenda: {\n          icon: html` <md-icon>people</md-icon> `,\n          name: html` <ox-i18n msgid=\"text.user management\"></ox-i18n> `,\n          action: () => {\n            navigate('users')\n          }\n        }\n      })\n\n    authProvider &&\n      store.dispatch({\n        type: ADD_MORENDA,\n        morenda: {\n          icon: html` <md-icon>id_card</md-icon> `,\n          name: html` <ox-i18n msgid=\"text.auth-provider management\"></ox-i18n> `,\n          action: () => {\n            navigate('auth-providers')\n          }\n        }\n      })\n  }\n\n  if (await hasPrivilege({ domainOwnerGranted: true, superUserGranted: true })) {\n    domain &&\n      store.dispatch({\n        type: ADD_MORENDA,\n        morenda: {\n          icon: html` <md-icon>supervised_user_circle</md-icon> `,\n          name: html` <ox-i18n msgid=\"text.domain owners\"></ox-i18n> `,\n          action: () => {\n            navigate('domain-owners')\n          }\n        }\n      })\n  }\n\n  if (await hasPrivilege({ superUserGranted: true })) {\n    domain &&\n      store.dispatch({\n        type: ADD_MORENDA,\n        morenda: {\n          icon: html` <md-icon>business</md-icon> `,\n          name: html` <ox-i18n msgid=\"text.domain management\"></ox-i18n> `,\n          action: () => {\n            navigate('domains')\n          }\n        }\n      })\n\n    attribute &&\n      store.dispatch({\n        type: ADD_MORENDA,\n        morenda: {\n          icon: html` <md-icon>dataset</md-icon> `,\n          name: html` <ox-i18n msgid=\"text.attribute management\"></ox-i18n> `,\n          action: () => {\n            navigate('attributes')\n          }\n        }\n      })\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../client/index.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/i18n/ox-i18n.js'\n\nimport { html } from 'lit-html'\n\nimport { navigate, store } from '@operato/shell'\nimport { ADD_MORENDA } from '@things-factory/more-base/client'\nimport { hasPrivilege } from '@things-factory/auth-base/dist-client'\n\nexport * from './components/role-selector.js'\nexport * from './components/domain-switch.js'\nexport * from './components/invite-user.js'\n\nexport type AuthManagementMenuOptions = {\n  role?: boolean\n  appliance?: boolean\n  application?: boolean\n  user?: boolean\n  authProvider?: boolean\n  domain?: boolean\n  attribute?: boolean\n  audit?: boolean\n}\n\nexport async function setAuthManagementMenus(options?: any) {\n  const {\n    role = true,\n    appliance = true,\n    application = true,\n    user = true,\n    authProvider = true,\n    domain = true,\n    attribute = true,\n    audit = true\n  } = options || {}\n\n  if (\n    await hasPrivilege({ privilege: 'mutation', category: 'user', domainOwnerGranted: true, superUserGranted: true })\n  ) {\n    role &&\n      store.dispatch({\n        type: ADD_MORENDA,\n        morenda: {\n          icon: html` <md-icon>how_to_reg</md-icon> `,\n          name: html` <ox-i18n msgid=\"text.role_management\"></ox-i18n> `,\n          action: () => {\n            navigate('roles')\n          }\n        }\n      })\n\n    appliance &&\n      store.dispatch({\n        type: ADD_MORENDA,\n        morenda: {\n          icon: html` <md-icon>devices</md-icon> `,\n          name: html` <ox-i18n msgid=\"text.appliance\"></ox-i18n> `,\n          action: () => {\n            navigate('appliance-home')\n          }\n        }\n      })\n\n    application &&\n      store.dispatch({\n        type: ADD_MORENDA,\n        morenda: {\n          icon: html` <md-icon>apps</md-icon> `,\n          name: html` <ox-i18n msgid=\"text.application management\"></ox-i18n> `,\n          action: () => {\n            navigate('applications')\n          }\n        }\n      })\n\n    user &&\n      store.dispatch({\n        type: ADD_MORENDA,\n        morenda: {\n          icon: html` <md-icon>people</md-icon> `,\n          name: html` <ox-i18n msgid=\"text.user management\"></ox-i18n> `,\n          action: () => {\n            navigate('users')\n          }\n        }\n      })\n\n    authProvider &&\n      store.dispatch({\n        type: ADD_MORENDA,\n        morenda: {\n          icon: html` <md-icon>id_card</md-icon> `,\n          name: html` <ox-i18n msgid=\"text.auth-provider management\"></ox-i18n> `,\n          action: () => {\n            navigate('auth-providers')\n          }\n        }\n      })\n  }\n\n  /* The audit asks its own privilege - the domain owner does not pass on ownership (ADR-0141 §5). */\n  if (audit && (await hasPrivilege({ privilege: 'query', category: 'audit', superUserGranted: true }))) {\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <md-icon>policy</md-icon> `,\n        name: html` <ox-i18n msgid=\"audit.title\"></ox-i18n> `,\n        action: () => {\n          navigate('audit')\n        }\n      }\n    })\n  }\n\n  if (await hasPrivilege({ domainOwnerGranted: true, superUserGranted: true })) {\n    domain &&\n      store.dispatch({\n        type: ADD_MORENDA,\n        morenda: {\n          icon: html` <md-icon>supervised_user_circle</md-icon> `,\n          name: html` <ox-i18n msgid=\"text.domain owners\"></ox-i18n> `,\n          action: () => {\n            navigate('domain-owners')\n          }\n        }\n      })\n  }\n\n  if (await hasPrivilege({ superUserGranted: true })) {\n    domain &&\n      store.dispatch({\n        type: ADD_MORENDA,\n        morenda: {\n          icon: html` <md-icon>business</md-icon> `,\n          name: html` <ox-i18n msgid=\"text.domain management\"></ox-i18n> `,\n          action: () => {\n            navigate('domains')\n          }\n        }\n      })\n\n    attribute &&\n      store.dispatch({\n        type: ADD_MORENDA,\n        morenda: {\n          icon: html` <md-icon>dataset</md-icon> `,\n          name: html` <ox-i18n msgid=\"text.attribute management\"></ox-i18n> `,\n          action: () => {\n            navigate('attributes')\n          }\n        }\n      })\n  }\n}\n"]}

package/dist-client/pages/audit/audit-page.d.ts

@@ -0,0 +1,46 @@
+import '@material/web/icon/icon.js';
+import '@operato/data-grist';
+import type { CSSResultGroup } from 'lit';
+import { PageView } from '@operato/shell';
+import type { FetchOption } from '@operato/data-grist';
+declare const AuditPageBase: (new (...args: any[]) => {
+    __preferenceProviders: {
+        [element: string]: import("@operato/p13n").PagePreferenceProvider;
+    };
+    getPagePreferenceProvider(element: string): import("@operato/p13n").PagePreferenceProvider | undefined;
+}) & (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+export declare class AuditPage extends AuditPageBase {
+    static styles: CSSResultGroup;
+    mode: 'CARD' | 'GRID' | 'LIST';
+    private view;
+    private days;
+    private from;
+    private to;
+    private actor?;
+    private door?;
+    private outcome;
+    private health?;
+    private grist;
+    get context(): {
+        title: string;
+        help: string;
+        filter: {
+            handler: () => void;
+        };
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    private renderControls;
+    private renderHealth;
+    private show;
+    private lastDays;
+    private pick;
+    private narrow;
+    pageUpdated(_changes: any, _lifecycle: any): Promise<void>;
+    private readHealth;
+    private configOf;
+    fetchHandler({ page, limit }: FetchOption): Promise<{
+        total: any;
+        records: any;
+    }>;
+}
+export {};

package/dist-client/pages/audit/audit-page.js

@@ -0,0 +1,417 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
+import '@operato/data-grist';
+import gql from 'graphql-tag';
+import { css, html, nothing } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { keyed } from 'lit/directives/keyed.js';
+import { client } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { p13n } from '@operato/p13n';
+import { PageView } from '@operato/shell';
+import { ButtonStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
+import { isMobileDevice } from '@operato/utils';
+import { statusRenderer } from '../../components/user-status-renderer.js';
+import { doorWords, lastDays, recordWords } from '../../utils/audit-words.js';
+const PERIODS = [7, 30, 90];
+const VIEWS = ['people', 'doors', 'records'];
+const OUTCOMES = ['', 'denied', 'error', 'failed'];
+const AuditPageBase = p13n(localize(i18next)(PageView));
+function dateInputValue(date) {
+    const pad = (n) => String(n).padStart(2, '0');
+    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+}
+let AuditPage = class AuditPage extends AuditPageBase {
+    constructor() {
+        super(...arguments);
+        this.mode = isMobileDevice() ? 'LIST' : 'GRID';
+        this.view = 'people';
+        this.days = 30;
+        this.from = lastDays(30).from;
+        this.to = new Date();
+        this.outcome = '';
+    }
+    static { this.styles = [
+        WorkSurfacePageStyles,
+        ScrollbarStyles,
+        CommonGristStyles,
+        CommonHeaderStyles,
+        ButtonStyles,
+        css `
+      .filters {
+        flex-wrap: wrap;
+      }
+
+      [group] {
+        display: flex;
+        align-items: center;
+        gap: var(--spacing-tiny, 2px);
+      }
+
+      button[aria-pressed='true'] {
+        background-color: var(--md-sys-color-secondary-container);
+        color: var(--md-sys-color-on-secondary-container);
+      }
+
+      input[type='date'] {
+        height: var(--context-action-height, 28px);
+        box-sizing: border-box;
+        border: 1px solid var(--md-sys-color-outline-variant);
+        border-radius: var(--md-sys-shape-corner-small, 4px);
+        background: var(--md-sys-color-surface-container-lowest);
+        color: var(--md-sys-color-on-surface);
+        font: inherit;
+        font-size: var(--ui-t-body, 13px);
+        padding: 0 var(--spacing-small, 4px);
+      }
+
+      [narrowed] {
+        display: flex;
+        align-items: center;
+        gap: var(--spacing-small, 4px);
+        font-size: var(--ui-t-body, 13px);
+        color: var(--md-sys-color-on-surface);
+      }
+
+      [health] {
+        margin-left: auto;
+        font-size: var(--ui-t-body, 13px);
+        color: var(--ui-crit, var(--md-sys-color-error));
+      }
+    `
+    ]; }
+    get context() {
+        return {
+            title: i18next.t('audit.title'),
+            help: 'auth/audit',
+            filter: {
+                handler: () => this.grist.toggleHeadroom()
+            }
+        };
+    }
+    render() {
+        return html `${keyed(this.view, html `<ox-grist class="page-fill" .mode=${this.mode} .config=${this.configOf(this.view)} .fetchHandler=${this.fetchHandler.bind(this)}>
+        <div slot="headroom" class="header">
+          <div class="filters">${this.renderControls()}</div>
+        </div>
+      </ox-grist>`)}`;
+    }
+    renderControls() {
+        const t = i18next.t.bind(i18next);
+        const pressed = (on) => (on ? 'true' : 'false');
+        return html `
+      <div group>
+        ${VIEWS.map(view => html `<button quiet aria-pressed=${pressed(this.view === view)} @click=${() => this.show(view)}>${t(`audit.view.${view}`)}</button>`)}
+      </div>
+
+      <div group>
+        ${PERIODS.map(days => html `<button quiet aria-pressed=${pressed(this.days === days)} @click=${() => this.lastDays(days)}>${t('audit.period.days', { count: days })}</button>`)}
+        <input type="date" aria-label=${t('audit.period.from')} .value=${dateInputValue(this.from)} @change=${(e) => this.pick('from', e)} />
+        <span>~</span>
+        <input type="date" aria-label=${t('audit.period.to')} .value=${dateInputValue(this.to)} @change=${(e) => this.pick('to', e)} />
+      </div>
+
+      ${this.view === 'records'
+            ? html `<div group>
+            ${OUTCOMES.map(outcome => html `<button quiet aria-pressed=${pressed(this.outcome === outcome)} @click=${() => this.narrow({ outcome })}>${t(outcome ? `audit.outcome.${outcome}` : 'audit.outcome.all')}</button>`)}
+          </div>`
+            : nothing}
+      ${this.view === 'records' && this.actor
+            ? html `<span narrowed>${this.actor.name}<button quiet small @click=${() => this.narrow({ actor: undefined })}>${t('audit.button.all-people')}</button></span>`
+            : nothing}
+      ${this.view === 'records' && this.door
+            ? html `<span narrowed>${doorWords(t, this.door)}<button quiet small @click=${() => this.narrow({ door: undefined })}>${t('audit.button.all-privileges')}</button></span>`
+            : nothing}
+      ${this.renderHealth()}
+    `;
+    }
+    /* Only what is wrong is said: failures, or that they could not be counted. Never a 0 for "unknown". */
+    renderHealth() {
+        const health = this.health;
+        if (health === 'unknown')
+            return html `<span health>${i18next.t('audit.health.unknown')}</span>`;
+        if (!health?.failures)
+            return nothing;
+        return html `<span health>${i18next.t('audit.health.failures', { count: health.failures, since: new Date(health.since).toLocaleString() })}</span>`;
+    }
+    show(view) {
+        this.view = view;
+    }
+    lastDays(days) {
+        const { from, to } = lastDays(days);
+        this.days = days;
+        this.from = from;
+        this.to = to;
+        this.grist?.fetch();
+    }
+    pick(which, event) {
+        const value = event.target.value;
+        if (!value)
+            return;
+        const [year, month, day] = value.split('-').map(Number);
+        this[which] = which === 'from' ? new Date(year, month - 1, day, 0, 0, 0) : new Date(year, month - 1, day, 23, 59, 59, 999);
+        this.days = null;
+        this.grist?.fetch();
+    }
+    narrow(change) {
+        Object.assign(this, change);
+        if (this.view !== 'records')
+            this.view = 'records';
+        else
+            this.grist?.fetch();
+    }
+    async pageUpdated(_changes, _lifecycle) {
+        if (this.active) {
+            await this.updateComplete;
+            this.grist?.fetch();
+            this.readHealth();
+        }
+    }
+    async readHealth() {
+        try {
+            const response = await client.query({ query: gql `{ auditHealth { failures since } }`, fetchPolicy: 'no-cache' });
+            this.health = response.errors?.length || !response.data?.auditHealth ? 'unknown' : response.data.auditHealth;
+        }
+        catch {
+            this.health = 'unknown';
+        }
+    }
+    configOf(view) {
+        const t = i18next.t.bind(i18next);
+        const number = (name, header, click) => ({
+            type: 'integer',
+            name,
+            header,
+            record: { align: 'right', editable: false },
+            width: 90,
+            ...(click ? { handlers: { click: (_c, _d, _col, record) => record && click(record) } } : {})
+        });
+        if (view === 'people') {
+            const person = (record) => ({ id: record.id, name: record.name || record.email });
+            return {
+                rows: { appendable: false, selectable: false },
+                pagination: { infinite: true },
+                columns: [
+                    { type: 'gutter', gutterName: 'sequence' },
+                    {
+                        type: 'string',
+                        name: 'name',
+                        header: t('field.name'),
+                        record: { editable: false },
+                        width: 140,
+                        handlers: { click: (_c, _d, _col, record) => record && this.narrow({ actor: person(record), door: undefined, outcome: '' }) }
+                    },
+                    { type: 'string', name: 'email', header: t('field.email'), record: { editable: false }, width: 200 },
+                    { type: 'string', name: 'roles', header: t('field.roles'), record: { editable: false }, width: 200 },
+                    { type: 'string', name: 'status', header: t('field.status'), record: { editable: false, align: 'center', renderer: statusRenderer(() => 0) }, width: 80 },
+                    { type: 'datetime', name: 'lastCheckinAt', header: t('audit.field.last-checkin'), record: { editable: false }, width: 160 },
+                    number('checkins', t('audit.field.checkins')),
+                    number('failedSignins', t('audit.field.failed-signins'), record => this.narrow({ actor: person(record), door: undefined, outcome: 'failed' })),
+                    number('granted', t('audit.field.granted'), record => this.narrow({ actor: person(record), door: undefined, outcome: '' })),
+                    number('denied', t('audit.field.denied'), record => this.narrow({ actor: person(record), door: undefined, outcome: 'denied' }))
+                ]
+            };
+        }
+        if (view === 'doors') {
+            return {
+                rows: { appendable: false, selectable: false },
+                pagination: { infinite: true },
+                columns: [
+                    { type: 'gutter', gutterName: 'sequence' },
+                    {
+                        type: 'string',
+                        name: 'doorWords',
+                        header: t('audit.field.privilege'),
+                        record: { editable: false },
+                        width: 240,
+                        handlers: { click: (_c, _d, _col, record) => record && this.narrow({ door: record.door, actor: undefined, outcome: '' }) }
+                    },
+                    number('people', t('audit.field.people')),
+                    number('granted', t('audit.field.granted'), record => this.narrow({ door: record.door, actor: undefined, outcome: '' })),
+                    number('denied', t('audit.field.denied'), record => this.narrow({ door: record.door, actor: undefined, outcome: 'denied' }))
+                ]
+            };
+        }
+        return {
+            rows: { appendable: false, selectable: false },
+            pagination: { pages: [50, 100, 200] },
+            columns: [
+                { type: 'gutter', gutterName: 'sequence' },
+                { type: 'datetime', name: 'createdAt', header: t('audit.field.time'), record: { editable: false }, width: 160 },
+                { type: 'string', name: 'actorName', header: t('audit.field.actor'), record: { editable: false }, width: 120 },
+                { type: 'string', name: 'operation', header: t('audit.field.request'), record: { editable: false }, width: 200 },
+                { type: 'string', name: 'what', header: t('audit.field.actions'), record: { editable: false }, width: 360 },
+                { type: 'string', name: 'ip', header: t('audit.field.address'), record: { editable: false }, width: 120 },
+                { type: 'integer', name: 'durationMs', header: t('audit.field.duration'), record: { editable: false, align: 'right' }, width: 80 }
+            ]
+        };
+    }
+    async fetchHandler({ page, limit }) {
+        const t = i18next.t.bind(i18next);
+        const period = { from: this.from.toISOString(), to: this.to.toISOString() };
+        if (this.view === 'people') {
+            const response = await client.query({
+                query: gql `
+          query ($from: DateTimeISO!, $to: DateTimeISO!) {
+            auditPeople(from: $from, to: $to) {
+              user {
+                id
+                name
+                email
+                status
+              }
+              roles
+              lastCheckinAt
+              checkins
+              failedSignins
+              granted
+              denied
+            }
+          }
+        `,
+                variables: period,
+                fetchPolicy: 'no-cache'
+            });
+            const people = response.data?.auditPeople || [];
+            const records = people
+                .map((one) => ({
+                ...one,
+                id: one.user.id,
+                name: one.user.name,
+                email: one.user.email,
+                roles: one.roles.join(', '),
+                status: one.user.status
+            }))
+                .sort((a, b) => String(b.lastCheckinAt || '').localeCompare(String(a.lastCheckinAt || '')));
+            return { total: records.length, records };
+        }
+        if (this.view === 'doors') {
+            const response = await client.query({
+                query: gql `
+          query ($from: DateTimeISO!, $to: DateTimeISO!) {
+            auditDoors(from: $from, to: $to) {
+              door
+              people
+              granted
+              denied
+            }
+          }
+        `,
+                variables: period,
+                fetchPolicy: 'no-cache'
+            });
+            /* The doors used come first; the rest keep the server's order. */
+            const used = (one) => one.granted + one.denied;
+            const records = (response.data?.auditDoors || [])
+                .map((one) => ({ ...one, doorWords: doorWords(t, one.door) }))
+                .sort((a, b) => used(b) - used(a));
+            return { total: records.length, records };
+        }
+        const response = await client.query({
+            query: gql `
+        query ($filter: AuditRecordFilter!) {
+          auditRecords(filter: $filter) {
+            items {
+              request {
+                id
+                createdAt
+                actor {
+                  id
+                  name
+                  email
+                }
+                ip
+                channel
+                operationType
+                operationName
+                fields
+                route
+                durationMs
+              }
+              actions {
+                kind
+                door
+                decision
+                outcome
+                code
+                count
+                objectId
+                detail
+              }
+            }
+            total
+          }
+        }
+      `,
+            variables: {
+                filter: {
+                    ...period,
+                    actorId: this.actor?.id,
+                    door: this.door,
+                    outcome: this.outcome || undefined,
+                    page,
+                    limit
+                }
+            },
+            fetchPolicy: 'no-cache'
+        });
+        const list = response.data?.auditRecords;
+        return {
+            total: list?.total || 0,
+            records: (list?.items || []).map(({ request, actions }) => ({
+                id: request.id,
+                createdAt: request.createdAt,
+                actorName: request.actor?.name || request.actor?.email || '',
+                what: recordWords(t, actions),
+                operation: request.channel === 'graphql' ? [request.operationType, request.fields || request.operationName].filter(Boolean).join(' ') : request.route || '',
+                ip: request.ip,
+                durationMs: request.durationMs
+            }))
+        };
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], AuditPage.prototype, "mode", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], AuditPage.prototype, "view", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AuditPage.prototype, "days", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Date)
+], AuditPage.prototype, "from", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Date)
+], AuditPage.prototype, "to", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AuditPage.prototype, "actor", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], AuditPage.prototype, "door", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], AuditPage.prototype, "outcome", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AuditPage.prototype, "health", void 0);
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", Function)
+], AuditPage.prototype, "grist", void 0);
+AuditPage = __decorate([
+    customElement('audit-page')
+], AuditPage);
+export { AuditPage };
+//# sourceMappingURL=audit-page.js.map