Function buildView

scripts/hsr/widget-app.mjs:269–329

(renderer)

}

function buildView(renderer) {
  return (state) =>
    renderer(state, {
      onIncrement: () => {
        updateState((prev) => ({ ...prev, count: prev.count + 1 }));
      },
      onDecrement: () => {
        updateState((prev) => ({ ...prev, count: prev.count - 1 }));
      },
      onNameInput: (value) => {
        updateState((prev) => ({ ...prev, name: value }));
      },
      onNotesInput: (value) => {
        updateState((prev) => Object.freeze({ ...prev, notes: value }));
      },
      onCodeEditorChange: (lines, cursor) => {
        updateState((prev) => {
          const normalizedLines = splitCodeDraft(joinCodeLines(lines));
          const normalizedCursor = clampCodeCursor(normalizedLines, cursor);
          const nextDraft = joinCodeLines(normalizedLines);
          return Object.freeze({
            ...prev,
            codeDraft: nextDraft,
            codeLines: normalizedLines,
            codeCursor: normalizedCursor,
            bannerDraft: extractBannerFromSnippet(nextDraft, prev.bannerDraft),
          });
        });
      },
      onCodeEditorSelectionChange: (selection) => {
        updateState((prev) =>
          Object.freeze({
            ...prev,
            codeSelection: selection ?? null,
          }),
        );
      },
      onCodeEditorScroll: (scrollTop, scrollLeft) => {
        const nextScrollTop = Number.isFinite(scrollTop) ? Math.max(0, Math.floor(scrollTop)) : 0;
        const nextScrollLeft = Number.isFinite(scrollLeft)
          ? Math.max(0, Math.floor(scrollLeft))
          : 0;
        updateState((prev) => {
          if (prev.codeScrollTop === nextScrollTop && prev.codeScrollLeft === nextScrollLeft) {
            return prev;
          }
          return Object.freeze({
            ...prev,
            codeScrollTop: nextScrollTop,
            codeScrollLeft: nextScrollLeft,
          });
        });
      },
      onSaveBannerToFile: () => {
        void saveBannerToWidgetFile();
      },
      onCloseFeedbackModal: () => {
        closeFeedbackModal();