Appopt-editor example

Notes App

opt-editor를 중심으로 템플릿, 핀, 페이지 복제, 댓글 게이트, AI 업데이트, 버전 복원, EAV record mapping, BrandApp 동기화 패널을 붙인 제품형 노트 앱입니다.

Full notes workspace combining Editor templates, duplicate pages, comments, snapshot history, editable BrandApp EAV record mapping, and AI page health metadata.

appnotesbrandapp-sdkhistoryeavai

bun add @reopt-ai/opt-editor @reopt-ai/brandapp-sdk

EditorcreateEditorStoredefaultCatalogEditorSpeccreateReoptSDK

1024px

reviewSynced 2 min ago

Launch operating plan

Page health

EAV entity linked

campaigns.launch_plan

AI agent available

brandapp provider · sonnet

Review deadline

Tomorrow, 10:00 KST

BrandApp snapshot

1 comments block publish

Version history

v1 · 1 snapshots

BrandApp recordCampaign execution record

SDK wiring

lazy EAV client

// app/api/notes/route.ts
import { createReoptEavClient } from "@reopt-ai/brandapp-sdk/eav";

// Cache the EAV client lazily so the route stays build-safe.
let eav: ReturnType<typeof createReoptEavClient> | undefined;

function getEav() {
  eav ??= createReoptEavClient({
    clientId: process.env.BRANDAPP_CLIENT_ID!,
    clientSecret: process.env.BRANDAPP_CLIENT_SECRET!,
  });
  return eav;
}

Handoff history

2 events

EAV link verified

success

notes.workspace_page is ready for campaign handoff.

Legal review pending

warning

Open Korean subject line comment blocks publish.

Related Examples

Diff Review

suggestionDecorations + mode="diff"

2 changed blocks

Renewal committee memo

The current draft summarizes why the customer expansion is likely to close this quarter.

Next step: align the ROI paragraph with the updated committee recommendation.

Reviewopt-editor

Diff Review

mode="diff"와 suggestionDecorations로 AI 제안을 블록 단위로 검수하는 리뷰 예제입니다.

diffreviewai

EditorcreateEditorStoredefaultCatalogdiffSpecsDetailed+1

Open

Starteropt-editor

Basic Editor

Editor 컴포넌트 하나로 작성 화면을 빠르게 붙이는 가장 짧은 시작점입니다.

editauthoringeditor

EditorcreateEditorStoredefaultCatalogEditorSpec

Open

Headless

Custom shell around BlockTree

Headlessopt-editor

Headless Composition

EditorProvider, BlockTree, BlockToolbar를 분리해 커스텀 chrome을 붙이는 조합 예제입니다.

edittoolbarcomposition

EditorProviderBlockTreeBlockToolbarcreateEditorStore+2

Open

// app/api/notes/route.ts import { createReoptEavClient } from "@reopt-ai/brandapp-sdk/eav"; // Cache the EAV client lazily so the route stays build-safe. let eav: ReturnType<typeof createReoptEavClient> | undefined; function getEav() { eav ??= createReoptEavClient({ clientId: process.env.BRANDAPP_CLIENT_ID!, clientSecret: process.env.BRANDAPP_CLIENT_SECRET!, }); return eav; }

Related Examples

Diff Review

suggestionDecorations + mode="diff"

2 changed blocks

Renewal committee memo

The current draft summarizes why the customer expansion is likely to close this quarter.

Next step: align the ROI paragraph with the updated committee recommendation.

Reviewopt-editor

Diff Review

mode="diff"와 suggestionDecorations로 AI 제안을 블록 단위로 검수하는 리뷰 예제입니다.

diffreviewai

EditorcreateEditorStoredefaultCatalogdiffSpecsDetailed+1

Open

Starteropt-editor

Basic Editor

Editor 컴포넌트 하나로 작성 화면을 빠르게 붙이는 가장 짧은 시작점입니다.

editauthoringeditor

EditorcreateEditorStoredefaultCatalogEditorSpec

Open

Headless

Custom shell around BlockTree

Headlessopt-editor

Headless Composition

EditorProvider, BlockTree, BlockToolbar를 분리해 커스텀 chrome을 붙이는 조합 예제입니다.

edittoolbarcomposition

EditorProviderBlockTreeBlockToolbarcreateEditorStore+2

Open