daily-focus 2.0.0-dev.14 → 2.0.0-dev.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "daily-focus",
-  "version": "2.0.0-dev.14",
+  "version": "2.0.0-dev.15",
   "description": "An interactive dashboard of what you should focus on today at work",
   "keywords": [
     "dashboard",
@@ -28,6 +28,7 @@
     "public/index.html",
     "public/style.css",
     "public/app.js",
+    "public/fonts/",
     "prompts/",
     "schema/",
     "tools/dfcal/build.sh",
@@ -66,5 +67,8 @@
     "happy-dom": "20.14.5",
     "preact": "10.29.8",
     "typescript": "7.0.2"
+  },
+  "allowScripts": {
+    "esbuild": true
   }
 }

package/public/app.js

@@ -2640,7 +2640,11 @@ function ItemRow({ item, state: state2, ui: ui2, handlers: handlers2 }) {
     },
     el(
       "span",
-      { class: "item__mark" },
+      // A ranked row's number stands in the margin where the source dot would be:
+      // the stylesheet draws it off `data-rank` and hides the dot, since the
+      // source is named in the meta line anyway and the rank is what this row
+      // is for.
+      { class: "item__mark", "data-rank": item.priority !== void 0 && item.status === "open" ? String(item.priority) : void 0 },
       el("span", {
         class: "item__dot",
         style: `background:${sourceColor(item.source)}`,
@@ -2666,9 +2670,6 @@ function renderMeta(item, state2, now) {
     pills.push(el("span", { class: cls }, text));
     said.add(text.trim().toLowerCase());
   };
-  if (item.priority !== void 0 && item.status === "open") {
-    pill("pill pill--priority", `#${item.priority}`);
-  }
   for (const [cls, text] of rowPillTexts(item, state2)) pill(cls, text);
   if (item.advancesObjective) {
     pill("pill pill--objective", "objective");
@@ -4961,6 +4962,11 @@ function SettingsView({ state: state2, ui: ui2, handlers: handlers2 }) {
   }, []);
   const page = ui2.settings.value;
   const draft = ui2.settingsDraft.value;
+  const sections = [
+    { id: "objective", title: "Your objective" },
+    { id: "sources", title: "Where the agent looks" },
+    ...page?.groups ?? []
+  ];
   return el(
     "div",
     { class: "settings" },
@@ -4970,6 +4976,7 @@ function SettingsView({ state: state2, ui: ui2, handlers: handlers2 }) {
       el("h2", { class: "settings__title" }, "Settings"),
       el("button", { type: "button", class: "button", onClick: () => handlers2.closeSettings() }, `Back to ${VIEW_NAME[ui2.settingsReturn.value]}`)
     ),
+    k(SectionIndex, { sections }),
     page?.error ? el("p", { class: "settings__problem", role: "alert" }, page.error) : null,
     objectiveCard(state2, ui2, handlers2),
     sourcesCard(state2, ui2, handlers2),
@@ -4994,6 +5001,29 @@ function SettingsView({ state: state2, ui: ui2, handlers: handlers2 }) {
     saveBar(ui2, handlers2)
   );
 }
+function SectionIndex({ sections }) {
+  const [current, setCurrent] = d2(sections[0]?.id ?? null);
+  h2(() => {
+    const look = () => {
+      let seen = sections[0]?.id ?? null;
+      for (const section2 of sections) {
+        const card = document.getElementById(`settings-${section2.id}`);
+        if (card && card.getBoundingClientRect().top <= 120) seen = section2.id;
+      }
+      setCurrent(seen);
+    };
+    look();
+    window.addEventListener("scroll", look, { passive: true });
+    return () => window.removeEventListener("scroll", look);
+  }, [sections.map((section2) => section2.id).join(" ")]);
+  return el(
+    "nav",
+    { class: "settings__nav", "aria-label": "Settings sections" },
+    sections.map(
+      (section2) => el("a", { key: section2.id, href: `#settings-${section2.id}`, "aria-current": section2.id === current ? "true" : void 0 }, section2.title)
+    )
+  );
+}
 function objectiveCard(state2, ui2, handlers2) {
   const focus = state2.focus;
   return el(
@@ -5122,6 +5152,7 @@ function shownValue(setting, draft) {
   if (draft.has(setting.key)) return draft.get(setting.key) ?? "";
   return setting.source === "default" ? "" : setting.value ?? "";
 }
+var SEGMENTS = 4;
 function flagValue(raw) {
   if (raw === "") return "";
   return ["off", "false", "0", "no"].includes(raw.trim().toLowerCase()) ? "off" : "on";
@@ -5138,7 +5169,30 @@ function settingField(setting, draft, handlers2) {
   if (setting.kind === "choice" || setting.kind === "flag") {
     const choices = setting.kind === "flag" ? [{ value: "on", label: "On" }, { value: "off", label: "Off" }] : setting.choices ?? [];
     const current = setting.kind === "flag" ? flagValue(value) : value;
-    input = el(
+    const fallback = choices.find((choice) => choice.label.toLowerCase() === setting.fallback.toLowerCase());
+    input = choices.length <= SEGMENTS && fallback ? el(
+      "div",
+      { class: "segmented", id, role: "radiogroup", "aria-label": setting.label, "aria-disabled": String(locked) },
+      choices.map((choice) => {
+        const isDefault = choice.value === fallback.value;
+        const checked = current === "" ? isDefault : current === choice.value;
+        return el(
+          "button",
+          {
+            type: "button",
+            key: choice.value,
+            role: "radio",
+            class: "segmented__option",
+            "aria-checked": String(checked),
+            disabled: locked,
+            title: isDefault ? "The default" : void 0,
+            onClick: () => handlers2.editSetting(setting.key, isDefault ? null : choice.value)
+          },
+          choice.label,
+          checked && current === "" ? el("small", null, "default") : null
+        );
+      })
+    ) : el(
       "select",
       { class: "field__input", id, disabled: locked, value: current, onChange },
       el("option", { value: "" }, `Default: ${setting.fallback}`),
@@ -5291,7 +5345,10 @@ function FirstBriefCard({ state: state2, handlers: handlers2 }) {
 // client/today.ts
 function TodayView({ state: state2, ui: ui2, handlers: handlers2 }) {
   if (state2.setup?.needed) return [k(FirstBriefCard, { state: state2, handlers: handlers2 })];
-  return [renderObjective(state2, handlers2), renderStats(state2), renderHeadline(state2), renderSections(state2, ui2, handlers2)];
+  return [
+    el("div", { class: "today__masthead" }, renderObjective(state2, handlers2), renderStats(state2), renderHeadline(state2)),
+    renderSections(state2, ui2, handlers2)
+  ];
 }
 function renderObjective(state2, handlers2 = null) {
   const focus = state2.focus;
@@ -5413,8 +5470,9 @@ function App({ ui: ui2, handlers: handlers2 }) {
   if (current?.onboarding) return [k(OnboardingView, { state: current, ui: ui2, handlers: handlers2 }), k(Toast, { ui: ui2, handlers: handlers2 })];
   return [
     el("a", { class: "skip-link", href: "#main" }, "Skip to content"),
-    k(Header, { state: current, ui: ui2, handlers: handlers2 }),
-    k(Tabs, { state: current, ui: ui2, handlers: handlers2 }),
+    // The band: the masthead's navy runs behind both, and on Today on behind
+    // the objective below (see `.band` in the stylesheet).
+    el("div", { class: "band" }, k(Header, { state: current, ui: ui2, handlers: handlers2 }), k(Tabs, { state: current, ui: ui2, handlers: handlers2 })),
     el("div", { id: "banners", class: "banners" }, current ? renderBanners(current, ui2, handlers2) : null),
     el(
       "main",

package/public/fonts/OFL.txt

@@ -0,0 +1,93 @@
+Copyright © 2017 IBM Corp. with Reserved Font Name "Plex"
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+
+This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.