@things-factory/gallery 10.1.233 → 10.1.236

package/client/utils/gallery-api.ts

@@ -14,6 +14,7 @@ export type EventChoice = EventFacts & { near: boolean }
 export interface Post {
   id: string
   space: Space
+  shared: boolean
   caption?: string | null
   takenAt: string
   tags?: string[] | null
@@ -31,15 +32,16 @@ export interface Post {
 
 export interface PostInput {
   space?: Space
+  shared?: boolean
   caption?: string
   takenAt?: string
   tags?: string[]
   eventId?: string | null
 }
 
-export type Filter = { space?: Space; eventId?: string; tag?: string; authorId?: string }
+export type Filter = { space?: Space; eventId?: string; tag?: string; authorId?: string; mine?: boolean; everyone?: boolean }
 
-const POST_FIELDS = `id space caption takenAt tags likeCount liked editable moderatable hiddenAt hiddenReason createdAt
+const POST_FIELDS = `id space shared caption takenAt tags likeCount liked editable moderatable hiddenAt hiddenReason createdAt
   creator { id name } event { id name startAt endAt location } photos { id name thumbnail fullpath mimetype }`
 const EVENT_FIELDS = 'id name startAt endAt location'
 

package/client/utils/gallery-saver.ts

@@ -0,0 +1,72 @@
+/*
+ * The gallery as the screen saver (ADR-0165 decision 9): after the minutes set on this device with no press, move or
+ * key, the gallery everyone sees - the company's and the shared own photos - plays over the window until the person
+ * comes back. Kept on the device (`clientSettingStore`),
+ * since it is the screen that is left - a meeting room's display, not the person - and off until it is turned on.
+ */
+import { clientSettingStore } from '@operato/shell'
+import { auth } from '@things-factory/auth-base/dist-client'
+
+import { GalleryShow } from '../components/gallery-show.js'
+
+const KEY = 'gallery-saver'
+/** The waits the setting offers, in minutes; 0 is off. */
+export const SAVER_MINUTES = [0, 5, 10, 30]
+/** What says the person is here. */
+const PRESENCE = ['pointermove', 'pointerdown', 'keydown', 'wheel', 'touchstart']
+
+export async function saverMinutes(): Promise<number> {
+  try {
+    const minutes = Number((await clientSettingStore.get(KEY))?.value?.minutes)
+    return SAVER_MINUTES.includes(minutes) ? minutes : 0
+  } catch {
+    return 0
+  }
+}
+
+export async function setSaverMinutes(minutes: number) {
+  await clientSettingStore.put({ key: KEY, value: { minutes } })
+  window.dispatchEvent(new CustomEvent('gallery-saver-changed'))
+}
+
+let minutes = 0
+let timer: ReturnType<typeof setTimeout> | undefined
+let signedIn = false
+let showing: GalleryShow | undefined
+
+function wait() {
+  clearTimeout(timer)
+  if (!minutes || !signedIn || showing) return
+  timer = setTimeout(start, minutes * 60_000)
+}
+
+function start() {
+  /* A hidden tab is not looked at; it waits for the next quiet stretch after it is shown. */
+  if (document.visibilityState !== 'visible' || document.querySelector('gallery-show')) return wait()
+  /* What everyone sees - never the photos the device's person keeps to themselves. */
+  showing = GalleryShow.open({ filter: { everyone: true }, saver: true })
+  showing.addEventListener('closed', () => {
+    showing = undefined
+    wait()
+  })
+}
+
+/** Watches for the quiet stretch, once per application. */
+export function watchForSaver() {
+  const read = async () => {
+    minutes = await saverMinutes()
+    wait()
+  }
+  for (const name of PRESENCE) window.addEventListener(name, () => !showing && wait(), { passive: true, capture: true })
+  document.addEventListener('visibilitychange', () => document.visibilityState === 'visible' && wait())
+  window.addEventListener('gallery-saver-changed', read)
+  auth.on('profile', () => {
+    signedIn = true
+    read()
+  })
+  auth.on('signout', () => {
+    signedIn = false
+    clearTimeout(timer)
+    showing?.close()
+  })
+}

package/dist-client/bootstrap.d.ts

@@ -1 +1,2 @@
+import './components/gallery-saver-setting-let.js';
 export default function bootstrap(): void;

package/dist-client/bootstrap.js

@@ -1,5 +1,9 @@
+import { html } from 'lit';
 import { navigate, store } from '@operato/shell';
 import { ADD_USER_MENU } from '@things-factory/apptool-base/client';
+import { ADD_SETTING } from '@things-factory/setting-base/dist-client';
+import './components/gallery-saver-setting-let.js';
+import { watchForSaver } from './utils/gallery-saver.js';
 /* One's own gallery is in the menu the header's avatar opens, right after the profile (ADR-0165 decision 6). */
 export default function bootstrap() {
     store.dispatch({
@@ -12,5 +16,11 @@ export default function bootstrap() {
             action: () => navigate('gallery-page?tab=mine')
         }
     });
+    /* The screen saver is the device's, so it is set among one's own settings (ADR-0165 decision 9). */
+    store.dispatch({
+        type: ADD_SETTING,
+        setting: { seq: 30, template: html `<gallery-saver-setting-let></gallery-saver-setting-let>` }
+    });
+    watchForSaver();
 }
 //# sourceMappingURL=bootstrap.js.map

package/dist-client/bootstrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AAEnE,gHAAgH;AAChH,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,KAAK,CAAC,QAAQ,CAAC;QACb,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE;YACJ,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE,eAAe;YACrB,KAAK,EAAE,0BAA0B;YACjC,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,uBAAuB,CAAC;SAChD;KACF,CAAC,CAAA;AACJ,CAAC","sourcesContent":["import { navigate, store } from '@operato/shell'\nimport { ADD_USER_MENU } from '@things-factory/apptool-base/client'\n\n/* One's own gallery is in the menu the header's avatar opens, right after the profile (ADR-0165 decision 6). */\nexport default function bootstrap() {\n  store.dispatch({\n    type: ADD_USER_MENU,\n    item: {\n      name: 'my-gallery',\n      icon: 'photo_library',\n      label: 'gallery.title.my-gallery',\n      order: 12,\n      action: () => navigate('gallery-page?tab=mine')\n    }\n  })\n}\n"]}
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE1B,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAA;AAEtE,OAAO,2CAA2C,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAExD,gHAAgH;AAChH,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,KAAK,CAAC,QAAQ,CAAC;QACb,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE;YACJ,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE,eAAe;YACrB,KAAK,EAAE,0BAA0B;YACjC,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,uBAAuB,CAAC;SAChD;KACF,CAAC,CAAA;IACF,oGAAoG;IACpG,KAAK,CAAC,QAAQ,CAAC;QACb,IAAI,EAAE,WAAW;QACjB,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAA,yDAAyD,EAAE;KAC9F,CAAC,CAAA;IACF,aAAa,EAAE,CAAA;AACjB,CAAC","sourcesContent":["import { html } from 'lit'\n\nimport { navigate, store } from '@operato/shell'\nimport { ADD_USER_MENU } from '@things-factory/apptool-base/client'\nimport { ADD_SETTING } from '@things-factory/setting-base/dist-client'\n\nimport './components/gallery-saver-setting-let.js'\nimport { watchForSaver } from './utils/gallery-saver.js'\n\n/* One's own gallery is in the menu the header's avatar opens, right after the profile (ADR-0165 decision 6). */\nexport default function bootstrap() {\n  store.dispatch({\n    type: ADD_USER_MENU,\n    item: {\n      name: 'my-gallery',\n      icon: 'photo_library',\n      label: 'gallery.title.my-gallery',\n      order: 12,\n      action: () => navigate('gallery-page?tab=mine')\n    }\n  })\n  /* The screen saver is the device's, so it is set among one's own settings (ADR-0165 decision 9). */\n  store.dispatch({\n    type: ADD_SETTING,\n    setting: { seq: 30, template: html`<gallery-saver-setting-let></gallery-saver-setting-let>` }\n  })\n  watchForSaver()\n}\n"]}

package/dist-client/components/gallery-forms.js

@@ -171,7 +171,7 @@ let GalleryTagForm = class GalleryTagForm extends localize(i18next)(LitElement)
           >${t('gallery.field.new-tag')}<input
             .value=${this.to}
             placeholder=${this.tag}
-            maxlength="31"
+            maxlength="30"
             @input=${(e) => (this.to = e.target.value)}
         /></label>
         <div class="note">${t('gallery.text.tag-form-note', { tag: this.tag })}</div>

package/dist-client/components/gallery-forms.js.map

@@ -1 +1 @@
-{"version":3,"file":"gallery-forms.js","sourceRoot":"","sources":["../../client/components/gallery-forms.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * The two small forms of the gallery's moderators (ADR-0165 decision 5): an event made from the gallery, for one nobody\n * put on the calendar yet, and a tag renamed on every post - into one already there, the two become one.\n */\nimport '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\nimport '@operato/popup/ox-popup-actions.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport { CommonPopupStyles, PopupBodyStyles } from '@operato/styles'\n\nimport { galleryApi, galleryChanged } from '../utils/gallery-api.js'\nimport { reasonOf, t } from '../utils/gallery-words.js'\n\nconst FormStyles = css`\n  :host {\n    height: 100%;\n  }\n  .body {\n    display: flex;\n    flex-direction: column;\n    gap: var(--spacing-medium, 8px);\n  }\n  label {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    font-size: var(--ui-t-small, 12px);\n    font-weight: 600;\n    color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n  }\n  input {\n    box-sizing: border-box;\n    font: inherit;\n    font-size: var(--ui-t-body, 14px);\n    font-weight: normal;\n    padding: var(--spacing-small, 4px) var(--spacing-medium, 8px);\n    border: 1px solid var(--ui-line, var(--md-sys-color-outline-variant));\n    border-radius: var(--border-radius, 4px);\n    background: var(--md-sys-color-surface);\n    color: var(--md-sys-color-on-surface);\n  }\n  .row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--spacing-medium, 8px);\n  }\n  .note {\n    font-size: var(--ui-t-small, 12px);\n    color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n  }\n`\n\nconst local = (value: Date) => {\n  const pad = (n: number) => String(n).padStart(2, '0')\n  return `${value.getFullYear()}-${pad(value.getMonth() + 1)}-${pad(value.getDate())}T${pad(value.getHours())}:${pad(value.getMinutes())}`\n}\n\n@customElement('gallery-event-form')\nexport class GalleryEventForm extends localize(i18next)(LitElement) {\n  static styles = [CommonPopupStyles, PopupBodyStyles, FormStyles]\n\n  @state() private name = ''\n  @state() private startAt = local(new Date(new Date().setHours(9, 0, 0, 0)))\n  @state() private endAt = local(new Date(new Date().setHours(18, 0, 0, 0)))\n  @state() private location = ''\n  @state() private busy = false\n\n  render() {\n    const ready = this.name.trim() && this.startAt && this.endAt && this.endAt > this.startAt\n    return html`<div class=\"body\">\n        <label\n          >${t('gallery.field.event-name')}<input\n            .value=${this.name}\n            @input=${(e: any) => (this.name = e.target.value)}\n        /></label>\n        <div class=\"row\">\n          <label\n            >${t('gallery.field.starts')}<input\n              type=\"datetime-local\"\n              .value=${this.startAt}\n              @change=${(e: any) => this.start(e.target.value)}\n          /></label>\n          <label\n            >${t('gallery.field.ends')}<input\n              type=\"datetime-local\"\n              .value=${this.endAt}\n              @change=${(e: any) => (this.endAt = e.target.value)}\n          /></label>\n        </div>\n        <label\n          >${t('gallery.field.location')}<input\n            .value=${this.location}\n            @input=${(e: any) => (this.location = e.target.value)}\n        /></label>\n        <div class=\"note\">${t('gallery.text.event-form-note')}</div>\n      </div>\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => this.close()}>${t('gallery.button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${this.busy || !ready} @click=${() => this.save()}\n          >${t('gallery.button.create-event')}</md-filled-button\n        >\n      </ox-popup-actions>`\n  }\n\n  /** A later start carries the end with it, the same length. */\n  private start(value: string) {\n    const length = new Date(this.endAt).getTime() - new Date(this.startAt).getTime()\n    this.startAt = value\n    if (value && length > 0) this.endAt = local(new Date(new Date(value).getTime() + length))\n  }\n\n  private async save() {\n    this.busy = true\n    try {\n      const event = await galleryApi.createEvent({\n        name: this.name.trim(),\n        startAt: new Date(this.startAt).toISOString(),\n        endAt: new Date(this.endAt).toISOString(),\n        location: this.location.trim() || undefined\n      })\n      galleryChanged()\n      this.close(event)\n    } catch (error) {\n      notify({ level: 'error', message: reasonOf(error) })\n    } finally {\n      this.busy = false\n    }\n  }\n\n  /** What was made goes as the popup's result. */\n  private close(result?: unknown) {\n    this.dispatchEvent(new CustomEvent('done', { detail: result, bubbles: true, composed: true }))\n  }\n}\n\n@customElement('gallery-tag-form')\nexport class GalleryTagForm extends localize(i18next)(LitElement) {\n  static styles = [CommonPopupStyles, PopupBodyStyles, FormStyles]\n\n  @property() tag = ''\n  @state() private to = ''\n  @state() private busy = false\n\n  render() {\n    const ready = this.to.trim().replace(/^#+/, '') && this.to.trim().replace(/^#+/, '') !== this.tag\n    return html`<div class=\"body\">\n        <label\n          >${t('gallery.field.new-tag')}<input\n            .value=${this.to}\n            placeholder=${this.tag}\n            maxlength=\"31\"\n            @input=${(e: any) => (this.to = e.target.value)}\n        /></label>\n        <div class=\"note\">${t('gallery.text.tag-form-note', { tag: this.tag })}</div>\n      </div>\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => this.close()}>${t('gallery.button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${this.busy || !ready} @click=${() => this.save()}\n          >${t('gallery.button.rename-tag')}</md-filled-button\n        >\n      </ox-popup-actions>`\n  }\n\n  private async save() {\n    this.busy = true\n    try {\n      const to = this.to.trim().replace(/^#+/, '')\n      const count = await galleryApi.renameTag(this.tag, to)\n      notify({ message: t('gallery.text.tag-renamed', { count }) })\n      galleryChanged()\n      this.close(to)\n    } catch (error) {\n      notify({ level: 'error', message: reasonOf(error) })\n    } finally {\n      this.busy = false\n    }\n  }\n\n  /** What was made goes as the popup's result. */\n  private close(result?: unknown) {\n    this.dispatchEvent(new CustomEvent('done', { detail: result, bubbles: true, composed: true }))\n  }\n}\n"]}
+{"version":3,"file":"gallery-forms.js","sourceRoot":"","sources":["../../client/components/gallery-forms.ts"],"names":[],"mappings":";AAAA;;;GAGG;AACH,OAAO,uCAAuC,CAAA;AAC9C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,oCAAoC,CAAA;AAE3C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEpE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACpE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,2BAA2B,CAAA;AAEvD,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCrB,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,KAAW,EAAE,EAAE;IAC5B,MAAM,GAAG,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IACrD,OAAO,GAAG,KAAK,CAAC,WAAW,EAAE,IAAI,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,CAAA;AAC1I,CAAC,CAAA;AAGM,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAA5D;;QAGY,SAAI,GAAG,EAAE,CAAA;QACT,YAAO,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;QAC1D,UAAK,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;QACzD,aAAQ,GAAG,EAAE,CAAA;QACb,SAAI,GAAG,KAAK,CAAA;IAoE/B,CAAC;aA1EQ,WAAM,GAAG,CAAC,iBAAiB,EAAE,eAAe,EAAE,UAAU,CAAC,AAAnD,CAAmD;IAQhE,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAA;QACzF,OAAO,IAAI,CAAA;;aAEF,CAAC,CAAC,0BAA0B,CAAC;qBACrB,IAAI,CAAC,IAAI;qBACT,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;;;eAI9C,CAAC,CAAC,sBAAsB,CAAC;;uBAEjB,IAAI,CAAC,OAAO;wBACX,CAAC,CAAM,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;;eAG/C,CAAC,CAAC,oBAAoB,CAAC;;uBAEf,IAAI,CAAC,KAAK;wBACT,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;;;aAIpD,CAAC,CAAC,wBAAwB,CAAC;qBACnB,IAAI,CAAC,QAAQ;qBACb,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;4BAErC,CAAC,CAAC,8BAA8B,CAAC;;;+CAGd,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,uBAAuB,CAAC;qDAC1C,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;aACvF,CAAC,CAAC,6BAA6B,CAAC;;0BAEnB,CAAA;IACxB,CAAC;IAED,8DAA8D;IACtD,KAAK,CAAC,KAAa;QACzB,MAAM,MAAM,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,CAAA;QAChF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACpB,IAAI,KAAK,IAAI,MAAM,GAAG,CAAC;YAAE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,GAAG,MAAM,CAAC,CAAC,CAAA;IAC3F,CAAC;IAEO,KAAK,CAAC,IAAI;QAChB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC;YACH,MAAM,KAAK,GAAG,MAAM,UAAU,CAAC,WAAW,CAAC;gBACzC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;gBACtB,OAAO,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE;gBAC7C,KAAK,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE;gBACzC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,SAAS;aAC5C,CAAC,CAAA;YACF,cAAc,EAAE,CAAA;YAChB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACnB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;QACtD,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;QACnB,CAAC;IACH,CAAC;IAED,gDAAgD;IACxC,KAAK,CAAC,MAAgB;QAC5B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;IAChG,CAAC;;AAvEgB;IAAhB,KAAK,EAAE;;8CAAkB;AACT;IAAhB,KAAK,EAAE;;iDAAmE;AAC1D;IAAhB,KAAK,EAAE;;+CAAkE;AACzD;IAAhB,KAAK,EAAE;;kDAAsB;AACb;IAAhB,KAAK,EAAE;;8CAAqB;AAPlB,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CA2E5B;;AAGM,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAA1D;;QAGO,QAAG,GAAG,EAAE,CAAA;QACH,OAAE,GAAG,EAAE,CAAA;QACP,SAAI,GAAG,KAAK,CAAA;IAyC/B,CAAC;aA7CQ,WAAM,GAAG,CAAC,iBAAiB,EAAE,eAAe,EAAE,UAAU,CAAC,AAAnD,CAAmD;IAMhE,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,CAAA;QACjG,OAAO,IAAI,CAAA;;aAEF,CAAC,CAAC,uBAAuB,CAAC;qBAClB,IAAI,CAAC,EAAE;0BACF,IAAI,CAAC,GAAG;;qBAEb,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;4BAE/B,CAAC,CAAC,4BAA4B,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC;;;+CAG/B,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,uBAAuB,CAAC;qDAC1C,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;aACvF,CAAC,CAAC,2BAA2B,CAAC;;0BAEjB,CAAA;IACxB,CAAC;IAEO,KAAK,CAAC,IAAI;QAChB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC;YACH,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YAC5C,MAAM,KAAK,GAAG,MAAM,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;YACtD,MAAM,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,0BAA0B,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAA;YAC7D,cAAc,EAAE,CAAA;YAChB,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;QAChB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;QACtD,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;QACnB,CAAC;IACH,CAAC;IAED,gDAAgD;IACxC,KAAK,CAAC,MAAgB;QAC5B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;IAChG,CAAC;;AA1CW;IAAX,QAAQ,EAAE;;2CAAS;AACH;IAAhB,KAAK,EAAE;;0CAAgB;AACP;IAAhB,KAAK,EAAE;;4CAAqB;AALlB,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CA8C1B","sourcesContent":["/*\n * The two small forms of the gallery's moderators (ADR-0165 decision 5): an event made from the gallery, for one nobody\n * put on the calendar yet, and a tag renamed on every post - into one already there, the two become one.\n */\nimport '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\nimport '@operato/popup/ox-popup-actions.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport { CommonPopupStyles, PopupBodyStyles } from '@operato/styles'\n\nimport { galleryApi, galleryChanged } from '../utils/gallery-api.js'\nimport { reasonOf, t } from '../utils/gallery-words.js'\n\nconst FormStyles = css`\n  :host {\n    height: 100%;\n  }\n  .body {\n    display: flex;\n    flex-direction: column;\n    gap: var(--spacing-medium, 8px);\n  }\n  label {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    font-size: var(--ui-t-small, 12px);\n    font-weight: 600;\n    color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n  }\n  input {\n    box-sizing: border-box;\n    font: inherit;\n    font-size: var(--ui-t-body, 14px);\n    font-weight: normal;\n    padding: var(--spacing-small, 4px) var(--spacing-medium, 8px);\n    border: 1px solid var(--ui-line, var(--md-sys-color-outline-variant));\n    border-radius: var(--border-radius, 4px);\n    background: var(--md-sys-color-surface);\n    color: var(--md-sys-color-on-surface);\n  }\n  .row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--spacing-medium, 8px);\n  }\n  .note {\n    font-size: var(--ui-t-small, 12px);\n    color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n  }\n`\n\nconst local = (value: Date) => {\n  const pad = (n: number) => String(n).padStart(2, '0')\n  return `${value.getFullYear()}-${pad(value.getMonth() + 1)}-${pad(value.getDate())}T${pad(value.getHours())}:${pad(value.getMinutes())}`\n}\n\n@customElement('gallery-event-form')\nexport class GalleryEventForm extends localize(i18next)(LitElement) {\n  static styles = [CommonPopupStyles, PopupBodyStyles, FormStyles]\n\n  @state() private name = ''\n  @state() private startAt = local(new Date(new Date().setHours(9, 0, 0, 0)))\n  @state() private endAt = local(new Date(new Date().setHours(18, 0, 0, 0)))\n  @state() private location = ''\n  @state() private busy = false\n\n  render() {\n    const ready = this.name.trim() && this.startAt && this.endAt && this.endAt > this.startAt\n    return html`<div class=\"body\">\n        <label\n          >${t('gallery.field.event-name')}<input\n            .value=${this.name}\n            @input=${(e: any) => (this.name = e.target.value)}\n        /></label>\n        <div class=\"row\">\n          <label\n            >${t('gallery.field.starts')}<input\n              type=\"datetime-local\"\n              .value=${this.startAt}\n              @change=${(e: any) => this.start(e.target.value)}\n          /></label>\n          <label\n            >${t('gallery.field.ends')}<input\n              type=\"datetime-local\"\n              .value=${this.endAt}\n              @change=${(e: any) => (this.endAt = e.target.value)}\n          /></label>\n        </div>\n        <label\n          >${t('gallery.field.location')}<input\n            .value=${this.location}\n            @input=${(e: any) => (this.location = e.target.value)}\n        /></label>\n        <div class=\"note\">${t('gallery.text.event-form-note')}</div>\n      </div>\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => this.close()}>${t('gallery.button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${this.busy || !ready} @click=${() => this.save()}\n          >${t('gallery.button.create-event')}</md-filled-button\n        >\n      </ox-popup-actions>`\n  }\n\n  /** A later start carries the end with it, the same length. */\n  private start(value: string) {\n    const length = new Date(this.endAt).getTime() - new Date(this.startAt).getTime()\n    this.startAt = value\n    if (value && length > 0) this.endAt = local(new Date(new Date(value).getTime() + length))\n  }\n\n  private async save() {\n    this.busy = true\n    try {\n      const event = await galleryApi.createEvent({\n        name: this.name.trim(),\n        startAt: new Date(this.startAt).toISOString(),\n        endAt: new Date(this.endAt).toISOString(),\n        location: this.location.trim() || undefined\n      })\n      galleryChanged()\n      this.close(event)\n    } catch (error) {\n      notify({ level: 'error', message: reasonOf(error) })\n    } finally {\n      this.busy = false\n    }\n  }\n\n  /** What was made goes as the popup's result. */\n  private close(result?: unknown) {\n    this.dispatchEvent(new CustomEvent('done', { detail: result, bubbles: true, composed: true }))\n  }\n}\n\n@customElement('gallery-tag-form')\nexport class GalleryTagForm extends localize(i18next)(LitElement) {\n  static styles = [CommonPopupStyles, PopupBodyStyles, FormStyles]\n\n  @property() tag = ''\n  @state() private to = ''\n  @state() private busy = false\n\n  render() {\n    const ready = this.to.trim().replace(/^#+/, '') && this.to.trim().replace(/^#+/, '') !== this.tag\n    return html`<div class=\"body\">\n        <label\n          >${t('gallery.field.new-tag')}<input\n            .value=${this.to}\n            placeholder=${this.tag}\n            maxlength=\"30\"\n            @input=${(e: any) => (this.to = e.target.value)}\n        /></label>\n        <div class=\"note\">${t('gallery.text.tag-form-note', { tag: this.tag })}</div>\n      </div>\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => this.close()}>${t('gallery.button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${this.busy || !ready} @click=${() => this.save()}\n          >${t('gallery.button.rename-tag')}</md-filled-button\n        >\n      </ox-popup-actions>`\n  }\n\n  private async save() {\n    this.busy = true\n    try {\n      const to = this.to.trim().replace(/^#+/, '')\n      const count = await galleryApi.renameTag(this.tag, to)\n      notify({ message: t('gallery.text.tag-renamed', { count }) })\n      galleryChanged()\n      this.close(to)\n    } catch (error) {\n      notify({ level: 'error', message: reasonOf(error) })\n    } finally {\n      this.busy = false\n    }\n  }\n\n  /** What was made goes as the popup's result. */\n  private close(result?: unknown) {\n    this.dispatchEvent(new CustomEvent('done', { detail: result, bubbles: true, composed: true }))\n  }\n}\n"]}

package/dist-client/components/gallery-saver-setting-let.d.ts

@@ -0,0 +1,11 @@
+import '@material/web/radio/radio.js';
+import { LitElement } from 'lit';
+declare const GallerySaverSettingLet_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+export declare class GallerySaverSettingLet extends GallerySaverSettingLet_base {
+    static styles: import("lit").CSSResult;
+    private minutes;
+    render(): import("lit-html").TemplateResult<1>;
+    firstUpdated(): Promise<void>;
+    private choose;
+}
+export {};

package/dist-client/components/gallery-saver-setting-let.js

@@ -0,0 +1,81 @@
+import { __decorate, __metadata } from "tslib";
+/*
+ * Settings › the gallery as the screen saver on this device (ADR-0165 decision 9): off, or after a few quiet minutes.
+ */
+import '@material/web/radio/radio.js';
+import { css, html, LitElement } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { i18next, localize } from '@operato/i18n';
+import { notify } from '@operato/layout';
+import { SAVER_MINUTES, saverMinutes, setSaverMinutes } from '../utils/gallery-saver.js';
+import { reasonOf, t } from '../utils/gallery-words.js';
+let GallerySaverSettingLet = class GallerySaverSettingLet extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.minutes = 0;
+    }
+    static { this.styles = css `
+    div[slot='content'] {
+      display: flex;
+      flex-direction: column;
+      gap: var(--spacing-medium, 8px);
+    }
+    .choices {
+      display: flex;
+      flex-wrap: wrap;
+      gap: var(--spacing-small, 4px) var(--spacing-large, 12px);
+    }
+    label {
+      display: flex;
+      gap: 6px;
+      align-items: center;
+      font: var(--label-font);
+      color: var(--md-sys-color-on-surface);
+    }
+    .note {
+      margin: 0;
+      font-size: var(--ui-t-small, 12px);
+      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));
+    }
+  `; }
+    render() {
+        return html `<setting-let>
+      <span slot="title">${t('gallery.title.saver')}</span>
+      <div slot="content">
+        <div class="choices" role="radiogroup">
+          ${SAVER_MINUTES.map(minutes => html `<label>
+              <md-radio
+                name="gallery-saver"
+                value=${String(minutes)}
+                ?checked=${this.minutes === minutes}
+                @change=${() => this.choose(minutes)}
+              ></md-radio>
+              ${minutes ? t('gallery.text.saver-after', { minutes }) : t('gallery.text.saver-off')}
+            </label>`)}
+        </div>
+        <p class="note">${t('gallery.text.saver-note')}</p>
+      </div>
+    </setting-let>`;
+    }
+    async firstUpdated() {
+        this.minutes = await saverMinutes();
+    }
+    async choose(minutes) {
+        try {
+            await setSaverMinutes(minutes);
+            this.minutes = minutes;
+        }
+        catch (error) {
+            notify({ level: 'error', message: reasonOf(error) });
+        }
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], GallerySaverSettingLet.prototype, "minutes", void 0);
+GallerySaverSettingLet = __decorate([
+    customElement('gallery-saver-setting-let')
+], GallerySaverSettingLet);
+export { GallerySaverSettingLet };
+//# sourceMappingURL=gallery-saver-setting-let.js.map

package/dist-client/components/gallery-saver-setting-let.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery-saver-setting-let.js","sourceRoot":"","sources":["../../client/components/gallery-saver-setting-let.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,8BAA8B,CAAA;AAErC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAExD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AACxF,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,2BAA2B,CAAA;AAGhD,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAAlE;;QA0BY,YAAO,GAAG,CAAC,CAAA;IAoC9B,CAAC;aA7DQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBlB,AAvBY,CAuBZ;IAID,MAAM;QACJ,OAAO,IAAI,CAAA;2BACY,CAAC,CAAC,qBAAqB,CAAC;;;YAGvC,aAAa,CAAC,GAAG,CACjB,OAAO,CAAC,EAAE,CAAC,IAAI,CAAA;;;wBAGH,MAAM,CAAC,OAAO,CAAC;2BACZ,IAAI,CAAC,OAAO,KAAK,OAAO;0BACzB,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;;gBAEpC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,0BAA0B,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC;qBAC7E,CACV;;0BAEe,CAAC,CAAC,yBAAyB,CAAC;;mBAEnC,CAAA;IACjB,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,IAAI,CAAC,OAAO,GAAG,MAAM,YAAY,EAAE,CAAA;IACrC,CAAC;IAEO,KAAK,CAAC,MAAM,CAAC,OAAe;QAClC,IAAI,CAAC;YACH,MAAM,eAAe,CAAC,OAAO,CAAC,CAAA;YAC9B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;QACxB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;QACtD,CAAC;IACH,CAAC;;AAnCgB;IAAhB,KAAK,EAAE;;uDAAoB;AA1BjB,sBAAsB;IADlC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,sBAAsB,CA8DlC","sourcesContent":["/*\n * Settings › the gallery as the screen saver on this device (ADR-0165 decision 9): off, or after a few quiet minutes.\n */\nimport '@material/web/radio/radio.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { notify } from '@operato/layout'\n\nimport { SAVER_MINUTES, saverMinutes, setSaverMinutes } from '../utils/gallery-saver.js'\nimport { reasonOf, t } from '../utils/gallery-words.js'\n\n@customElement('gallery-saver-setting-let')\nexport class GallerySaverSettingLet extends localize(i18next)(LitElement) {\n  static styles = css`\n    div[slot='content'] {\n      display: flex;\n      flex-direction: column;\n      gap: var(--spacing-medium, 8px);\n    }\n    .choices {\n      display: flex;\n      flex-wrap: wrap;\n      gap: var(--spacing-small, 4px) var(--spacing-large, 12px);\n    }\n    label {\n      display: flex;\n      gap: 6px;\n      align-items: center;\n      font: var(--label-font);\n      color: var(--md-sys-color-on-surface);\n    }\n    .note {\n      margin: 0;\n      font-size: var(--ui-t-small, 12px);\n      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n    }\n  `\n\n  @state() private minutes = 0\n\n  render() {\n    return html`<setting-let>\n      <span slot=\"title\">${t('gallery.title.saver')}</span>\n      <div slot=\"content\">\n        <div class=\"choices\" role=\"radiogroup\">\n          ${SAVER_MINUTES.map(\n            minutes => html`<label>\n              <md-radio\n                name=\"gallery-saver\"\n                value=${String(minutes)}\n                ?checked=${this.minutes === minutes}\n                @change=${() => this.choose(minutes)}\n              ></md-radio>\n              ${minutes ? t('gallery.text.saver-after', { minutes }) : t('gallery.text.saver-off')}\n            </label>`\n          )}\n        </div>\n        <p class=\"note\">${t('gallery.text.saver-note')}</p>\n      </div>\n    </setting-let>`\n  }\n\n  async firstUpdated() {\n    this.minutes = await saverMinutes()\n  }\n\n  private async choose(minutes: number) {\n    try {\n      await setSaverMinutes(minutes)\n      this.minutes = minutes\n    } catch (error) {\n      notify({ level: 'error', message: reasonOf(error) })\n    }\n  }\n}\n"]}

package/dist-client/components/gallery-show.d.ts

@@ -0,0 +1,46 @@
+import '@material/web/icon/icon.js';
+import { LitElement, nothing } from 'lit';
+import { type Filter } from '../utils/gallery-api.js';
+export type ShowOptions = {
+    /** The posts the show walks through - the gallery's narrowing where it was opened. */
+    filter: Filter;
+    /** Where it starts: a post and the photo in it. Without it, the first photo. */
+    start?: {
+        postId: string;
+        index: number;
+    };
+    /** Plays at once. */
+    playing?: boolean;
+    /** The screen saver: plays in a random order, and closes at anything the person does. */
+    saver?: boolean;
+};
+declare const GalleryShow_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+export declare class GalleryShow extends GalleryShow_base {
+    static styles: import("lit").CSSResult;
+    /** Opens a show over the whole window, and the whole screen when the browser lets it. */
+    static open(options: ShowOptions): GalleryShow;
+    saver: boolean;
+    options: ShowOptions;
+    private frames;
+    private at;
+    private playing;
+    private loaded;
+    private timer?;
+    private wholeScreen;
+    private disposed;
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    private renderBar;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private load;
+    private play;
+    /** The next photo after the dwell, asked ahead so it is there when it turns. */
+    private schedule;
+    private step;
+    private onKey;
+    /** Leaving the whole screen (Esc there is the browser's) leaves the show too. */
+    private onFullscreen;
+    private onWake;
+    close(): void;
+}
+export {};