Vigia

Memperbarui @graphiql/react dari 0.x ke 1.x

Perbandingan API publik @graphiql/react 0.39.1 dan 1.0.0, dihitung otomatis dari tipe TypeScript-nya. Tanda tangan yang berubah adalah kemungkinan perubahan tidak kompatibel, bukan kepastian.

Ringkasan

Jalur impor yang dihapus0
Ekspor yang dihapus15
Tanda tangan yang berubah3
Anggota kelas atau antarmuka yang dihapus2
Anggota kelas atau antarmuka yang berubah1
Baru ditandai usang1
Perubahan persyaratan (engines, dependensi peer)1
Ekspor baru45

Ekspor yang dihapus

importexportkindSebelum
@graphiql/reactcnvariableany
@graphiql/reactuseThemefunction(): { setTheme: (newTheme: Theme) => void; theme: Theme; }
@graphiql/reactuseStoragevariable(): any
@graphiql/reactuseCopyQueryfunction(): () => Promise<void>
@graphiql/reactuseMergeQueryfunction(): () => void
@graphiql/reactuseEditorStorevariable(): { externalFragments: Map<string, any>; shouldPersistHeaders: boolean; initialQuery: string; initialVariables: string; initialHeaders: string; headerEditor?: any; queryEditor?: any; responseEditor?: any; variableEditor?: any; addTab: () => void; changeTab: (index: number) => void; moveTab: (newOrder: TabState[]) => void; closeTab: (index: number) => void; updateActiveTabValues: (partialTab: Partial<Omit<TabState, "id" | "hash" | "title">>) => void; setHeaderEditor: (headerEditor: monaco.editor.IStandaloneCodeEditor) => void; setQueryEditor: (queryEditor: monaco.editor.IStandaloneCodeEditor)…
@graphiql/reactusePluginStorevariable(): { plugins: GraphiQLPlugin[]; visiblePlugin: GraphiQLPlugin | null; setVisiblePlugin: (plugin?: string | GraphiQLPlugin | null | undefined) => void; }
@graphiql/reactuseSchemaStorevariable(): { isFetching: boolean; fetchError: string | null; schema: any; validationErrors: readonly any[]; introspect: () => Promise<void>; }
@graphiql/reactuseEditorContextfunction(): { externalFragments: Map<string, any>; shouldPersistHeaders: boolean; initialQuery: string; initialVariables: string; initialHeaders: string; headerEditor?: any; queryEditor?: any; responseEditor?: any; variableEditor?: any; addTab: () => void; changeTab: (index: number) => void; moveTab: (newOrder: TabState[]) => void; closeTab: (index: number) => void; updateActiveTabValues: (partialTab: Partial<Omit<TabState, "id" | "hash" | "title">>) => void; setHeaderEditor: (headerEditor: monaco.editor.IStandaloneCodeEditor) => void; setQueryEditor: (queryEditor: monaco.editor.IStandaloneCodeEditor)…
@graphiql/reactusePluginContextfunction(): { plugins: GraphiQLPlugin[]; visiblePlugin: GraphiQLPlugin | null; setVisiblePlugin: (plugin?: string | GraphiQLPlugin | null | undefined) => void; }
@graphiql/reactuseSchemaContextfunction(): { isFetching: boolean; fetchError: string | null; schema: any; validationErrors: readonly any[]; introspect: () => Promise<void>; }
@graphiql/reactuseExecutionStorevariable(): { isFetching: boolean; isSubscribed: boolean; operationName: string | undefined; run: () => void; stop: () => void; }
@graphiql/reactuseStorageContextvariable(): any
@graphiql/reactusePrettifyEditorsfunction(): () => Promise<void>
@graphiql/reactuseExecutionContextfunction(): { isFetching: boolean; isSubscribed: boolean; operationName: string | undefined; run: () => void; stop: () => void; }

Tanda tangan yang berubah

exportSebelumSesudah
@graphiql/react · Theme"light" | "dark" | null"dark" | "light" | null
@graphiql/react · KEY_MAPReadonly<{ prettify: { key: string; keybindings: number[]; }; mergeFragments: { key: string; keybindings: number[]; }; runQuery: { key: string; keybindings: number[]; }; autoComplete: { key: string; }; copyQuery: { key: string; keybindings: number[]; }; refetchSchema: { key: string; }; searchInEditor: { key: string; }; searchInDocs: { key: string; }; }>Readonly<{ prettify: { key: string; keybindings: number[]; }; mergeFragments: { key: string; keybindings: number[]; }; runQuery: { key: string; keybindings: number[]; }; autoComplete: { key: string; }; copyQuery: { key: string; keybindings: number[]; }; saveQuery: { key: string; keybindings: number[]; }; refetchSchema: { key: string; }; searchInEditor: { key: string; }; searchInDocs: { key: string; }; }>
@graphiql/react · debounce<F extends (...args: any[]) => any>(duration: number, fn: F): F<F extends (...args: any[]) => any>(duration: number, fn: F): DebouncedFn<F>

Anggota kelas atau antarmuka yang dihapus

memberimportSebelum
SlicesWithActions.monacoTheme@graphiql/reactany
SlicesWithActions.overrideOperationName@graphiql/reactstring | null

Anggota kelas atau antarmuka yang berubah

memberSebelumSesudah
SlicesWithActions.fetcherFetcherany

Baru ditandai usang

export@deprecated
@graphiql/react · SlicesWithActions.fetcherPass a `transport` instead. The `Fetcher` contract cannot surface HTTP wire metadata (status, headers, timing, size). See `docs/migration/graphiql-6.0.0.md`.

Perubahan persyaratan (engines, dependensi peer)

SebelumSesudah
peerDependencies.graphql^15.5.0 || ^16.0.0 || ^17.0.0^16.11.0 || ^17.0.0
Ekspor baru (45)
importexportkind
@graphiql/reactTopBarvariable
@graphiql/reactDensitytype
@graphiql/reactFontSizetype
@graphiql/reactMODIFIERvariable
@graphiql/reactSaveIconvariable
@graphiql/reactCleanupFntype
@graphiql/reactOperationvariable
@graphiql/reactSidePanelvariable
@graphiql/reactStatusBarvariable
@graphiql/reactKeycapHintvariable
@graphiql/reactMethodPillvariable
@graphiql/reactModifierKeytype
@graphiql/reactPanelHeadervariable
@graphiql/reactSaveHandlertype
@graphiql/reactTopBarPropstype
@graphiql/reactActivityRailvariable
@graphiql/reactResponseViewtype
@graphiql/reacttypeCategoryfunction
@graphiql/reactSettingsThemetype
@graphiql/reactVarHeadersTabtype
@graphiql/reactPortalProvidervariable
@graphiql/reactSettingsDialogvariable
@graphiql/reactGraphQLLogoIconvariable
@graphiql/reactKeycapHintPropstype
@graphiql/reactMethodPillPropstype
@graphiql/reactVarHeadersStripvariable
@graphiql/reactConnectionStatustype
@graphiql/reactGraphiQLSettingstype
@graphiql/reactPanelHeaderPropstype
@graphiql/reactQueryBuilderIconvariable
@graphiql/reactSegmentedControlfunction
@graphiql/reactActivityRailPropsinterface
@graphiql/reactOnResponseCallbacktype
@graphiql/reactusePortalContainerfunction
@graphiql/reactGraphQLTypeCategorytype
@graphiql/reactSettingsDialogPropsinterface
@graphiql/reactuseGraphiQLSettingsfunction
@graphiql/reactOnBeforeSendCallbacktype
@graphiql/reactSETTINGS_STORAGE_KEYvariable
@graphiql/reactVarHeadersStripPropstype
@graphiql/reactGraphiQLPluginContexttype
@graphiql/reactSegmentedControlPropstype
@graphiql/reactPluginTransportContexttype
@graphiql/reactSegmentedControlOptiontype
@graphiql/reactuseGraphiQLPluginContextfunction

Berikan fakta ini ke agen AI Anda

Vigia adalah server MCP gratis: agen coding Anda memeriksa versi, perubahan yang merusak kompatibilitas, dan kerentanan sebelum menulis kode. Tanpa pendaftaran, tanpa kunci API.

claude mcp add --transport http vigia https://vigia.coredls.cloud/mcp

Tambahkan ke CursorTambahkan ke VS Code★ Bintang di GitHub

Klien MCP lainnya
{ "mcpServers": { "vigia": { "url": "https://vigia.coredls.cloud/mcp" } } }

Skill agen (SKILL.md): memberi tahu agen kapan memakai Vigia · GitHub Action untuk pull request

Pertanyaan umum

Apa saja perubahan tidak kompatibel saat memperbarui @graphiql/react dari 0 ke 1?

Antara @graphiql/react 0.39.1 dan 1.0.0, Vigia menemukan 15 ekspor yang dihapus, 3 tanda tangan yang berubah, dan 3 anggota kelas atau antarmuka yang dihapus atau berubah.

Apa yang ditandai usang di @graphiql/react 1?

1 ekspor atau anggota baru ditandai usang di @graphiql/react 1.0.0.

Untuk agen

GET https://vigia.coredls.cloud/v1/packages/npm/@graphiql/react/upgrade?from=0.39.1&to=1.0.0