|
|
|
@@ -36,6 +36,8 @@ window.__ModuleLoader__.load({
|
|
|
|
|
|
|
|
|
|
/** Locale namespace owned by this package. */
|
|
|
|
|
const NS = 'session-notify'
|
|
|
|
|
/** This package's name: the plugin manager keys a bundle's configuration by it. */
|
|
|
|
|
const PACKAGE_NAME = '@dsh-plugin/session-notify'
|
|
|
|
|
/** Trigger ids shared by the store, the copy table, and the settings row. */
|
|
|
|
|
const KINDS = ['completion', 'approval', 'question']
|
|
|
|
|
/** Pending-interaction kinds the Harness itself renders, and this plugin serves. */
|
|
|
|
@@ -71,7 +73,8 @@ window.__ModuleLoader__.load({
|
|
|
|
|
'settings.permission.hint.mac': '系统设置 → 通知 → DeepSeek Harness',
|
|
|
|
|
'settings.permission.hint.linux': '在桌面环境的通知设置(GNOME / KDE)中允许 DeepSeek Harness',
|
|
|
|
|
'settings.action.allow': '允许通知',
|
|
|
|
|
'settings.action.test': '测试通知',
|
|
|
|
|
'settings.action.testSystem': '测试系统通知',
|
|
|
|
|
'settings.action.testAny': '测试提醒',
|
|
|
|
|
'settings.action.unsupported': '不可用',
|
|
|
|
|
'settings.permission.promptFailed': '无法请求通知权限:{message}',
|
|
|
|
|
'settings.health.watching': '正在监听会话状态',
|
|
|
|
@@ -82,6 +85,22 @@ window.__ModuleLoader__.load({
|
|
|
|
|
'settings.kind.completion': '完成',
|
|
|
|
|
'settings.kind.approval': '授权',
|
|
|
|
|
'settings.kind.question': '提问',
|
|
|
|
|
'config.section.kinds': '提醒内容',
|
|
|
|
|
'config.section.permission': '系统通知权限',
|
|
|
|
|
'config.section.status': '运行状态',
|
|
|
|
|
'config.intro': '提醒都从当前页面发出:窗口不在前台时是系统通知,窗口在前台时是这里的轻弹窗。',
|
|
|
|
|
'config.saveNote': '开关保存在浏览器本地,重装插件不会丢失。',
|
|
|
|
|
'config.testHint': '这里的按钮直接走系统通知通道,用来验证系统通知本身是否可用(窗口在前台也照发)。',
|
|
|
|
|
'config.testAny': '测试提醒',
|
|
|
|
|
'config.testSystem': '测试系统通知',
|
|
|
|
|
'config.diag.window': '窗口状态',
|
|
|
|
|
'config.diag.inFront': '在前台(会走轻弹窗)',
|
|
|
|
|
'config.diag.away': '不在前台(会走系统通知)',
|
|
|
|
|
'config.diag.last': '最近一次投递',
|
|
|
|
|
'config.diag.none': '还没有投递过',
|
|
|
|
|
'config.diag.system': '系统通知',
|
|
|
|
|
'config.diag.popup': '应用内轻弹窗',
|
|
|
|
|
'config.diag.refused': '系统通知被拒绝,改用了轻弹窗',
|
|
|
|
|
}
|
|
|
|
|
const en = {
|
|
|
|
|
'notification.completion': 'Conversation finished',
|
|
|
|
@@ -106,7 +125,8 @@ window.__ModuleLoader__.load({
|
|
|
|
|
'settings.permission.hint.mac': 'System Settings → Notifications → DeepSeek Harness',
|
|
|
|
|
'settings.permission.hint.linux': 'Allow DeepSeek Harness in your desktop notification settings (GNOME / KDE)',
|
|
|
|
|
'settings.action.allow': 'Allow notifications',
|
|
|
|
|
'settings.action.test': 'Test notification',
|
|
|
|
|
'settings.action.testSystem': 'Test system notification',
|
|
|
|
|
'settings.action.testAny': 'Test alert',
|
|
|
|
|
'settings.action.unsupported': 'Unavailable',
|
|
|
|
|
'settings.permission.promptFailed': 'Could not request notification permission: {message}',
|
|
|
|
|
'settings.health.watching': 'Watching session status',
|
|
|
|
@@ -117,42 +137,64 @@ window.__ModuleLoader__.load({
|
|
|
|
|
'settings.kind.completion': 'Finished',
|
|
|
|
|
'settings.kind.approval': 'Approval',
|
|
|
|
|
'settings.kind.question': 'Questions',
|
|
|
|
|
'config.section.kinds': 'What to notify about',
|
|
|
|
|
'config.section.permission': 'System notification permission',
|
|
|
|
|
'config.section.status': 'Status',
|
|
|
|
|
'config.intro': 'Every alert comes from this page: a system notification while the window is in the background, the light popup here while it is in the foreground.',
|
|
|
|
|
'config.saveNote': 'The switches are stored in this browser and survive reinstalling the plugin.',
|
|
|
|
|
'config.testHint': 'The buttons here go straight to the system channel, so you can verify it on its own (they fire even while the window is in front).',
|
|
|
|
|
'config.testAny': 'Test alert',
|
|
|
|
|
'config.testSystem': 'Test system notification',
|
|
|
|
|
'config.diag.window': 'Window',
|
|
|
|
|
'config.diag.inFront': 'in front (popup is used)',
|
|
|
|
|
'config.diag.away': 'not in front (system notification is used)',
|
|
|
|
|
'config.diag.last': 'Last delivery',
|
|
|
|
|
'config.diag.none': 'nothing delivered yet',
|
|
|
|
|
'config.diag.system': 'system notification',
|
|
|
|
|
'config.diag.popup': 'in-app popup',
|
|
|
|
|
'config.diag.refused': 'system channel refused, popup was used instead',
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Every declaration below belongs to this package. The popup copies the
|
|
|
|
|
* shipped toast surface (a fixed entry in the frame-wide overlay, the
|
|
|
|
|
* `--dsw-alias-toast-bg` / `--dsw-alias-toast-label` pair, `--dsw-radius-lg`,
|
|
|
|
|
* `--dsw-shadow-lv3`), the switch copies `Switch.module.css` behavior and
|
|
|
|
|
* proportion, and the settings row copies the General-section row pattern.
|
|
|
|
|
* `--dsw-shadow-lv3`) and adds a title line above the text; the switch copies
|
|
|
|
|
* `Switch.module.css` behavior and proportion; the configuration sections
|
|
|
|
|
* follow the Plugin Manager page's own section rhythm (a column, 32px apart).
|
|
|
|
|
* Class names are renamed under `dsn-`; only the popup glyphs carry their own
|
|
|
|
|
* artwork colors.
|
|
|
|
|
*/
|
|
|
|
|
const CSS = `
|
|
|
|
|
.dsn-stack{position:fixed;top:40px;right:24px;z-index:1100;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}
|
|
|
|
|
@media (max-width:520px){.dsn-stack{right:12px}}
|
|
|
|
|
.dsn-toast{box-sizing:border-box;pointer-events:auto;display:flex;align-items:center;gap:10px;width:max-content;max-width:min(420px,calc(100vw - 48px));padding:12px 16px;border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-toast-bg);color:var(--dsw-alias-toast-label);font-size:14px;line-height:22px;box-shadow:var(--dsw-shadow-lv3);animation:dsn-toast-in 160ms ease-out}
|
|
|
|
|
.dsn-toast{box-sizing:border-box;pointer-events:auto;display:flex;align-items:flex-start;gap:10px;width:max-content;max-width:min(420px,calc(100vw - 48px));padding:12px 12px 12px 16px;border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-toast-bg);color:var(--dsw-alias-toast-label);font-size:14px;line-height:22px;box-shadow:var(--dsw-shadow-lv3);animation:dsn-toast-in 160ms ease-out}
|
|
|
|
|
@keyframes dsn-toast-in{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
|
|
|
|
|
@media (prefers-reduced-motion: reduce){.dsn-toast{animation:none}}
|
|
|
|
|
.dsn-toast-icon{display:grid;place-items:center;flex:none;color:var(--dsw-alias-state-warn-label)}
|
|
|
|
|
.dsn-toast-icon{display:grid;place-items:center;flex:none;height:22px;color:var(--dsw-alias-state-warn-label)}
|
|
|
|
|
.dsn-toast-icon.is-completion{color:var(--dsw-alias-state-success-primary)}
|
|
|
|
|
.dsn-toast-icon.is-question{color:var(--dsw-alias-brand-primary)}
|
|
|
|
|
.dsn-toast-text{min-width:0}
|
|
|
|
|
.dsn-toast-action{padding:0;border:0;background:none;color:var(--dsw-static-deepseek-400);font:inherit;cursor:pointer;margin-inline:3px}
|
|
|
|
|
.dsn-toast-action:hover{opacity:.8}
|
|
|
|
|
.dsn-toast-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
|
|
|
|
|
.dsn-toast-title{font-weight:500;font-size:14px;line-height:22px}
|
|
|
|
|
.dsn-toast-desc{color:var(--dsw-alias-toast-label);opacity:.8;font-size:13px;line-height:20px;overflow-wrap:break-word}
|
|
|
|
|
.dsn-toast-actions{display:flex;align-items:center;gap:2px;flex:none}
|
|
|
|
|
.dsn-toast-action{display:inline-flex;align-items:center;height:28px;padding:0 8px;border:0;border-radius:var(--dsw-radius-sm);background:none;color:var(--dsw-static-deepseek-400);font:inherit;font-size:13px;line-height:20px;cursor:pointer}
|
|
|
|
|
.dsn-toast-action:hover{background:var(--dsw-alias-interactive-bg-hover)}
|
|
|
|
|
.dsn-toast-action:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:2px}
|
|
|
|
|
.dsn-toast-close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:0;border-radius:var(--dsw-radius-xs);background:transparent;color:var(--dsw-alias-toast-label);opacity:.7;cursor:pointer}
|
|
|
|
|
.dsn-toast-close:hover{opacity:1}
|
|
|
|
|
.dsn-toast-close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:var(--dsw-radius-sm);background:transparent;color:var(--dsw-alias-toast-label);opacity:.8;cursor:pointer}
|
|
|
|
|
.dsn-toast-close:hover{background:var(--dsw-alias-interactive-bg-hover);opacity:1}
|
|
|
|
|
.dsn-toast-close:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:2px}
|
|
|
|
|
.dsn-row{border-bottom:.5px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding:16px 0;display:flex}
|
|
|
|
|
.dsn-row-text{flex-direction:column;flex:1;gap:4px;min-width:0;padding-right:48px;display:flex}
|
|
|
|
|
.dsn-row-title{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:400;line-height:22px}
|
|
|
|
|
.dsn-row-desc{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400;line-height:18px}
|
|
|
|
|
.dsn-status{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px}
|
|
|
|
|
.dsn-status + .dsn-status,.dsn-row-desc + .dsn-status,.dsn-kinds + .dsn-status{margin-top:8px}
|
|
|
|
|
.dsn-sections{display:flex;flex-direction:column;gap:24px}
|
|
|
|
|
.dsn-section{display:flex;flex-direction:column;gap:10px}
|
|
|
|
|
.dsn-section-title{margin:0;color:var(--dsw-alias-label-primary);font-size:14px;font-weight:500;line-height:22px}
|
|
|
|
|
.dsn-section-desc{margin:0;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}
|
|
|
|
|
.dsn-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:.5px solid var(--dsw-alias-border-l2)}
|
|
|
|
|
.dsn-row:last-child{border-bottom:0}
|
|
|
|
|
.dsn-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}
|
|
|
|
|
.dsn-row-title{color:var(--dsw-alias-label-primary);font-size:14px;line-height:22px}
|
|
|
|
|
.dsn-row-desc{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}
|
|
|
|
|
.dsn-status{margin:0;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px}
|
|
|
|
|
.dsn-status-error{color:var(--dsw-alias-state-error-primary)}
|
|
|
|
|
.dsn-kinds{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}
|
|
|
|
|
.dsn-kind{display:inline-flex;align-items:center;gap:6px;color:var(--dsw-alias-label-secondary)}
|
|
|
|
|
.dsn-switch{box-sizing:border-box;position:relative;flex:0 0 auto;width:36px;height:20px;padding:2px;border:0;border-radius:999px;background:var(--dsw-alias-border-l3);cursor:pointer}
|
|
|
|
|
.dsn-switch[aria-checked='true']{background:var(--dsw-alias-brand-primary)}
|
|
|
|
|
.dsn-switch:disabled{cursor:default;opacity:.5}
|
|
|
|
@@ -291,13 +333,33 @@ window.__ModuleLoader__.load({
|
|
|
|
|
return 'default'
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Whether the Harness window is somewhere the user cannot see the app.
|
|
|
|
|
*
|
|
|
|
|
* Two independent browser facts are consulted, and ANY of them counts as "not
|
|
|
|
|
* in the foreground": the page's visibility and the document's focus. They are
|
|
|
|
|
* read at delivery time rather than remembered from an event, because a missed
|
|
|
|
|
* blur in the desktop shell made this plugin believe the window was in front
|
|
|
|
|
* and swallow the alert.
|
|
|
|
|
* @returns whether the alert must go to the system notification channel.
|
|
|
|
|
*/
|
|
|
|
|
function windowIsAway() {
|
|
|
|
|
try {
|
|
|
|
|
if (document.visibilityState === 'hidden') return true
|
|
|
|
|
} catch {
|
|
|
|
|
/* an unreadable visibility state leaves the focus fact */
|
|
|
|
|
}
|
|
|
|
|
try {
|
|
|
|
|
if (typeof document.hasFocus === 'function') return !document.hasFocus()
|
|
|
|
|
} catch {
|
|
|
|
|
/* an unreadable focus state leaves the default below */
|
|
|
|
|
}
|
|
|
|
|
return false
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/** Read the window's live focus state rather than a cached value. */
|
|
|
|
|
function currentFocus() {
|
|
|
|
|
try {
|
|
|
|
|
return typeof document.hasFocus === 'function' ? document.hasFocus() : true
|
|
|
|
|
} catch {
|
|
|
|
|
return true
|
|
|
|
|
}
|
|
|
|
|
return !windowIsAway()
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/** Focus the window without letting a refusal stop the navigation. */
|
|
|
|
@@ -375,10 +437,35 @@ window.__ModuleLoader__.load({
|
|
|
|
|
return preview(interaction.displayReason?.text ?? interaction.reason?.text ?? '')
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Register this package's dictionaries with the locale service.
|
|
|
|
|
*
|
|
|
|
|
* Without this the service has no entry for the namespace and every
|
|
|
|
|
* `locale.bind(NS)` lookup answers with the key itself, so the settings row
|
|
|
|
|
* shows `settings.title` instead of its copy. The typed form takes every
|
|
|
|
|
* shipped locale in one call, and the older single-locale form stays
|
|
|
|
|
* supported as a fallback. Registration bumps the locale revision, so
|
|
|
|
|
* already-rendered entries pick the copy up without a reload.
|
|
|
|
|
* @param locale - the locale service, or undefined when this profile has none.
|
|
|
|
|
* @returns a disposer for whichever registrations were installed.
|
|
|
|
|
*/
|
|
|
|
|
function registerDictionaries(locale) {
|
|
|
|
|
if (locale === undefined || typeof locale.register !== 'function') return () => {}
|
|
|
|
|
const dictionaries = { zh, en }
|
|
|
|
|
try {
|
|
|
|
|
return locale.register(NS, dictionaries)
|
|
|
|
|
} catch {
|
|
|
|
|
const disposers = Object.entries(dictionaries).map(([id, dict]) => locale.register(NS, id, dict))
|
|
|
|
|
return () => {
|
|
|
|
|
for (const dispose of disposers) dispose?.()
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Build a translate function for one locale service: the service's own bound
|
|
|
|
|
* namespace first, then the current language's dictionary, then the key
|
|
|
|
|
* itself, so a missing seat degrades copy instead of rendering.
|
|
|
|
|
* namespace first, then this package's dictionaries, then the key itself, so
|
|
|
|
|
* a missing seat degrades copy instead of rendering.
|
|
|
|
|
* @param locale - the locale service, or undefined when this profile has none.
|
|
|
|
|
* @returns a translate function with `{ name }` interpolation.
|
|
|
|
|
*/
|
|
|
|
@@ -387,7 +474,10 @@ window.__ModuleLoader__.load({
|
|
|
|
|
if (locale !== undefined && typeof locale.bind === 'function') {
|
|
|
|
|
try {
|
|
|
|
|
const bound = locale.bind(NS)
|
|
|
|
|
if (typeof bound === 'function') return bound(key, params)
|
|
|
|
|
if (typeof bound === 'function') {
|
|
|
|
|
const translated = bound(key, params)
|
|
|
|
|
if (typeof translated === 'string' && translated !== key) return translated
|
|
|
|
|
}
|
|
|
|
|
} catch {
|
|
|
|
|
/* a locale service without this namespace still renders the fallback */
|
|
|
|
|
}
|
|
|
|
@@ -395,7 +485,7 @@ window.__ModuleLoader__.load({
|
|
|
|
|
let language = ''
|
|
|
|
|
try {
|
|
|
|
|
const snapshot = locale?.getSnapshot?.()
|
|
|
|
|
language = String(snapshot?.language ?? snapshot?.locale ?? snapshot?.id ?? '')
|
|
|
|
|
language = String(snapshot?.active ?? '')
|
|
|
|
|
} catch {
|
|
|
|
|
language = ''
|
|
|
|
|
}
|
|
|
|
@@ -408,6 +498,42 @@ window.__ModuleLoader__.load({
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/** Storage key for this package's own preferences. */
|
|
|
|
|
const STORAGE_KEY = 'dsh-plugin/session-notify'
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Read this package's stored trigger switches.
|
|
|
|
|
*
|
|
|
|
|
* These are browser preferences rather than cordis configuration, so they live
|
|
|
|
|
* in this origin's own storage instead of the profile's patch file: the plugin
|
|
|
|
|
* writes nothing into DSH's configuration, and every read is defensive because
|
|
|
|
|
* storage can be unavailable or hold something an older version wrote.
|
|
|
|
|
* @returns the stored switches, defaulting to everything on.
|
|
|
|
|
*/
|
|
|
|
|
function readStoredKinds() {
|
|
|
|
|
const kinds = { completion: true, approval: true, question: true }
|
|
|
|
|
try {
|
|
|
|
|
const raw = globalThis.localStorage?.getItem(STORAGE_KEY)
|
|
|
|
|
if (typeof raw !== 'string' || raw === '') return kinds
|
|
|
|
|
const stored = JSON.parse(raw)
|
|
|
|
|
for (const kind of KINDS) {
|
|
|
|
|
if (typeof stored?.[kind] === 'boolean') kinds[kind] = stored[kind]
|
|
|
|
|
}
|
|
|
|
|
} catch {
|
|
|
|
|
/* unreadable or foreign storage keeps the defaults */
|
|
|
|
|
}
|
|
|
|
|
return kinds
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/** Store one trigger switch, ignoring storage that refuses to write. */
|
|
|
|
|
function writeStoredKinds(kinds) {
|
|
|
|
|
try {
|
|
|
|
|
globalThis.localStorage?.setItem(STORAGE_KEY, JSON.stringify(kinds))
|
|
|
|
|
} catch {
|
|
|
|
|
/* a refused write leaves the switches live for this page only */
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Install the plugin.
|
|
|
|
|
* @param ctx - Client root context providing `slots` and `locale`.
|
|
|
|
@@ -418,13 +544,14 @@ window.__ModuleLoader__.load({
|
|
|
|
|
|
|
|
|
|
const store = createStore({
|
|
|
|
|
permission: notificationPermission(),
|
|
|
|
|
kinds: { completion: true, approval: true, question: true },
|
|
|
|
|
kinds: readStoredKinds(),
|
|
|
|
|
toasts: [],
|
|
|
|
|
promptError: '',
|
|
|
|
|
health: { state: 'starting', message: '' },
|
|
|
|
|
lastDelivery: null,
|
|
|
|
|
})
|
|
|
|
|
const notify = (message) => {
|
|
|
|
|
report(`session-notify: ${message}`)
|
|
|
|
|
report(message)
|
|
|
|
|
}
|
|
|
|
|
/** Every component translates through this: the slot's own seat when the owner supplies one, else the locale service. */
|
|
|
|
|
const seatFor = (props) => (typeof props.t === 'function' ? props.t : t)
|
|
|
|
@@ -439,7 +566,6 @@ window.__ModuleLoader__.load({
|
|
|
|
|
live: {
|
|
|
|
|
list: undefined,
|
|
|
|
|
status: undefined,
|
|
|
|
|
focus: true,
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
const timers = new Map()
|
|
|
|
@@ -511,13 +637,18 @@ window.__ModuleLoader__.load({
|
|
|
|
|
timers.delete(id)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/** Show one light in-app popup. */
|
|
|
|
|
/**
|
|
|
|
|
* Show one light in-app popup: the trigger as the title, the conversation
|
|
|
|
|
* and its detail as the description, so the heading says what happened and
|
|
|
|
|
* the line under it says where.
|
|
|
|
|
*/
|
|
|
|
|
const showToast = (candidate) => {
|
|
|
|
|
const notice = copyFor(candidate)
|
|
|
|
|
state.toastSeq += 1
|
|
|
|
|
const toast = {
|
|
|
|
|
id: `dsn-${String(state.toastSeq)}`,
|
|
|
|
|
kind: notice.kind,
|
|
|
|
|
title: notice.title,
|
|
|
|
|
body: notice.body,
|
|
|
|
|
sessionId: candidate.sessionId,
|
|
|
|
|
}
|
|
|
|
@@ -545,12 +676,15 @@ window.__ModuleLoader__.load({
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/** Raise one system notification, tolerating every refusal a browser may give. */
|
|
|
|
|
/**
|
|
|
|
|
* Raise one system notification, tolerating every refusal a browser may give.
|
|
|
|
|
* @returns the outcome the config page reports, so a refusal is never silent.
|
|
|
|
|
*/
|
|
|
|
|
const systemNotify = (candidate, force) => {
|
|
|
|
|
const Ctor = globalThis.Notification
|
|
|
|
|
const permission = notificationPermission()
|
|
|
|
|
if (permission === 'unsupported') return false
|
|
|
|
|
if (!force && permission !== 'granted') return false
|
|
|
|
|
if (permission === 'unsupported') return 'unsupported'
|
|
|
|
|
if (!force && permission !== 'granted') return 'permission'
|
|
|
|
|
try {
|
|
|
|
|
const notice = copyFor(candidate)
|
|
|
|
|
const options = {
|
|
|
|
@@ -569,10 +703,10 @@ window.__ModuleLoader__.load({
|
|
|
|
|
/* close is best effort on every platform */
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return true
|
|
|
|
|
return 'raised'
|
|
|
|
|
} catch (error) {
|
|
|
|
|
notify(`system notification failed: ${text(error)}`)
|
|
|
|
|
return false
|
|
|
|
|
return 'threw'
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@@ -588,6 +722,25 @@ window.__ModuleLoader__.load({
|
|
|
|
|
return false
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Record what actually happened to the newest alert.
|
|
|
|
|
*
|
|
|
|
|
* Everything on the delivery path used to fail invisibly: the alert simply
|
|
|
|
|
* never appeared, with no way to tell a wrong channel decision from a
|
|
|
|
|
* refused constructor. The config page shows this record, so the next
|
|
|
|
|
* question ("did it even try?") has an answer.
|
|
|
|
|
*/
|
|
|
|
|
const recordDelivery = (outcome, candidate) => {
|
|
|
|
|
store.set({
|
|
|
|
|
...store.getSnapshot(),
|
|
|
|
|
lastDelivery: {
|
|
|
|
|
outcome,
|
|
|
|
|
at: new Date().toISOString().slice(11, 19),
|
|
|
|
|
title: copyFor(candidate).title,
|
|
|
|
|
},
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Whether a queued candidate is still worth delivering. Read from the LIVE
|
|
|
|
|
* snapshot rather than the one captured when the transition was seen: a
|
|
|
|
@@ -607,9 +760,12 @@ window.__ModuleLoader__.load({
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Deliver one candidate through exactly one channel: the system
|
|
|
|
|
* notification while the window is in the background, the light popup while
|
|
|
|
|
* it is in the foreground, and nothing at all for the conversation on
|
|
|
|
|
* screen.
|
|
|
|
|
* notification while the window is away, the light popup while it is in
|
|
|
|
|
* front, and nothing at all for the conversation on screen.
|
|
|
|
|
*
|
|
|
|
|
* The channel decision reads the window state right here, at delivery time,
|
|
|
|
|
* instead of trusting the state the observer last remembered — that is what
|
|
|
|
|
* an unreported blur used to defeat.
|
|
|
|
|
*/
|
|
|
|
|
const deliver = (candidate, ignoreThrottle) => {
|
|
|
|
|
if (ignoreThrottle !== true) {
|
|
|
|
@@ -617,12 +773,21 @@ window.__ModuleLoader__.load({
|
|
|
|
|
if (now - state.lastDelivery < THROTTLE_MS) return
|
|
|
|
|
state.lastDelivery = now
|
|
|
|
|
}
|
|
|
|
|
if (state.live.focus) {
|
|
|
|
|
if (!isOnScreen(candidate.sessionId, state.live.list)) showToast(candidate)
|
|
|
|
|
if (!windowIsAway()) {
|
|
|
|
|
if (isOnScreen(candidate.sessionId, state.live.list)) return
|
|
|
|
|
showToast(candidate)
|
|
|
|
|
recordDelivery('popup', candidate)
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
if (systemNotify(candidate, candidate.test === true)) return
|
|
|
|
|
if (candidate.test === true) showToast(candidate)
|
|
|
|
|
const outcome = systemNotify(candidate, candidate.test === true)
|
|
|
|
|
if (outcome === 'raised') {
|
|
|
|
|
recordDelivery('system', candidate)
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
// A test alert still has to reach the user, and so does a real one when
|
|
|
|
|
// the system channel refuses: the popup is the channel that remains.
|
|
|
|
|
showToast(candidate)
|
|
|
|
|
recordDelivery(`system-refused-${outcome}`, candidate)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
@@ -649,11 +814,13 @@ window.__ModuleLoader__.load({
|
|
|
|
|
* One derivation pass over the client's own session state: remember the
|
|
|
|
|
* freshest snapshot for the settle tick, compare it against what this page
|
|
|
|
|
* already observed, emit at most one candidate per transition, and let the
|
|
|
|
|
* settle tick decide delivery.
|
|
|
|
|
* settle tick decide delivery. The window state is deliberately NOT captured
|
|
|
|
|
* here — the delivery reads it fresh, because it can change inside the
|
|
|
|
|
* settle window.
|
|
|
|
|
*/
|
|
|
|
|
const observe = (focus, list, status) => {
|
|
|
|
|
const observe = (list, status) => {
|
|
|
|
|
if (list === undefined || status === undefined) return
|
|
|
|
|
state.live = { list, status, focus }
|
|
|
|
|
state.live = { list, status }
|
|
|
|
|
const kinds = store.getSnapshot().kinds
|
|
|
|
|
for (const sessionId of Object.keys(list.byId ?? {})) {
|
|
|
|
|
const summary = list.byId[sessionId]
|
|
|
|
@@ -713,18 +880,36 @@ window.__ModuleLoader__.load({
|
|
|
|
|
|
|
|
|
|
// --------------------------------------------------------------- actions
|
|
|
|
|
|
|
|
|
|
/** Raise one test notification through the channel the current state selects. */
|
|
|
|
|
/** Build one test alert that skips the throttle and the "on screen" rule. */
|
|
|
|
|
const testCandidate = (title) => ({
|
|
|
|
|
kind: 'completion',
|
|
|
|
|
sessionId: 'test',
|
|
|
|
|
title,
|
|
|
|
|
detail: '',
|
|
|
|
|
pendingKind: '',
|
|
|
|
|
test: true,
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Raise one test alert through whichever channel the window state selects.
|
|
|
|
|
* Verified from the config page, where the user is looking at the app, so it
|
|
|
|
|
* normally lands in the popup — the way to prove the system channel is to
|
|
|
|
|
* press the button in a channel-specific test instead.
|
|
|
|
|
*/
|
|
|
|
|
const sendTest = () => {
|
|
|
|
|
const candidate = {
|
|
|
|
|
kind: 'completion',
|
|
|
|
|
sessionId: 'test',
|
|
|
|
|
title: t('settings.title'),
|
|
|
|
|
detail: '',
|
|
|
|
|
pendingKind: '',
|
|
|
|
|
test: true,
|
|
|
|
|
deliver(testCandidate(t('config.testAny')), true)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/** Raise the test alert on the system channel specifically, whatever the focus is. */
|
|
|
|
|
const sendTestSystem = () => {
|
|
|
|
|
const candidate = testCandidate(t('config.testSystem'))
|
|
|
|
|
const outcome = systemNotify(candidate, true)
|
|
|
|
|
if (outcome === 'raised') {
|
|
|
|
|
recordDelivery('system', candidate)
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
if (!currentFocus() && notificationPermission() === 'granted' && systemNotify(candidate, true)) return
|
|
|
|
|
showToast(candidate)
|
|
|
|
|
recordDelivery(`system-refused-${outcome}`, candidate)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/** Request notification permission inside a user gesture, then report the outcome. */
|
|
|
|
@@ -752,10 +937,12 @@ window.__ModuleLoader__.load({
|
|
|
|
|
if (notificationPermission() === 'granted') sendTest()
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/** Toggle one trigger. */
|
|
|
|
|
/** Toggle one trigger and remember the choice. */
|
|
|
|
|
const setKindEnabled = (kind, enabled) => {
|
|
|
|
|
const snapshot = store.getSnapshot()
|
|
|
|
|
store.set({ ...snapshot, kinds: { ...snapshot.kinds, [kind]: enabled } })
|
|
|
|
|
const kinds = { ...snapshot.kinds, [kind]: enabled }
|
|
|
|
|
writeStoredKinds(kinds)
|
|
|
|
|
store.set({ ...snapshot, kinds })
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// ----------------------------------------------------------- components
|
|
|
|
@@ -765,21 +952,27 @@ window.__ModuleLoader__.load({
|
|
|
|
|
return React.useSyncExternalStore(source.subscribe, source.getSnapshot, source.getSnapshot)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/** The window's focus state as a React value, kept current by the DOM's own events. */
|
|
|
|
|
function useFocus() {
|
|
|
|
|
/**
|
|
|
|
|
* Subscribe to every browser signal that says whether the app is visible:
|
|
|
|
|
* the window's focus events and the document's visibility change. The value
|
|
|
|
|
* itself is a boolean, so the observer re-renders once per transition.
|
|
|
|
|
*/
|
|
|
|
|
function useWindowState() {
|
|
|
|
|
const subscribe = React.useCallback((listener) => {
|
|
|
|
|
try {
|
|
|
|
|
window.addEventListener('focus', listener)
|
|
|
|
|
window.addEventListener('blur', listener)
|
|
|
|
|
document.addEventListener('visibilitychange', listener)
|
|
|
|
|
} catch {
|
|
|
|
|
return () => {}
|
|
|
|
|
}
|
|
|
|
|
return () => {
|
|
|
|
|
window.removeEventListener('focus', listener)
|
|
|
|
|
window.removeEventListener('blur', listener)
|
|
|
|
|
document.removeEventListener('visibilitychange', listener)
|
|
|
|
|
}
|
|
|
|
|
}, [])
|
|
|
|
|
return React.useSyncExternalStore(subscribe, currentFocus, () => true)
|
|
|
|
|
return React.useSyncExternalStore(subscribe, () => !windowIsAway(), () => true)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
@@ -787,9 +980,13 @@ window.__ModuleLoader__.load({
|
|
|
|
|
* how a plugin reaches the session hooks without occupying visible UI. It
|
|
|
|
|
* renders `null`, and any failure in its own derivation is contained here so
|
|
|
|
|
* a slot entry can never crash.
|
|
|
|
|
*
|
|
|
|
|
* It subscribes to the window state only so a foreground/background change
|
|
|
|
|
* re-derives promptly; the delivery itself re-reads that state, so a missed
|
|
|
|
|
* event can no longer pick the wrong channel.
|
|
|
|
|
*/
|
|
|
|
|
function NotifyObserver(props) {
|
|
|
|
|
const focus = useFocus()
|
|
|
|
|
useWindowState()
|
|
|
|
|
const useSessions = props.useSessions
|
|
|
|
|
const useSessionStatus = props.useSessionStatus
|
|
|
|
|
const select = React.useCallback((snapshot) => snapshot, [])
|
|
|
|
@@ -805,7 +1002,7 @@ window.__ModuleLoader__.load({
|
|
|
|
|
applyHealth(store, { state: 'starting', message: '' })
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
observe(focus, list, status)
|
|
|
|
|
observe(list, status)
|
|
|
|
|
applyHealth(store, { state: 'watching', message: '' })
|
|
|
|
|
} catch (error) {
|
|
|
|
|
applyHealth(store, { state: 'error', message: text(error) })
|
|
|
|
@@ -845,30 +1042,60 @@ window.__ModuleLoader__.load({
|
|
|
|
|
onMouseLeave: () => props.arm(toast.id),
|
|
|
|
|
},
|
|
|
|
|
h('span', { className: `dsn-toast-icon is-${toast.kind}` }, h(KindIcon, { kind: toast.kind, size: 16 })),
|
|
|
|
|
h('span', { className: 'dsn-toast-text' }, toast.body),
|
|
|
|
|
h('button', {
|
|
|
|
|
type: 'button',
|
|
|
|
|
className: 'dsn-toast-action',
|
|
|
|
|
onClick: () => {
|
|
|
|
|
props.dismiss(toast.id)
|
|
|
|
|
props.open(toast.sessionId)
|
|
|
|
|
},
|
|
|
|
|
}, tr('toast.view')),
|
|
|
|
|
h('button', {
|
|
|
|
|
type: 'button',
|
|
|
|
|
className: 'dsn-toast-close',
|
|
|
|
|
'aria-label': tr('toast.dismiss'),
|
|
|
|
|
onClick: () => props.dismiss(toast.id),
|
|
|
|
|
}, h(CloseIcon, { size: 12 }))))))
|
|
|
|
|
h('div', { className: 'dsn-toast-text' },
|
|
|
|
|
h('div', { className: 'dsn-toast-title' }, toast.title),
|
|
|
|
|
h('div', { className: 'dsn-toast-desc' }, toast.body)),
|
|
|
|
|
h('div', { className: 'dsn-toast-actions' },
|
|
|
|
|
h('button', {
|
|
|
|
|
type: 'button',
|
|
|
|
|
className: 'dsn-toast-action',
|
|
|
|
|
onClick: () => {
|
|
|
|
|
props.dismiss(toast.id)
|
|
|
|
|
props.open(toast.sessionId)
|
|
|
|
|
},
|
|
|
|
|
}, tr('toast.view')),
|
|
|
|
|
h('button', {
|
|
|
|
|
type: 'button',
|
|
|
|
|
className: 'dsn-toast-close',
|
|
|
|
|
'aria-label': tr('toast.dismiss'),
|
|
|
|
|
onClick: () => props.dismiss(toast.id),
|
|
|
|
|
}, h(CloseIcon, { size: 14 })))))))
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/** The General-settings row: permission state, one action, per-trigger switches. */
|
|
|
|
|
function SettingsRow(props) {
|
|
|
|
|
/**
|
|
|
|
|
* One trigger switch row: the label says which notification it governs and
|
|
|
|
|
* the switch is the control, so the row never needs a second description.
|
|
|
|
|
*/
|
|
|
|
|
function KindRow(props) {
|
|
|
|
|
return h('div', { className: 'dsn-row' },
|
|
|
|
|
h('div', { className: 'dsn-row-text' },
|
|
|
|
|
h('div', { className: 'dsn-row-title' }, props.label)),
|
|
|
|
|
h('button', {
|
|
|
|
|
type: 'button',
|
|
|
|
|
role: 'switch',
|
|
|
|
|
className: 'dsn-switch',
|
|
|
|
|
'aria-checked': props.checked,
|
|
|
|
|
'aria-label': props.label,
|
|
|
|
|
disabled: props.disabled,
|
|
|
|
|
onClick: props.onToggle,
|
|
|
|
|
}, h('span', { className: 'dsn-thumb' })))
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* This plugin's configuration, rendered on its own page in the plugin
|
|
|
|
|
* manager (`plugins.bundle.config`, keyed by this package's name).
|
|
|
|
|
*
|
|
|
|
|
* The owner asks for two views: `summary` (a one-liner that stands in for
|
|
|
|
|
* the row's description) and `page` (the whole form). Everything visible here
|
|
|
|
|
* belongs to this package, including the platform-specific permission hint.
|
|
|
|
|
*/
|
|
|
|
|
function ConfigSection(props) {
|
|
|
|
|
const snapshot = useOwnStore(props.store)
|
|
|
|
|
const tr = seatFor(props)
|
|
|
|
|
if (props.view === 'summary') return h(React.Fragment, null, tr('settings.description'))
|
|
|
|
|
const permission = snapshot.permission
|
|
|
|
|
const supported = permission !== 'unsupported'
|
|
|
|
|
const failed = permission === 'denied' || snapshot.promptError !== ''
|
|
|
|
|
const tr = seatFor(props)
|
|
|
|
|
const statusKey = permission === 'granted'
|
|
|
|
|
? 'settings.permission.granted'
|
|
|
|
|
: permission === 'denied'
|
|
|
|
@@ -876,7 +1103,7 @@ window.__ModuleLoader__.load({
|
|
|
|
|
: supported
|
|
|
|
|
? 'settings.permission.default'
|
|
|
|
|
: 'settings.permission.unsupported'
|
|
|
|
|
const statusText = snapshot.promptError === ''
|
|
|
|
|
const permissionText = snapshot.promptError === ''
|
|
|
|
|
? `${tr(statusKey)}${permission === 'denied' || !supported ? ` · ${tr(`settings.permission.hint.${props.platform}`)}` : ''}`
|
|
|
|
|
: snapshot.promptError
|
|
|
|
|
const health = snapshot.health
|
|
|
|
@@ -887,39 +1114,69 @@ window.__ModuleLoader__.load({
|
|
|
|
|
: health.state === 'error'
|
|
|
|
|
? tr('settings.health.error', { message: health.message })
|
|
|
|
|
: tr('settings.health.starting')
|
|
|
|
|
const healthFailed = health.state !== 'watching' && health.state !== 'starting'
|
|
|
|
|
return h(React.Fragment, null,
|
|
|
|
|
h('style', null, CSS),
|
|
|
|
|
h('div', { className: 'dsn-row' },
|
|
|
|
|
h('div', { className: 'dsn-row-text' },
|
|
|
|
|
h('div', { className: 'dsn-row-title' }, tr('settings.title')),
|
|
|
|
|
h('div', { className: 'dsn-row-desc' }, tr('settings.description')),
|
|
|
|
|
h('div', {
|
|
|
|
|
className: `dsn-status${failed ? ' dsn-status-error' : ''}`,
|
|
|
|
|
role: failed ? 'alert' : 'status',
|
|
|
|
|
}, statusText),
|
|
|
|
|
h('div', {
|
|
|
|
|
className: `dsn-status${health.state === 'watching' || health.state === 'starting' ? '' : ' dsn-status-error'}`,
|
|
|
|
|
role: health.state === 'watching' || health.state === 'starting' ? 'status' : 'alert',
|
|
|
|
|
}, healthText),
|
|
|
|
|
h('div', { className: 'dsn-kinds' },
|
|
|
|
|
h('span', null, tr('settings.kinds.label')),
|
|
|
|
|
KINDS.map((kind) => h('span', { className: 'dsn-kind', key: kind },
|
|
|
|
|
h('span', null, tr(`settings.kind.${kind}`)),
|
|
|
|
|
h('button', {
|
|
|
|
|
type: 'button',
|
|
|
|
|
role: 'switch',
|
|
|
|
|
className: 'dsn-switch',
|
|
|
|
|
'aria-checked': snapshot.kinds[kind] === true,
|
|
|
|
|
'aria-label': tr(`settings.kind.${kind}`),
|
|
|
|
|
disabled: !supported,
|
|
|
|
|
onClick: () => props.setKind(kind, snapshot.kinds[kind] !== true),
|
|
|
|
|
}, h('span', { className: 'dsn-thumb' })))))),
|
|
|
|
|
h('button', {
|
|
|
|
|
type: 'button',
|
|
|
|
|
className: 'dsn-button',
|
|
|
|
|
disabled: !supported,
|
|
|
|
|
onClick: permission === 'granted' ? props.test : props.ask,
|
|
|
|
|
}, tr(!supported ? 'settings.action.unsupported' : permission === 'granted' ? 'settings.action.test' : 'settings.action.allow'))))
|
|
|
|
|
h('div', { className: 'dsn-sections' },
|
|
|
|
|
// The page header already shows this bundle's title and description, so
|
|
|
|
|
// this section opens with what the header cannot say: how alerts are
|
|
|
|
|
// carried, and what this form changes.
|
|
|
|
|
h('section', { className: 'dsn-section' },
|
|
|
|
|
h('p', { className: 'dsn-section-desc' }, tr('config.intro'))),
|
|
|
|
|
h('section', { className: 'dsn-section' },
|
|
|
|
|
h('h3', { className: 'dsn-section-title' }, tr('config.section.kinds')),
|
|
|
|
|
KINDS.map((kind) => h(KindRow, {
|
|
|
|
|
key: kind,
|
|
|
|
|
label: tr(`settings.kind.${kind}`),
|
|
|
|
|
checked: snapshot.kinds[kind] === true,
|
|
|
|
|
disabled: false,
|
|
|
|
|
onToggle: () => props.setKind(kind, snapshot.kinds[kind] !== true),
|
|
|
|
|
})),
|
|
|
|
|
h('p', { className: 'dsn-section-desc' }, tr('config.saveNote'))),
|
|
|
|
|
h('section', { className: 'dsn-section' },
|
|
|
|
|
h('h3', { className: 'dsn-section-title' }, tr('config.section.permission')),
|
|
|
|
|
h('div', { className: 'dsn-row' },
|
|
|
|
|
h('div', { className: 'dsn-row-text' },
|
|
|
|
|
h('p', {
|
|
|
|
|
className: `dsn-status${failed ? ' dsn-status-error' : ''}`,
|
|
|
|
|
role: failed ? 'alert' : 'status',
|
|
|
|
|
}, permissionText)),
|
|
|
|
|
h('button', {
|
|
|
|
|
type: 'button',
|
|
|
|
|
className: 'dsn-button',
|
|
|
|
|
disabled: !supported,
|
|
|
|
|
onClick: permission === 'granted' ? props.testSystem : props.ask,
|
|
|
|
|
}, tr(!supported
|
|
|
|
|
? 'settings.action.unsupported'
|
|
|
|
|
: permission === 'granted' ? 'settings.action.testSystem' : 'settings.action.allow'))),
|
|
|
|
|
h('p', { className: 'dsn-section-desc' }, tr('config.testHint'))),
|
|
|
|
|
h('section', { className: 'dsn-section' },
|
|
|
|
|
h('h3', { className: 'dsn-section-title' }, tr('config.section.status')),
|
|
|
|
|
h('div', { className: 'dsn-row' },
|
|
|
|
|
h('div', { className: 'dsn-row-text' },
|
|
|
|
|
h('p', { className: 'dsn-status' }, `${tr('config.diag.window')}: ${tr(windowIsAway() ? 'config.diag.away' : 'config.diag.inFront')}`),
|
|
|
|
|
h('p', {
|
|
|
|
|
className: `dsn-status${healthFailed ? ' dsn-status-error' : ''}`,
|
|
|
|
|
role: healthFailed ? 'alert' : 'status',
|
|
|
|
|
}, healthText),
|
|
|
|
|
h('p', { className: 'dsn-status' }, deliveryText(tr))),
|
|
|
|
|
h('button', {
|
|
|
|
|
type: 'button',
|
|
|
|
|
className: 'dsn-button',
|
|
|
|
|
onClick: props.testAny,
|
|
|
|
|
}, tr('settings.action.testAny'))))))
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/** Describe the newest alert's fate in one line. */
|
|
|
|
|
function deliveryText(tr) {
|
|
|
|
|
const last = store.getSnapshot().lastDelivery
|
|
|
|
|
if (last === null || last === undefined) return tr('config.diag.none')
|
|
|
|
|
const outcome = last.outcome.startsWith('system-refused')
|
|
|
|
|
? tr('config.diag.refused')
|
|
|
|
|
: last.outcome === 'system'
|
|
|
|
|
? tr('config.diag.system')
|
|
|
|
|
: tr('config.diag.popup')
|
|
|
|
|
return `${tr('config.diag.last')}: ${last.at} · ${outcome} · ${last.title}`
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// ---------------------------------------------------------- registration
|
|
|
|
@@ -951,6 +1208,7 @@ window.__ModuleLoader__.load({
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ctx.effect(() => registerDictionaries(locale), 'session-notify: dictionaries')
|
|
|
|
|
ctx.effect(() => installBridges(), 'session-notify: window focus')
|
|
|
|
|
ctx.effect(() => () => {
|
|
|
|
|
disposed = true
|
|
|
|
@@ -973,19 +1231,24 @@ window.__ModuleLoader__.load({
|
|
|
|
|
}),
|
|
|
|
|
}, ToastLayer))
|
|
|
|
|
|
|
|
|
|
ctx.slots.inject('settings.general.item', () => ctx.slots.register({
|
|
|
|
|
name: 'settings.general.item',
|
|
|
|
|
id: NS,
|
|
|
|
|
order: 97,
|
|
|
|
|
// This plugin's configuration lives on its own page in the plugin manager,
|
|
|
|
|
// keyed by this package's name — the seat the shipped experimental bundle
|
|
|
|
|
// uses for its own settings, and the one the plugin page renders between the
|
|
|
|
|
// bundle's description and its rows. It is deliberately NOT a General
|
|
|
|
|
// settings row: a plugin's options belong to the plugin.
|
|
|
|
|
ctx.slots.inject('plugins.bundle.config', () => ctx.slots.register({
|
|
|
|
|
name: 'plugins.bundle.config',
|
|
|
|
|
key: PACKAGE_NAME,
|
|
|
|
|
locale: NS,
|
|
|
|
|
inject: () => ({
|
|
|
|
|
store,
|
|
|
|
|
platform: platformKey(),
|
|
|
|
|
ask: requestPermission,
|
|
|
|
|
test: sendTest,
|
|
|
|
|
testAny: sendTest,
|
|
|
|
|
testSystem: sendTestSystem,
|
|
|
|
|
setKind: setKindEnabled,
|
|
|
|
|
}),
|
|
|
|
|
}, SettingsRow))
|
|
|
|
|
}, ConfigSection))
|
|
|
|
|
|
|
|
|
|
// The observer lives in the frame-wide overlay, NOT in `sidebar.panellist`.
|
|
|
|
|
//
|
|
|
|
|