betterstart-cli 0.0.111 → 0.0.113

package/dist/assets/adapters/next/templates/init/components/shared/media/media-url-importer.tsx

@@ -112,7 +112,7 @@ export function MediaUrlImporter({ onImportFromUrl, accept, className }: MediaUr
             <form
               autoComplete="off"
               noValidate
-              onSubmit={form.handleSubmit(handleImport, handleInvalid)}
+              onSubmit={(event) => form.handleSubmit(handleImport, handleInvalid)(event)}
               className="w-full"
             >
               <InputGroup className="mx-auto max-w-2xl bg-background">

package/dist/assets/adapters/next/templates/init/hooks/content-editor/use-content-editor-slash-menu.ts

@@ -23,9 +23,11 @@ export function useContentEditorSlashMenu(editorRef: React.RefObject<Editor | nu
   const activeSlashIndex =
     activeSlashIndexState >= filteredSlashCommands.length ? 0 : activeSlashIndexState
 
-  slashMenuRef.current = slashMenu
-  activeSlashIndexRef.current = activeSlashIndex
-  filteredSlashCommandsRef.current = filteredSlashCommands
+  React.useEffect(() => {
+    slashMenuRef.current = slashMenu
+    activeSlashIndexRef.current = activeSlashIndex
+    filteredSlashCommandsRef.current = filteredSlashCommands
+  })
 
   const updateSlashMenu = React.useCallback((nextEditor: Editor) => {
     const nextSlashMenu = getSlashMenuState(nextEditor)

package/dist/assets/adapters/next/templates/init/hooks/content-editor/use-content-editor-source-mode.tsx

@@ -1,5 +1,8 @@
 'use client'
 
+// oxlint-disable react/refs -- the CodeMirror widget is constructed during render and compared by
+// callback identity in `eq()`. Dropping the ref-backed callbacks would rebuild the widget DOM on
+// every render, so it needs a verified refactor.
 import * as React from 'react'
 import type { ContentEditorSelectionRequest } from '@admin/utils/editor/content-editor-selection-request'
 import type { MarkdownHeadingLevel } from '@admin/utils/editor/markdown-heading-level'
@@ -151,9 +154,12 @@ export function useContentEditorSourceMode({
   const [canUndoMarkdownChange, setCanUndoMarkdownChange] = React.useState(false)
   const [canRedoMarkdownChange, setCanRedoMarkdownChange] = React.useState(false)
   const valueRef = React.useRef(value)
-  valueRef.current = value
   const onChangeRef = React.useRef(onChange)
-  onChangeRef.current = onChange
+
+  React.useEffect(() => {
+    valueRef.current = value
+    onChangeRef.current = onChange
+  })
 
   const handleMediaSelected = React.useCallback(
     (url: string) => {

package/dist/assets/adapters/next/templates/init/hooks/content-editor/use-content-editor-table-add-controls.ts

@@ -25,7 +25,9 @@ export function useContentEditorTableAddControls(
   const tableStateRef = React.useRef<TableAddControlsState | null>(null)
   const isEditorViewMounted = Boolean(getMountedEditorView(editor))
 
-  tableStateRef.current = tableState
+  React.useEffect(() => {
+    tableStateRef.current = tableState
+  })
 
   const setTable = React.useCallback((next: TableAddControlsState) => {
     setTableState((current) => {

package/dist/assets/adapters/next/templates/init/hooks/content-editor/use-content-editor.ts

@@ -1,5 +1,8 @@
 'use client'
 
+// oxlint-disable react/refs -- `latestMarkdownRef` is both the synchronous markdown buffer that
+// callbacks write and the value rendered as `sourceValue`. Splitting it into state changes when the
+// buffer is observable and risks the Markdown round-trip, so it needs a verified refactor.
 import * as React from 'react'
 import type { ContentEditorMode } from '@admin/utils/editor/content-editor-mode'
 import type { ContentEditorSelectionRequest } from '@admin/utils/editor/content-editor-selection-request'
@@ -75,8 +78,6 @@ export function useContentEditor({
     updateSlashMenu
   } = useContentEditorSlashMenu(editorRef)
 
-  isSlashMenuOpenRef.current = slashMenu !== null
-
   if (value !== lastValuePropRef.current) {
     lastValuePropRef.current = value
     latestMarkdownRef.current = value
@@ -173,7 +174,10 @@ export function useContentEditor({
     }
   })
 
-  editorRef.current = editor
+  React.useEffect(() => {
+    editorRef.current = editor
+    isSlashMenuOpenRef.current = slashMenu !== null
+  })
 
   const syncRichContent = React.useCallback(
     (nextValue: string = latestMarkdownRef.current, selectionOffset?: number) => {

package/dist/assets/adapters/next/templates/init/hooks/use-upload.ts

@@ -89,11 +89,13 @@ export function useUpload(options: UseUploadOptions = {}): UseUploadReturn {
   const uploadAbortControllerRef = React.useRef<AbortController | null>(null)
   const progressIntervalRef = React.useRef<ReturnType<typeof setInterval> | null>(null)
   const progressResetTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)
-  if (previousIsActiveRef.current !== isActive) {
-    previousIsActiveRef.current = isActive
-    activeActivityIdRef.current += 1
-  }
-  activeRef.current = isActive
+  React.useEffect(() => {
+    if (previousIsActiveRef.current !== isActive) {
+      previousIsActiveRef.current = isActive
+      activeActivityIdRef.current += 1
+    }
+    activeRef.current = isActive
+  })
 
   const clearProgressResetTimeout = React.useCallback(() => {
     if (progressResetTimeoutRef.current) {

package/dist/assets/adapters/next/templates/init/pages/profile/profile-form.tsx

@@ -32,7 +32,7 @@ import { Input } from '@admin/components/ui/input'
 import { Spinner } from '@admin/components/ui/spinner'
 import { standardSchemaResolver } from '@hookform/resolvers/standard-schema'
 import { useRouter } from 'next/navigation'
-import { useForm } from 'react-hook-form'
+import { useForm, useWatch } from 'react-hook-form'
 import { toast } from 'sonner'
 import { z } from 'zod/v3'
 
@@ -94,8 +94,8 @@ export function ProfileForm({ user }: ProfileFormProps) {
     reValidateMode: 'onChange'
   })
 
-  const emailDirty = profileForm.watch('email') !== user.email
-  const imageValue = profileForm.watch('image')
+  const emailDirty = useWatch({ control: profileForm.control, name: 'email' }) !== user.email
+  const imageValue = useWatch({ control: profileForm.control, name: 'image' })
 
   function onProfileSubmit(values: ProfileValues) {
     startProfileTransition(async () => {

package/dist/assets/adapters/next/templates/init/pages/settings/webhooks/webhook-endpoint-dialog.tsx

@@ -35,7 +35,7 @@ import { webhookEventSources } from '@admin/data/webhook-events'
 import { useWebhookSubscriptions } from '@admin/hooks/use-webhooks'
 import { standardSchemaResolver } from '@hookform/resolvers/standard-schema'
 import { useMutation, useQueryClient } from '@tanstack/react-query'
-import { useForm } from 'react-hook-form'
+import { useForm, useWatch } from 'react-hook-form'
 import { toast } from 'sonner'
 import { z } from 'zod/v3'
 
@@ -81,7 +81,7 @@ export function WebhookEndpointDialog({ webhook, open, onOpenChange }: WebhookEn
       events: subscribedEvents
     }
   })
-  const events = form.watch('events')
+  const events = useWatch({ control: form.control, name: 'events' })
 
   React.useEffect(() => {
     if (!open) return