midsuit
/
prasi-bun
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix paste syncronize etc

This commit is contained in:
Rizky 2023-10-23 17:10:19 +07:00
parent 2f9000033e
commit 9c4578e1da
11 changed files with 144 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/web/src/render/ed/logic/ed-route.ts
View File

@ -36,7 +36,7 @@ export const edRoute = async (p: PG) => {
const res = await p.sync.yjs.sv_local(
"page",
p.page.cur.id,
compress(bin)
Buffer.from(compress(bin))
);
if (res) {
@ -48,7 +48,7 @@ export const edRoute = async (p: PG) => {
await p.sync.yjs.diff_local(
"page",
p.page.cur.id,
compress(diff_local)
Buffer.from(compress(diff_local))
);
}
});

1
app/web/src/render/ed/panel/tree/node/item/action/attach.tsx
View File

@ -1,5 +1,4 @@
import { IItem } from "../../../../../../../utils/types/item";
import { MenuItem } from "../../../../../../../utils/ui/context-menu";
import { PG } from "../../../../../logic/ed-global";
export const edActionAttach = (p: PG, item: IItem) => {

6
app/web/src/render/ed/panel/tree/node/item/action/clone.tsx
View File

@ -1,4 +1,8 @@
import { IContent } from "../../../../../../../utils/types/general";
import { PG } from "../../../../../logic/ed-global";
export const edActionClone = (p: PG, item: IContent) => {};
export const edActionClone = (p: PG, item: IContent) => {
const mitem = p.page.meta[item.id].mitem;
if (mitem) {
}
};

6
app/web/src/render/ed/panel/tree/node/item/action/detach.tsx
View File

@ -1,4 +1,8 @@
import { IItem } from "../../../../../../../utils/types/item";
import { PG } from "../../../../../logic/ed-global";
export const edActionDetach = (p: PG, item: IItem) => {};
export const edActionDetach = (p: PG, item: IItem) => {
const mitem = p.page.meta[item.id].mitem;
if (mitem) {
}
};

10
app/web/src/render/ed/panel/tree/node/item/action/hide.tsx
View File

@ -1,4 +1,12 @@
import { IContent } from "../../../../../../../utils/types/general";
import { PG } from "../../../../../logic/ed-global";
export const edActionHide = (p: PG, item: IContent) => {};
export const edActionHide = (p: PG, item: IContent) => {
const mitem = p.page.meta[item.id].mitem;
if (mitem) {
const hidden = mitem.get("hidden");
if (!hidden) mitem.set("hidden", "all");
else if (hidden === "all") mitem.set("hidden", "only-editor");
else if (hidden === "only-editor") mitem.delete("hidden");
}
};

6
app/web/src/render/ed/panel/tree/node/item/action/new-comp.tsx
View File

@ -1,4 +1,8 @@
import { IItem } from "../../../../../../../utils/types/item";
import { PG } from "../../../../../logic/ed-global";
export const edActionNewComp = (p: PG, item: IItem) => {};
export const edActionNewComp = (p: PG, item: IItem) => {
const mitem = p.page.meta[item.id].mitem;
if (mitem) {
}
};

39
app/web/src/render/ed/panel/tree/node/item/action/paste.tsx
View File

@ -1,4 +1,41 @@
import { syncronize } from "y-pojo";
import { IContent } from "../../../../../../../utils/types/general";
import { MItem } from "../../../../../../../utils/types/item";
import { PG } from "../../../../../logic/ed-global";
import { treeRebuild } from "../../../../../logic/tree/build";
import { fillID } from "../../../../../../editor/tools/fill-id";
export const edActionPaste = (p: PG, item: IContent) => {};
export const edActionPaste = async (p: PG, item: IContent) => {
const mitem = p.page.meta[item.id].mitem;
if (mitem) {
const res = await navigator.clipboard.readText();
if (typeof res === "string" && res.startsWith("prasi-clipboard:")) {
const clip = JSON.parse(
res.substring("prasi-clipboard:".length)
) as IContent;
mitem.doc?.transact(() => {
const mchilds = mitem.get("childs");
if (mchilds) {
let child: any = { ...clip };
if (item.type === "section") {
child = { ...clip, type: "item" };
} else {
if (item.type === "text") {
(mitem as MItem).set("type", "item");
item.type = "item" as any;
}
if (clip.type === "section") {
child = { ...clip, type: "item" };
}
}
const map = new Y.Map();
syncronize(map, fillID(child));
mchilds.push([map]);
}
});
}
treeRebuild(p, { note: "paste" });
}
};

28
app/web/src/render/ed/panel/tree/node/item/action/unwrap.tsx Normal file
View File

@ -0,0 +1,28 @@
import { syncronize } from "y-pojo";
import { IContent, MContent } from "../../../../../../../utils/types/general";
import { IItem } from "../../../../../../../utils/types/item";
import { PG } from "../../../../../logic/ed-global";
import { treeRebuild } from "../../../../../logic/tree/build";
export const edActionUnwrap = (p: PG, item: IItem) => {
const mitem = p.page.meta[item.id].mitem;
if (mitem) {
mitem.parent.forEach((e: MContent, idx) => {
if (e.get("id") === mitem.get("id")) {
const json = e.toJSON() as IContent;
if (json.type === "item") {
mitem.parent.delete(idx);
mitem.parent.insert(
idx,
json.childs.map((e) => {
const map = new Y.Map() as MContent;
syncronize(map as any, e);
return map;
})
);
treeRebuild(p, { note: "unwrap" });
}
}
});
}
};

30
app/web/src/render/ed/panel/tree/node/item/action/wrap.tsx Normal file
View File

@ -0,0 +1,30 @@
import { createId } from "@paralleldrive/cuid2";
import { IContent, MContent } from "../../../../../../../utils/types/general";
import { IItem } from "../../../../../../../utils/types/item";
import { IText } from "../../../../../../../utils/types/text";
import { PG } from "../../../../../logic/ed-global";
import { syncronize } from "y-pojo";
import { treeRebuild } from "../../../../../logic/tree/build";
export const edActionWrap = (p: PG, item: IText | IItem) => {
const mitem = p.page.meta[item.id].mitem;
if (mitem) {
mitem.parent.forEach((e: MContent, idx) => {
if (e.get("id") === mitem.get("id")) {
const json: IContent = {
id: createId(),
name: `Wrapped`,
type: "item",
childs: [e.toJSON() as IItem | IText],
};
const map = new Y.Map() as MContent;
if (map) {
syncronize(map as any, json);
mitem.parent.delete(idx);
mitem.parent.insert(idx, [map]);
treeRebuild(p, { note: "wrap" });
}
}
});
}
};

17
app/web/src/render/ed/panel/tree/node/item/ctx-menu.tsx
View File

@ -12,6 +12,8 @@ import { edActionDetach } from "./action/detach";
import { edActionHide } from "./action/hide";
import { edActionNewComp } from "./action/new-comp";
import { edActionPaste } from "./action/paste";
import { edActionWrap } from "./action/wrap";
import { edActionUnwrap } from "./action/unwrap";
export const EdTreeCtxMenu = ({
node,
@ -49,6 +51,7 @@ export const EdTreeCtxMenu = ({
const type = item?.type;
const comp = (item as IItem).component as FNComponent | undefined;
const rootComp = p.comp.cur;
const isComponent = comp?.id;
const isActiveComponent = rootComp && rootComp.id === item?.id && rootComp.id;
if (!item) {
@ -85,9 +88,21 @@ export const EdTreeCtxMenu = ({
<MenuItem label="Clone" onClick={() => edActionClone(p, item)} />
<MenuItem label="Cut" onClick={() => edActionCut(p, item)} />
<MenuItem label="Copy" onClick={() => edActionCopy(p, item)} />
{local.allowCopy && local.allowPaste && (
{local.allowCopy &&
local.allowPaste &&
!isComponent &&
item.type !== "text" && (
<MenuItem label="Paste" onClick={() => edActionPaste(p, item)} />
)}
{["text", "item"].includes(item.type) && (
<MenuItem label="Wrap" onClick={() => edActionWrap(p, item as IItem)} />
)}
{["item"].includes(item.type) && !isComponent && (
<MenuItem
label="Unwrap"
onClick={() => edActionUnwrap(p, item as IItem)}
/>
)}
</Menu>
);
};

5
app/web/src/render/ed/panel/tree/node/item/indent.tsx
View File

@ -50,6 +50,11 @@ export const EdTreeIndent = ({
<Text />
</div>
)}
{item.type === "item" && !isComponent && !prm.hasChild && (
<div className="">
<ItemIcon />
</div>
)}
{isComponent && !prm.hasChild && (
<div className="text-purple-600 mt-[1px]">
<ComponentIcon />