太厉害了。 我也准备用类似方案跑我的项目，在 react native 里跑 nodejs 。实现一套代码支持全部平台

@ShuaiYH

你们默认的权限要的太多了。 建议只授权 public 项目 + 邮箱。 等用户需要部署私有项目的时候，再请求进一步的授权。
之前我就是被这个方案劝退了。

@findex

建议改一下默认授权。 上来就要求我私有库权限。 我选择拒绝。

23: 前端最基础的功能开发玩了，还没接入服务器。


1. 支持新增消息了， 消息更新后会储存到 local storage 里。
2. 刷新页面后支持恢复消息

在线地址： https://memo-talk-web.onrender.com/

明天晚上继续开始直播。

1. 接入服务
2. 支持设置密码和账户
3. 支持下载当前数据库，支持上传数据库。

22. 提交一下 AI 写的代码。https://github.com/hamsterbase/memo-talk-web/commit/439e98506044bf22ef6e8e0b57f4350e2df07465

21 Q: 帮我写一个 react 的页面，需要用 typescript 开发。


最顶上是一个提示框。 红色的字 “此项目还在开发中，请不要使用”

中间为一个消息窗口。 消息都靠右。

消息为圆角。消息的背景为蓝色。 参考 imessage

页面背景为白色。

最下面是一个 input 框。 里面有一个按钮。 按钮上面的字为 “发送”


颜色要好看一点。 圆角保存统一。

props 为 memotalks:MemoTalk, onCreateMemoTalk(content:string):void

export interface MemoTalk {
id: string;
content: string;
createTime: number;
}

20. 完善一下单元测试

Q: 帮我用 jest 编写测试。

如果重复删除，应该抛错

19. 在 chatgpt 的帮助下测出了一个 bug, 如果删除了，再次获取的时候应该返回 null 。 所有测试都通过啦

18 。 帮我为 IMemoTalkCore 编写集成单元测试。 使用 jest


```ts
/**
* MemoTalkCore 核心为一个 Y.Doc 对象
* 保存的时候 encode 为字符串
* 可以合并别的 MemoTalkCore, 入参为字符串
*/
export interface IMemoTalkCore {
createMemoTalk(content: string): string;

getMemoTalkById(id: string): MemoTalk;

getMemoTalkList(): MemoTalk[];

deleteMemoTalkById(id: string): void;

/**
* 把整个数据库序列化为字符串
*/
encode(): string;

merge(data: string): void;
}
```

17. 在 copilot 的帮助下，完成了核心逻辑的实现


const enum YDocKey {
/**
* 避免 id 重复
*/
id = "id",
memoTalks = "memoTalks",
}

export class MemoTalkCore implements IMemoTalkCore {
private ydoc: Y.Doc;
constructor() {
this.ydoc = new Y.Doc();
}

createMemoTalk(content: string): string {
if (typeof content !== "string") {
throw new Error("content must be string");
}
const idMap = this.ydoc.getMap(YDocKey.id);
let id: string = nanoid();
while (idMap.has(id)) {
id = nanoid();
}
const memoTalksArray = this.ydoc.getArray<string>(YDocKey.memoTalks);

const memoTalk = this.ydoc.getMap(id);
memoTalk.set("content", content ?? "");
memoTalk.set("createTime", Date.now());
memoTalksArray.push([id]);
return id;
}

getMemoTalkById(id: string): MemoTalk {
const memoTalk = this.ydoc.getMap(id);
return {
id,
content: memoTalk.get("content") as string,
createTime: memoTalk.get("createTime") as number,
};
}

getMemoTalkList(): MemoTalk[] {
const memoTalksArray = this.ydoc.getArray<string>(YDocKey.memoTalks);
return memoTalksArray.map((id) => this.getMemoTalkById(id));
}

deleteMemoTalkById(id: string): void {
const memoTalksArray = this.ydoc.getArray<string>(YDocKey.memoTalks);
memoTalksArray.delete(memoTalksArray.toArray().indexOf(id));
}

encode(): string {
return fromUint8Array(Y.encodeStateAsUpdate(this.ydoc));
}

merge(data: string): void {
Y.applyUpdate(this.ydoc, toUint8Array(data));
}
}

16. 设计一下核心的数据结构。 这个是我自己设计的


export interface MemoTalk {
id: string;
content: string;
createTime: number;
}

/**
* MemoTalkCore 核心为一个 Y.Doc 对象
* 保存的时候 encode 为字符串
* 可以合并别的 MemoTalkCore, 入参为字符串
*/
export interface MemoTalkCore {
createMemoTalk(content: string): string;

getMemoTalkById(id: string): MemoTalk;

getMemoTalkList(): MemoTalk[];

deleteMemoTalkById(id: string): void;

/**
* 把整个数据库序列化为字符串
*/
encode(): string;

merge(data: string): void;
}

15.

Q: 帮我设计一个 ts interface. NoteCore

1. 新建笔记，返回 ID
2. 根据 ID 返回笔记内容。
3. 获取笔记列表.
4. 根据 ID 删除笔记

14. 前端上线啦，可以访问了。 开始写前端逻辑

https://memo-talk-web.onrender.com/

13. 使用 vite 的 ts + react 模板，数据核心准备使用 yjs

12. 建立了前端的仓库 https://github.com/hamsterbase/memo-talk-web

11. 帮我想一下 memo-talk 前端仓库的名字

以下是一些可能的 Memo-Talk 前端仓库的名字：

- memo-talk-frontend：一个简单而明确的仓库名称，指示该仓库包含 Memo-Talk 的前端代码。
- memo-talk-web：一个更简洁的仓库名称，指示该仓库包含 Memo-Talk 的 Web 界面代码。
- memo-talk-ui：一个仓库名称，指示该仓库包含 Memo-Talk 的用户界面部分。
- memo-talk-client：一个仓库名称，指示该仓库包含 Memo-Talk 的客户端代码。
- memo-talk-portal：一个仓库名称，指示该仓库包含 Memo-Talk 的 Web 门户代码。
你可以根据你的喜好和项目的具体需求选择其中任何一个名称。无论你选择哪个名称，都需要确保它能够准确地描述该仓库的内容，并且易于理解和记忆。此外，你可能还需要考虑使用标准的命名约定和格式，以便其他开发人员能够轻松地找到和使用你的仓库。

10. 白嫖 render.com , 服务器上线了 https://memo-talk.onrender.com

9 。chatgpt 没有写文件名校验逻辑，让他单独写一个
帮我用 ts 写一个字符串检测函数。 字符串长度必须为 64 个字符，每个字符是 0-9 和 A-F 之间的一个 16 进制数字.
忽略大小写。 最终输出转换为小写后的结果。 如果不满足，则抛错。

8. koa-router 好像没有类型，换 @koa/router. 初始化项目，把 chatgpt 回答拷贝一下

https://github.com/hamsterbase/memo-talk/commit/2cc9318a7255e2dafef2716e78b2e844953042cc