GitHub/jsoncrack.com
1
0
Fork 0
mirror of https://github.com/AykutSarac/jsoncrack.com.git synced 2025-01-12 19:02:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: parsing with error

Browse Source
This commit is contained in:
AykutSarac 2023-05-15 11:59:35 +03:00
parent 1400f755b0
commit d8cefd5cd5
No known key found for this signature in database
2 changed files with 10 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/MonacoEditor/index.tsx
View File

@ -56,8 +56,7 @@ export const MonacoEditor = () => {
(monaco: Monaco) => {
monaco.editor.onDidChangeMarkers(([uri]) => {
const markers = monaco.editor.getModelMarkers({ resource: uri });
if (markers.length) setError(markers[0].message);
else setError(null);
setError(markers.length);
});
},
[setError]
@ -87,7 +86,7 @@ export const MonacoEditor = () => {
value={contents}
theme={theme}
options={editorOptions}
onChange={e => setContents({ contents: e, skipUpdate: true })}
onChange={contents => setContents({ contents, skipUpdate: true })}
loading={<Loading message="Loading Editor..." />}
beforeMount={handleEditorWillMount}
language="json"

22
src/store/useFile.ts
View File

@ -16,7 +16,7 @@ type SetContents = {
interface JsonActions {
getContents: () => string;
getHasChanges: () => boolean;
setError: (error: object | null) => void;
setError: (error: boolean) => void;
setHasChanges: (hasChanges: boolean) => void;
setContents: (data: SetContents) => void;
saveToCloud: (isNew?: boolean) => void;
@ -39,7 +39,7 @@ export type File = {
const initialStates = {
fileData: null as File | null,
contents: defaultJson,
error: null as any,
error: false,
hasChanges: false,
jsonSchema: null as object | null,
};
@ -49,10 +49,9 @@ export type FileStates = typeof initialStates;
const isURL =
/(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/gi;
const debouncedUpdateJson = debounce(
(value: unknown) => useJson.getState().setJson(JSON.stringify(value, null, 2)),
800
);
const debouncedUpdateJson = debounce((value: unknown) => {
if (!useFile.getState().error) useJson.getState().setJson(JSON.stringify(value, null, 2));
}, 800);
const useFile = create<FileStates & JsonActions>()((set, get) => ({
...initialStates,
@ -69,14 +68,9 @@ const useFile = create<FileStates & JsonActions>()((set, get) => ({
},
getContents: () => get().contents,
getHasChanges: () => get().hasChanges,
setContents: async ({ contents, hasChanges = true }) => {
try {
set({ ...(contents && { contents }), error: null, hasChanges });
debouncedUpdateJson(contents);
} catch (error: any) {
if (error?.mark?.snippet) return set({ error: error.mark.snippet });
if (error?.message) set({ error: error.message });
}
setContents: ({ contents, hasChanges = true }) => {
set({ ...(contents && { contents }), hasChanges });
debouncedUpdateJson(contents);
},
setError: error => set({ error }),
setHasChanges: hasChanges => set({ hasChanges }),