mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
StevenandGitHub
4466ba436b
## Description This PR ensures that the default prettier config is used for examples and templates. This config is compatible with `prettier@3` as well (upgrading prettier is bigger change that can be a future PR). ## Changes - Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will be needed upgrading to prettier@3) - Added `examples/.prettierrc.json` with default config (this will change every example) - Added `packages/create-next-app/templates/.prettierrc.json` with default config (this will change every template) ## Related - Fixes #54402 - Closes #54409
52 lines
1.4 KiB
TypeScript
52 lines
1.4 KiB
TypeScript
import { useState } from "react";
|
|
import { createEditor, Descendant } from "slate";
|
|
import { Slate, Editable, withReact } from "slate-react";
|
|
import { withHistory } from "slate-history";
|
|
import { InferGetServerSidePropsType } from "next";
|
|
|
|
export async function getServerSideProps() {
|
|
return {
|
|
props: {
|
|
editorState: [
|
|
{
|
|
children: [
|
|
{ text: "This is editable plain text, just like a <textarea>!" },
|
|
],
|
|
},
|
|
],
|
|
},
|
|
};
|
|
}
|
|
|
|
async function saveEditorState(edtorState: Descendant[]) {
|
|
const response = await fetch("/api/editor-state", {
|
|
method: "POST",
|
|
body: JSON.stringify(edtorState),
|
|
});
|
|
return response.json();
|
|
}
|
|
|
|
export default function IndexPage({
|
|
editorState,
|
|
}: InferGetServerSidePropsType<typeof getServerSideProps>) {
|
|
const [editor] = useState(() => withReact(withHistory(createEditor())));
|
|
return (
|
|
<Slate
|
|
editor={editor}
|
|
value={editorState}
|
|
onChange={async (value) => {
|
|
const isAstChange = editor.operations.some(
|
|
(op) => "set_selection" !== op.type,
|
|
);
|
|
if (isAstChange) {
|
|
// You might want to debounce the following call!
|
|
const responseData = await saveEditorState(value);
|
|
console.log("Send editor state to the server", responseData);
|
|
}
|
|
}}
|
|
>
|
|
<Editable placeholder="Enter some plain text..." />
|
|
</Slate>
|
|
);
|
|
}
|