@graphiql/react
Advanced tools
Comparing version 0.5.0-canary-a5905d1c.0 to 0.5.0-canary-cc334b8a.0
@@ -1,1 +0,1 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports[Symbol.toStringTag]="Module";var e=require("./index.cjs.js");require("graphql");require("react");require("react-dom");exports.EditorContext=e.EditorContext;exports.EditorContextProvider=e.EditorContextProvider;exports.ExecutionContext=e.ExecutionContext;exports.ExecutionContextProvider=e.ExecutionContextProvider;exports.ExplorerContext=e.ExplorerContext;exports.ExplorerContextProvider=e.ExplorerContextProvider;exports.HeaderEditor=e.HeaderEditor;exports.HistoryContext=e.HistoryContext;exports.HistoryContextProvider=e.HistoryContextProvider;exports.ImagePreview=e.ImagePreview;exports.QueryEditor=e.QueryEditor;exports.ResponseEditor=e.ResponseEditor;exports.SchemaContext=e.SchemaContext;exports.SchemaContextProvider=e.SchemaContextProvider;exports.StorageContext=e.StorageContext;exports.StorageContextProvider=e.StorageContextProvider;exports.VariableEditor=e.VariableEditor;exports.onHasCompletion=e.onHasCompletion;exports.useAutoCompleteLeafs=e.useAutoCompleteLeafs;exports.useCopyQuery=e.useCopyQuery;exports.useDragResize=e.useDragResize;exports.useEditorContext=e.useEditorContext;exports.useExecutionContext=e.useExecutionContext;exports.useExplorerContext=e.useExplorerContext;exports.useHeaderEditor=e.useHeaderEditor;exports.useHistoryContext=e.useHistoryContext;exports.useMergeQuery=e.useMergeQuery;exports.usePrettifyEditors=e.usePrettifyEditors;exports.useQueryEditor=e.useQueryEditor;exports.useResponseEditor=e.useResponseEditor;exports.useSchemaContext=e.useSchemaContext;exports.useSelectHistoryItem=e.useSelectHistoryItem;exports.useStorageContext=e.useStorageContext;exports.useVariableEditor=e.useVariableEditor; | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports[Symbol.toStringTag]="Module";var e=require("./index.cjs.js");require("graphql");require("react");require("react-dom");exports.Argument=e.Argument;exports.ArgumentIcon=e.ArgumentIcon;exports.Button=e.Button;exports.ButtonGroup=e.ButtonGroup;exports.ChevronDownIcon=e.ChevronDownIcon;exports.ChevronLeftIcon=e.ChevronLeftIcon;exports.ChevronUpIcon=e.ChevronUpIcon;exports.CloseIcon=e.CloseIcon;exports.CopyIcon=e.CopyIcon;exports.DefaultValue=e.DefaultValue;exports.DeprecatedArgumentIcon=e.DeprecatedArgumentIcon;exports.DeprecatedFieldIcon=e.DeprecatedFieldIcon;exports.Directive=e.Directive;exports.DocsIcon=e.DocsIcon;exports.Dropdown=e.Dropdown;exports.EditorContext=e.EditorContext;exports.EditorContextProvider=e.EditorContextProvider;exports.ExecuteButton=e.ExecuteButton;exports.ExecutionContext=e.ExecutionContext;exports.ExecutionContextProvider=e.ExecutionContextProvider;exports.ExplorerContext=e.ExplorerContext;exports.ExplorerContextProvider=e.ExplorerContextProvider;exports.ExplorerSection=e.ExplorerSection;exports.FieldIcon=e.FieldIcon;exports.FieldLink=e.FieldLink;exports.HeaderEditor=e.HeaderEditor;exports.History=e.History;exports.HistoryContext=e.HistoryContext;exports.HistoryContextProvider=e.HistoryContextProvider;exports.HistoryIcon=e.HistoryIcon;exports.ImagePreview=e.ImagePreview;exports.KeyboardShortcutIcon=e.KeyboardShortcutIcon;exports.MarkdownContent=e.MarkdownContent;exports.MergeIcon=e.MergeIcon;exports.PenIcon=e.PenIcon;exports.PlayIcon=e.PlayIcon;exports.PlusIcon=e.PlusIcon;exports.PrettifyIcon=e.PrettifyIcon;exports.QueryEditor=e.QueryEditor;exports.ResponseEditor=e.ResponseEditor;exports.RootTypeIcon=e.RootTypeIcon;exports.SchemaContext=e.SchemaContext;exports.SchemaContextProvider=e.SchemaContextProvider;exports.SettingsIcon=e.SettingsIcon;exports.StarFilledIcon=e.StarFilledIcon;exports.StarIcon=e.StarIcon;exports.StopIcon=e.StopIcon;exports.StorageContext=e.StorageContext;exports.StorageContextProvider=e.StorageContextProvider;exports.ToolbarButton=e.ToolbarButton;exports.TypeIcon=e.TypeIcon;exports.TypeLink=e.TypeLink;exports.UnStyledButton=e.UnStyledButton;exports.VariableEditor=e.VariableEditor;exports.onHasCompletion=e.onHasCompletion;exports.useAutoCompleteLeafs=e.useAutoCompleteLeafs;exports.useCopyQuery=e.useCopyQuery;exports.useDragResize=e.useDragResize;exports.useEditorContext=e.useEditorContext;exports.useExecutionContext=e.useExecutionContext;exports.useExplorerContext=e.useExplorerContext;exports.useHeaderEditor=e.useHeaderEditor;exports.useHistoryContext=e.useHistoryContext;exports.useMergeQuery=e.useMergeQuery;exports.usePrettifyEditors=e.usePrettifyEditors;exports.useQueryEditor=e.useQueryEditor;exports.useResponseEditor=e.useResponseEditor;exports.useSchemaContext=e.useSchemaContext;exports.useSelectHistoryItem=e.useSelectHistoryItem;exports.useStorageContext=e.useStorageContext;exports.useVariableEditor=e.useVariableEditor; |
@@ -1,4 +0,4 @@ | ||
export { E as EditorContext, a as EditorContextProvider, r as ExecutionContext, s as ExecutionContextProvider, w as ExplorerContext, x as ExplorerContextProvider, H as HeaderEditor, z as HistoryContext, A as HistoryContextProvider, b as ImagePreview, Q as QueryEditor, e as ResponseEditor, S as SchemaContext, F as SchemaContextProvider, J as StorageContext, K as StorageContextProvider, V as VariableEditor, d as onHasCompletion, u as useAutoCompleteLeafs, f as useCopyQuery, N as useDragResize, g as useEditorContext, v as useExecutionContext, y as useExplorerContext, h as useHeaderEditor, B as useHistoryContext, j as useMergeQuery, k as usePrettifyEditors, m as useQueryEditor, n as useResponseEditor, G as useSchemaContext, D as useSelectHistoryItem, M as useStorageContext, q as useVariableEditor } from "./index.es.js"; | ||
export { A as Argument, _ as ArgumentIcon, ao as Button, ap as ButtonGroup, $ as ChevronDownIcon, a0 as ChevronLeftIcon, a1 as ChevronUpIcon, a2 as CloseIcon, a3 as CopyIcon, D as DefaultValue, a4 as DeprecatedArgumentIcon, a5 as DeprecatedFieldIcon, w as Directive, a6 as DocsIcon, aq as Dropdown, E as EditorContext, a as EditorContextProvider, am as ExecuteButton, r as ExecutionContext, s as ExecutionContextProvider, x as ExplorerContext, y as ExplorerContextProvider, z as ExplorerSection, a7 as FieldIcon, F as FieldLink, H as HeaderEditor, G as History, J as HistoryContext, K as HistoryContextProvider, a8 as HistoryIcon, b as ImagePreview, a9 as KeyboardShortcutIcon, ar as MarkdownContent, aa as MergeIcon, ab as PenIcon, ac as PlayIcon, ad as PlusIcon, ae as PrettifyIcon, Q as QueryEditor, e as ResponseEditor, af as RootTypeIcon, S as SchemaContext, O as SchemaContextProvider, ag as SettingsIcon, ah as StarFilledIcon, ai as StarIcon, aj as StopIcon, W as StorageContext, X as StorageContextProvider, al as ToolbarButton, ak as TypeIcon, T as TypeLink, an as UnStyledButton, V as VariableEditor, d as onHasCompletion, u as useAutoCompleteLeafs, f as useCopyQuery, Z as useDragResize, g as useEditorContext, v as useExecutionContext, B as useExplorerContext, h as useHeaderEditor, M as useHistoryContext, j as useMergeQuery, k as usePrettifyEditors, m as useQueryEditor, n as useResponseEditor, U as useSchemaContext, N as useSelectHistoryItem, Y as useStorageContext, q as useVariableEditor } from "./index.es.js"; | ||
import "graphql"; | ||
import "react"; | ||
import "react-dom"; |
{ | ||
"name": "@graphiql/react", | ||
"version": "0.5.0-canary-a5905d1c.0", | ||
"version": "0.5.0-canary-cc334b8a.0", | ||
"repository": { | ||
@@ -36,3 +36,3 @@ "type": "git", | ||
"codemirror": "^5.65.3", | ||
"codemirror-graphql": "^2.0.0-canary-a5905d1c.0", | ||
"codemirror-graphql": "^2.0.0-canary-cc334b8a.0", | ||
"copy-to-clipboard": "^3.2.0", | ||
@@ -44,2 +44,3 @@ "graphql-language-service": "^5.0.6", | ||
"devDependencies": { | ||
"@testing-library/react": "9.4.1", | ||
"@types/codemirror": "^5.60.5", | ||
@@ -53,4 +54,5 @@ "@types/set-value": "^4.0.1", | ||
"typescript": "^4.6.3", | ||
"vite": "^2.9.5" | ||
"vite": "^2.9.5", | ||
"vite-plugin-react-svg": "^0.2.0" | ||
} | ||
} |
import type { Editor, EditorChange } from 'codemirror'; | ||
import type { IHint } from 'codemirror-graphql/hint'; | ||
import { GraphQLSchema, GraphQLType, isListType, isNonNullType } from 'graphql'; | ||
import { | ||
GraphQLNamedType, | ||
GraphQLSchema, | ||
GraphQLType, | ||
isListType, | ||
isNonNullType, | ||
} from 'graphql'; | ||
@@ -18,2 +24,3 @@ import { ExplorerContextType } from '../explorer'; | ||
explorer: ExplorerContextType | null, | ||
callback: (type: GraphQLNamedType) => void, | ||
) { | ||
@@ -236,4 +243,5 @@ importCodeMirror([], { useCommonAddons: false }).then(CodeMirror => { | ||
explorer.push({ name: type.name, def: type }); | ||
callback?.(type); | ||
} | ||
} | ||
} |
import { fillLeafs, GetDefaultFieldNamesFn, mergeAst } from '@graphiql/toolkit'; | ||
import { EditorChange } from 'codemirror'; | ||
import copyToClipboard from 'copy-to-clipboard'; | ||
@@ -7,7 +6,5 @@ import { parse, print } from 'graphql'; | ||
import { useExplorerContext } from '../explorer'; | ||
import { useSchemaContext } from '../schema'; | ||
import { useStorageContext } from '../storage'; | ||
import debounce from '../utility/debounce'; | ||
import { onHasCompletion } from './completion'; | ||
import { useEditorContext } from './context'; | ||
@@ -73,30 +70,2 @@ import { CodeMirrorEditor } from './types'; | ||
export function useCompletion(editor: CodeMirrorEditor | null) { | ||
const { schema } = useSchemaContext({ nonNull: true, caller: useCompletion }); | ||
const explorer = useExplorerContext(); | ||
useEffect(() => { | ||
if (!editor) { | ||
return; | ||
} | ||
const handleCompletion = ( | ||
instance: CodeMirrorEditor, | ||
changeObj?: EditorChange, | ||
) => { | ||
onHasCompletion(instance, changeObj, schema, explorer); | ||
}; | ||
editor.on( | ||
// @ts-expect-error @TODO additional args for hasCompletion event | ||
'hasCompletion', | ||
handleCompletion, | ||
); | ||
return () => | ||
editor.off( | ||
// @ts-expect-error @TODO additional args for hasCompletion event | ||
'hasCompletion', | ||
handleCompletion, | ||
); | ||
}, [editor, explorer, schema]); | ||
} | ||
type EmptyCallback = () => void; | ||
@@ -103,0 +72,0 @@ |
@@ -0,1 +1,2 @@ | ||
import { History } from './components'; | ||
import { | ||
@@ -11,2 +12,3 @@ HistoryContext, | ||
export { | ||
History, | ||
HistoryContext, | ||
@@ -13,0 +15,0 @@ HistoryContextProvider, |
@@ -26,7 +26,14 @@ export { | ||
export { | ||
Argument, | ||
DefaultValue, | ||
Directive, | ||
ExplorerContext, | ||
ExplorerContextProvider, | ||
ExplorerSection, | ||
FieldLink, | ||
TypeLink, | ||
useExplorerContext, | ||
} from './explorer'; | ||
export { | ||
History, | ||
HistoryContext, | ||
@@ -37,2 +44,3 @@ HistoryContextProvider, | ||
} from './history'; | ||
export * from './icons'; | ||
export { | ||
@@ -48,2 +56,4 @@ SchemaContext, | ||
} from './storage'; | ||
export * from './toolbar'; | ||
export * from './ui'; | ||
export { useDragResize } from './utility/resize'; | ||
@@ -73,2 +83,1 @@ | ||
import './style/root.css'; | ||
import './style/markdown.css'; |
import MarkdownIt from 'markdown-it'; | ||
export const markdown = new MarkdownIt(); | ||
export const markdown = new MarkdownIt({ | ||
breaks: true, | ||
linkify: true, | ||
}); |
@@ -1,1 +0,1 @@ | ||
// / <reference types="vite/client" /> | ||
/// <reference types="vite/client" /> |
import type { Editor, EditorChange } from 'codemirror'; | ||
import { GraphQLSchema } from 'graphql'; | ||
import { GraphQLNamedType, GraphQLSchema } from 'graphql'; | ||
import { ExplorerContextType } from '../explorer'; | ||
@@ -8,2 +8,2 @@ /** | ||
*/ | ||
export declare function onHasCompletion(_cm: Editor, data: EditorChange | undefined, schema: GraphQLSchema | null | undefined, explorer: ExplorerContextType | null): void; | ||
export declare function onHasCompletion(_cm: Editor, data: EditorChange | undefined, schema: GraphQLSchema | null | undefined, explorer: ExplorerContextType | null, callback: (type: GraphQLNamedType) => void): void; |
@@ -5,5 +5,5 @@ import { UseHeaderEditorArgs } from '../header-editor'; | ||
declare type HeaderEditorProps = UseHeaderEditorArgs & { | ||
active?: boolean; | ||
isHidden?: boolean; | ||
}; | ||
export declare function HeaderEditor({ active, ...hookArgs }: HeaderEditorProps): JSX.Element; | ||
export declare function HeaderEditor({ isHidden, ...hookArgs }: HeaderEditorProps): JSX.Element; | ||
export {}; |
@@ -7,5 +7,5 @@ import { UseVariableEditorArgs } from '../variable-editor'; | ||
declare type VariableEditorProps = UseVariableEditorArgs & { | ||
active?: boolean; | ||
isHidden?: boolean; | ||
}; | ||
export declare function VariableEditor({ active, ...hookArgs }: VariableEditorProps): JSX.Element; | ||
export declare function VariableEditor({ isHidden, ...hookArgs }: VariableEditorProps): JSX.Element; | ||
export {}; |
@@ -6,3 +6,2 @@ import { GetDefaultFieldNamesFn } from '@graphiql/toolkit'; | ||
export declare function useChangeHandler(editor: CodeMirrorEditor | null, callback: EditCallback | undefined, storageKey: string | null, tabProperty: 'variables' | 'headers', caller: Function): void; | ||
export declare function useCompletion(editor: CodeMirrorEditor | null): void; | ||
declare type EmptyCallback = () => void; | ||
@@ -9,0 +8,0 @@ export declare function useKeyMap(editor: CodeMirrorEditor | null, keys: string[], callback: EmptyCallback | undefined): void; |
@@ -0,5 +1,6 @@ | ||
import { History } from './components'; | ||
import { HistoryContext, HistoryContextProvider, useHistoryContext } from './context'; | ||
import { useSelectHistoryItem } from './hooks'; | ||
import type { HistoryContextType } from './context'; | ||
export { HistoryContext, HistoryContextProvider, useHistoryContext, useSelectHistoryItem, }; | ||
export { History, HistoryContext, HistoryContextProvider, useHistoryContext, useSelectHistoryItem, }; | ||
export type { HistoryContextType }; |
export { EditorContext, EditorContextProvider, HeaderEditor, ImagePreview, onHasCompletion, QueryEditor, ResponseEditor, useAutoCompleteLeafs, useCopyQuery, useEditorContext, useHeaderEditor, useMergeQuery, usePrettifyEditors, useQueryEditor, useResponseEditor, useVariableEditor, VariableEditor, } from './editor'; | ||
export { ExecutionContext, ExecutionContextProvider, useExecutionContext, } from './execution'; | ||
export { ExplorerContext, ExplorerContextProvider, useExplorerContext, } from './explorer'; | ||
export { HistoryContext, HistoryContextProvider, useHistoryContext, useSelectHistoryItem, } from './history'; | ||
export { Argument, DefaultValue, Directive, ExplorerContext, ExplorerContextProvider, ExplorerSection, FieldLink, TypeLink, useExplorerContext, } from './explorer'; | ||
export { History, HistoryContext, HistoryContextProvider, useHistoryContext, useSelectHistoryItem, } from './history'; | ||
export * from './icons'; | ||
export { SchemaContext, SchemaContextProvider, useSchemaContext, } from './schema'; | ||
export { StorageContext, StorageContextProvider, useStorageContext, } from './storage'; | ||
export * from './toolbar'; | ||
export * from './ui'; | ||
export { useDragResize } from './utility/resize'; | ||
@@ -15,2 +18,1 @@ export type { EditorContextType, ResponseTooltipType, TabsState, UseHeaderEditorArgs, UseQueryEditorArgs, UseResponseEditorArgs, UseVariableEditorArgs, KeyMap, } from './editor'; | ||
import './style/root.css'; | ||
import './style/markdown.css'; |
@@ -16,5 +16,5 @@ /// <reference types="react" /> | ||
firstRef: import("react").RefObject<HTMLDivElement>; | ||
setHiddenElement: (element: ResizableElement | null) => void; | ||
setHiddenElement: import("react").Dispatch<import("react").SetStateAction<ResizableElement | null>>; | ||
secondRef: import("react").RefObject<HTMLDivElement>; | ||
}; | ||
export {}; |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
2397254
213
46115
11
4