create-ncblock 0.0.35 → 0.0.37

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "create-ncblock",
-	"version": "0.0.35",
+	"version": "0.0.37",
 	"description": "Create a Notion custom view block project.",
 	"type": "module",
 	"bin": {

package/sdk-version.json

@@ -1 +1 @@
-{"version":"0.0.33"}
+{"version":"0.0.35"}

package/templates/debug/src/index.tsx

@@ -1838,7 +1838,7 @@ function CreatePageCard({
 			setTrackedPages(prev => trackPage(prev, result.page))
 			setStatus(`\u2713 ${preset.label}: ${result.page.id}`)
 		} else {
-			setStatus(`\u2717 ${preset.label}: ${result.error}`)
+			setStatus(`\u2717 ${preset.label}: ${result.error.message}`)
 		}
 		setBusy(false)
 	}
@@ -1867,7 +1867,7 @@ function CreatePageCard({
 			setTrackedPages(prev => trackPage(prev, result.page))
 			setStatus(`\u2713 Data source: ${result.page.id}`)
 		} else {
-			setStatus(`\u2717 Data source: ${result.error}`)
+			setStatus(`\u2717 Data source: ${result.error.message}`)
 		}
 		setBusy(false)
 	}
@@ -1893,7 +1893,7 @@ function CreatePageCard({
 			setTrackedPages(prev => trackPage(prev, result.page))
 			setStatus(`\u2713 Key "${key}": ${result.page.id}`)
 		} else {
-			setStatus(`\u2717 Key "${key}": ${result.error}`)
+			setStatus(`\u2717 Key "${key}": ${result.error.message}`)
 		}
 		setBusy(false)
 	}
@@ -1909,7 +1909,7 @@ function CreatePageCard({
 			setTrackedPages(prev => trackPage(prev, result.page))
 			setStatus(`\u2713 Loaded ${result.page.id}`)
 		} else {
-			setStatus(`\u2717 Fetch failed: ${result.error}`)
+			setStatus(`\u2717 Fetch failed: ${result.error.message}`)
 		}
 		setBusy(false)
 	}
@@ -1925,7 +1925,7 @@ function CreatePageCard({
 			setTrackedPages(prev => trackPage(prev, result.page))
 			setStatus(`\u2713 Refreshed ${result.page.id}`)
 		} else {
-			setStatus(`\u2717 Refresh failed: ${result.error}`)
+			setStatus(`\u2717 Refresh failed: ${result.error.message}`)
 		}
 		setBusy(false)
 	}
@@ -1974,7 +1974,7 @@ function CreatePageCard({
 			setTrackedPages(prev => trackPage(prev, result.page))
 			setStatus(`\u2713 Saved ${result.page.id}`)
 		} else {
-			setStatus(`\u2717 Save failed: ${result.error}`)
+			setStatus(`\u2717 Save failed: ${result.error.message}`)
 		}
 		setBusy(false)
 	}
@@ -1990,7 +1990,7 @@ function CreatePageCard({
 			setTrackedPages(prev => trackPage(prev, result.page))
 			setStatus(`\u2713 Deleted ${result.page.id}`)
 		} else {
-			setStatus(`\u2717 Delete failed: ${result.error}`)
+			setStatus(`\u2717 Delete failed: ${result.error.message}`)
 		}
 		setBusy(false)
 	}

package/templates/radar-chart/src/index.tsx

@@ -33,7 +33,11 @@ function makeFakeItem(
 		propertiesByKey: properties,
 		update: async () => ({
 			status: "error",
-			error: "Sample rows are read-only",
+			error: {
+				code: "update_page_failed",
+				message: "Sample rows are read-only",
+				isRetryable: false,
+			},
 		}),
 	}
 }
@@ -447,7 +451,8 @@ function App() {
 	const manifest = useManifest()
 	const activeDataSourceKey =
 		Object.keys(manifest?.dataSources ?? {})[0] ?? "default"
-	const query = useDataSource(activeDataSourceKey)
+	const [queryLimit, setQueryLimit] = React.useState(20)
+	const query = useDataSource(activeDataSourceKey, { limit: queryLimit })
 	const colorTheme = theme === "dark" ? "dark" : "light"
 	const mappedAnalysis = analyzeRadarSchema(query.items)
 	const isUsingFallbackData = !mappedAnalysis.isReady
@@ -515,10 +520,10 @@ function App() {
 				items={items}
 				isUsingFallbackData={isUsingFallbackData}
 				analysis={analysis}
-				queryError={query.error}
+				queryError={query.error?.message}
 				hasMore={query.hasMore}
 				isLoading={query.isLoading}
-				onFetchMore={query.fetchMore}
+				onFetchMore={() => setQueryLimit(limit => limit + 20)}
 			/>
 		</div>
 	)

package/templates/table-view/src/index.tsx

@@ -1162,7 +1162,7 @@ function DataWorkspace(props: {
 				})
 				return
 			}
-			setUpdateStatus({ type: "error", message: result.error })
+			setUpdateStatus({ type: "error", message: result.error.message })
 		} catch (error) {
 			setUpdateStatus({
 				type: "error",
@@ -1212,7 +1212,7 @@ function DataWorkspace(props: {
 				setCreatingDraft(emptyDraftByKey(writableColumns))
 				return
 			}
-			setCreateStatus({ type: "error", message: result.error })
+			setCreateStatus({ type: "error", message: result.error.message })
 		} catch (error) {
 			setCreateStatus({
 				type: "error",
@@ -1704,7 +1704,8 @@ function App() {
 	}, [activeDataSourceKey, dataSourceKeys])
 
 	const queryKey = dataSourceKeys.length === 0 ? "default" : activeDataSourceKey
-	const query = useDataSource(queryKey)
+	const [queryLimit, setQueryLimit] = React.useState(20)
+	const query = useDataSource(queryKey, { limit: queryLimit })
 	const colorTheme = theme === "dark" ? "dark" : "light"
 
 	const mappedItems = query.items as TableRow[]
@@ -1800,10 +1801,10 @@ function App() {
 					onSelectDataSource={setActiveDataSourceKey}
 					hasMore={query.hasMore}
 					isLoading={query.isLoading}
-					onFetchMore={query.fetchMore}
+					onFetchMore={() => setQueryLimit(limit => limit + 20)}
 					isUsingFallbackData={isUsingFallbackData}
 					isCollectionEmpty={isCollectionEmpty}
-					queryError={query.error}
+					queryError={query.error?.message}
 				/>
 			</div>
 		</div>

package/templates/table-view/src/table-model.ts

@@ -82,7 +82,11 @@ function makeSampleRow(
 		propertiesByKey: properties,
 		update: async () => ({
 			status: "error",
-			error: "Sample rows are read-only",
+			error: {
+				code: "update_page_failed",
+				message: "Sample rows are read-only",
+				isRetryable: false,
+			},
 		}),
 	}
 }