preview-own-list.ts

scripts/preview-own-list.ts

1. /**
2. * Render one person's board with their private list stamped in, to a file.
3. *
4. * `pnpm dashboard` writes the COMPANY_VIEWER page, which has no
5. * My Day card and therefore no private list, so the one command that renders a
6. * page without credentials cannot show this feature at all. Without something
7. * like this, the only way to look at the card is to deploy.
8. *
9. * It is a preview, not a test. The numbers are fixtures and the lines below are
10. * invented; nothing here reads or writes a real store, and it never touches D1.
11. * The tests are what pin behaviour.
12. *
13. * pnpm preview:own-list [email] [state]
14. * state: ok (default) | empty | failed | unconfigured
15. */
17. import { writeFile } from 'node:fs/promises'
18. import { FIXTURE_SNAPSHOT } from '../apps/dashboard/src/fixtures.js'
19. import { headline } from '../apps/dashboard/src/collect.js'
20. import { render } from '../apps/dashboard/src/render.js'
21. import { viewerFor } from '../apps/dashboard/src/viewer.js'
22. import {
23. ownListBlock,
24. stampOwnList,
25. type OwnItem,
26. type OwnStore,
27. } from '../apps/dashboard/src/own-list-view.js'
29. const email = process.argv[2] ?? 'hello@meridiandisplay.example'
30. const which = process.argv[3] ?? 'ok'
31. const viewer = viewerFor(email)
32. if (!viewer.person) {
33. console.error(`${email} is not on the roster, so there is no private list to preview.`)
34. process.exit(1)
35. }
37. const now = new Date()
38. const day = (offset: number): string => {
39. const d = new Date(now)
40. d.setDate(d.getDate() + offset)
41. return d.toISOString().slice(0, 10)
42. }
44. let id = 0
45. const line = (over: Partial<OwnItem>): OwnItem => ({
46. id: ++id,
47. text: '',
48. due: null,
49. priority: 'normal',
50. linkKey: null,
51. createdAt: now.toISOString(),
52. updatedAt: now.toISOString(),
53. edits: 0,
54. doneAt: null,
55. ...over,
56. })
58. const sample: OwnStore = {
59. state: 'ok',
60. person: viewer.person.name,
61. open: [
62. line({ text: 'Call the school booster club back about the 10 ft feather flag', due: day(-4), priority: 'high', linkKey: 'order:MD2639582' }),
63. line({ text: 'Send Rafael the revised backdrop dimensions', due: day(0) }),
64. line({ text: 'Chase the vinyl supplier on the January quote', due: day(3), linkKey: 'task:41837' }),
65. line({ text: 'Reorder the sample kit', priority: 'low' }),
66. ],
67. done: [line({ text: 'Approved the tabletop banner proof', doneAt: new Date(now.getTime() - 86_400_000).toISOString() })],
68. truncated: false,
69. doneHidden: 3,
70. }
72. const stores: Record<string, OwnStore> = {
73. ok: sample,
74. empty: { state: 'ok', person: viewer.person.name, open: [], done: [], truncated: false, doneHidden: 0 },
75. failed: { state: 'failed', error: 'D1_ERROR: no such table: own_item' },
76. unconfigured: { state: 'unconfigured' },
77. }
79. const store = stores[which]
80. if (!store) {
81. console.error(`unknown state "${which}": try ok, empty, failed or unconfigured`)
82. process.exit(1)
83. }
85. const page = render(FIXTURE_SNAPSHOT, headline(FIXTURE_SNAPSHOT), [], day(0), null, viewer)
86. const out = new URL('../own-list-preview.html', import.meta.url)
87. await writeFile(out, stampOwnList(page, ownListBlock(viewer, store, now)), 'utf8')
88. console.log(`Wrote ${out.pathname}: ${viewer.person.name}, store: ${which}`)