publish checklists properly

actions/publishToPublication.ts

···
           let record: PubLeafletBlocksUnorderedList.ListItem = {
             $type: "pub.leaflet.blocks.unorderedList#listItem",
             content,
+            ...(child.block.listData?.checklist && {
+              checked: child.block.listData.checked ?? false,
+            }),
           };
           let sameStyle = child.children.filter(
             (c) => c.block.listData?.listStyle !== "ordered",
···
           let record: PubLeafletBlocksOrderedList.ListItem = {
             $type: "pub.leaflet.blocks.orderedList#listItem",
             content,
+            ...(child.block.listData?.checklist && {
+              checked: child.block.listData.checked ?? false,
+            }),
           };
           let sameStyle = child.children.filter(
             (c) => c.block.listData?.listStyle === "ordered",

app/lish/[did]/[publication]/[rkey]/PostContent.tsx

···
 import { blockTextSize } from "src/utils/blockTextSize";
 import { slugify } from "src/utils/slugify";
 import { PostNotAvailable } from "components/Blocks/BlueskyPostBlock/BlueskyEmbed";
+import { CheckboxChecked } from "components/Icons/CheckboxChecked";
+import { CheckboxEmpty } from "components/Icons/CheckboxEmpty";
 
 export function PostContent({
   blocks,
···
       ))}
     </ol>
   ) : null;
+  let isChecklist = props.item.checked !== undefined;
   return (
     <li className={`pb-0! flex flex-row gap-2`}>
       <div
         className={`listMarker shrink-0 mx-2 z-1 mt-[14px] h-[5px] w-[5px] ${props.item.content?.$type !== "null" ? "rounded-full bg-secondary" : ""}`}
       />
+      {isChecklist && (
+        <div className={`pr-2 ${props.item.checked ? "text-accent-contrast" : "text-border"}`}>
+          {props.item.checked ? <CheckboxChecked /> : <CheckboxEmpty />}
+        </div>
+      )}
       <div className="flex flex-col w-full">
         <Block
           pollData={props.pollData}
···
       ))}
     </ul>
   ) : null;
+  let isChecklist = props.item.checked !== undefined;
   return (
     <li className={`pb-0! flex flex-row gap-2`}>
       <div className="listMarker shrink-0 mx-2 z-1 mt-[4px]">
         {calculatedIndex}.
       </div>
+      {isChecklist && (
+        <div className={`pr-2 ${props.item.checked ? "text-accent-contrast" : "text-border"}`}>
+          {props.item.checked ? <CheckboxChecked /> : <CheckboxEmpty />}
+        </div>
+      )}
       <div className="flex flex-col w-full">
         <Block
           pollData={props.pollData}

app/lish/[did]/[publication]/[rkey]/StaticPostContent.tsx

···
   PubLeafletPagesLinearDocument,
 } from "lexicons/api";
 import { blobRefToSrc } from "src/utils/blobRefToSrc";
+import { CheckboxChecked } from "components/Icons/CheckboxChecked";
+import { CheckboxEmpty } from "components/Icons/CheckboxEmpty";
 import { blockTextSize } from "src/utils/blockTextSize";
 import { TextBlockCore, TextBlockCoreProps } from "./Blocks/TextBlockCore";
 import { StaticMathBlock } from "./Blocks/StaticMathBlock";
···
   did: string;
   className?: string;
 }) {
+  let isChecklist = props.item.checked !== undefined;
   return (
     <li className={`pb-0! flex flex-row gap-2`}>
       <div
         className={`listMarker shrink-0 mx-2 z-1 mt-[14px] h-[5px] w-[5px] rounded-full bg-secondary`}
       />
+      {isChecklist && (
+        <div className={`pr-2 ${props.item.checked ? "text-accent-contrast" : "text-border"}`}>
+          {props.item.checked ? <CheckboxChecked /> : <CheckboxEmpty />}
+        </div>
+      )}
       <div className="flex flex-col">
         <Block block={{ block: props.item.content }} did={props.did} isList />
         {props.item.children?.length ? (

components/Blocks/Block.tsx

···
   type: Fact<"block/type">["data"]["value"];
   listData?: {
     checklist?: boolean;
+    checked?: boolean;
     listStyle?: "ordered" | "unordered";
     listStart?: number;
     displayNumber?: number;

lexicons/api/lexicons.ts

···
         type: 'object',
         required: ['content'],
         properties: {
+          checked: {
+            type: 'boolean',
+            description:
+              'If present, this item is a checklist item. true = checked, false = unchecked. If absent, this is a normal list item.',
+          },
           content: {
             type: 'union',
             refs: [
···
         type: 'object',
         required: ['content'],
         properties: {
+          checked: {
+            type: 'boolean',
+            description:
+              'If present, this item is a checklist item. true = checked, false = unchecked. If absent, this is a normal list item.',
+          },
           content: {
             type: 'union',
             refs: [
···
             type: 'array',
             items: {
               type: 'ref',
-              ref: 'lex:pub.leaflet.richtext.facet',
+              ref: 'lex:pub.leaflet.richtext.facet#main',
             },
           },
         },

lexicons/api/types/pub/leaflet/blocks/orderedList.ts

···
 
 export interface ListItem {
   $type?: 'pub.leaflet.blocks.orderedList#listItem'
+  /** If present, this item is a checklist item. true = checked, false = unchecked. If absent, this is a normal list item. */
+  checked?: boolean
   content:
     | $Typed<PubLeafletBlocksText.Main>
     | $Typed<PubLeafletBlocksHeader.Main>

lexicons/api/types/pub/leaflet/blocks/unorderedList.ts

···
 
 export interface ListItem {
   $type?: 'pub.leaflet.blocks.unorderedList#listItem'
+  /** If present, this item is a checklist item. true = checked, false = unchecked. If absent, this is a normal list item. */
+  checked?: boolean
   content:
     | $Typed<PubLeafletBlocksText.Main>
     | $Typed<PubLeafletBlocksHeader.Main>

lexicons/pub/leaflet/blocks/orderedList.json

···
         "content"
       ],
       "properties": {
+        "checked": {
+          "type": "boolean",
+          "description": "If present, this item is a checklist item. true = checked, false = unchecked. If absent, this is a normal list item."
+        },
         "content": {
           "type": "union",
           "refs": [

lexicons/pub/leaflet/blocks/unorderedList.json

···
         "content"
       ],
       "properties": {
+        "checked": {
+          "type": "boolean",
+          "description": "If present, this item is a checklist item. true = checked, false = unchecked. If absent, this is a normal list item."
+        },
         "content": {
           "type": "union",
           "refs": [

lexicons/pub/leaflet/richtext/facet.json

···
     "footnote": {
       "type": "object",
       "description": "Facet feature for a footnote reference",
-      "required": ["footnoteId", "contentPlaintext"],
+      "required": [
+        "footnoteId",
+        "contentPlaintext"
+      ],
       "properties": {
         "footnoteId": {
           "type": "string"

lexicons/src/blocks.ts

···
       type: "object",
       required: ["content"],
       properties: {
+        checked: {
+          type: "boolean",
+          description:
+            "If present, this item is a checklist item. true = checked, false = unchecked. If absent, this is a normal list item.",
+        },
         content: {
           type: "union",
           refs: [
···
       type: "object",
       required: ["content"],
       properties: {
+        checked: {
+          type: "boolean",
+          description:
+            "If present, this item is a checklist item. true = checked, false = unchecked. If absent, this is a normal list item.",
+        },
         content: {
           type: "union",
           refs: [

src/replicache/getBlocks.ts

···
                     parent,
                     path: newPath,
                     checklist: !!checklist[0],
+                    checked: checklist[0]?.data.value,
                     listStyle: listStyle?.data.value,
                     listStart: listNumber?.data.value,
                   },