support markdown template

package.json

@@ -63,6 +63,9 @@
     "react-syntax-highlighter": "^15.5.0",
     "redux": "^4.2.1",
     "rehype-katex": "^6.0.3",
+    "rehype-raw": "^6.1.1",
+    "remark-directive": "^2.0.1",
+    "remark-directive-rehype": "^0.4.2",
     "remark-emoji": "^3.1.1",
     "remark-gfm": "^3.0.1",
     "remark-math": "^5.1.1",

src/assets/templates/daily-sync.md

@@ -0,0 +1,37 @@
+# {date:YY-MM-DD} 데일리 싱크
+
+## Name 🏠
+
+어제
+
+- 오늘
+- 토론
+
+## Name 🏢
+
+어제
+
+-
+- 오늘
+- 토론
+
+## Name 🏠
+
+어제
+
+- 오늘
+- 토론
+
+## 프로젝트 현황
+
+23년 2Q
+
+- [x] 1.
+
+23년 1Q
+
+- [x] 1.
+
+23년 목표
+
+-

src/assets/templates/performance-review.md

@@ -0,0 +1,85 @@
+# [People] Performance review
+
+:::info
+:bulb: This template is for reviewing past performance and planning new objectives with the supervisor .
+:::
+
+### :small_blue_diamond: Review Date:
+
+### :small_blue_diamond: Reviewer:
+
+## :book: Employee Information
+
+:::success
+List the essential information for this employee. You can add the item you need.
+:::
+
+### :small_blue_diamond: Department:
+
+### :small_blue_diamond: Manager:
+
+### :small_blue_diamond: Title:
+
+### :small_blue_diamond: Name:
+
+### :small_blue_diamond: ID:
+
+## :pencil: Scorecard
+
+:::success
+Scoring your performance.
+:::
+
+|       **Item**       |           **1 = Poor**            |           **2 = Fair**            |       **3 = Satisfactory**        |           **4 = Good**            |         **5 = Excellent**         |
+| :------------------: | :-------------------------------: | :-------------------------------: | :-------------------------------: | :-------------------------------: | :-------------------------------: |
+|     Work Quality     | <input type="checkbox" checked/>  | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> |
+|    Job Knowledge     | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> |
+| Communication Skills | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> |
+|   Independent Work   | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> |
+|      Creativity      | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> |
+|    Dependability     | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> |
+|        Skills        | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> |
+|      Attendance      | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> | <input type="checkbox" disabled/> |
+
+### &rarr; Overall Rating:
+
+## :100: Evaluation
+
+:::success
+Evaluate yourself and give examples.
+:::
+
+### :small_blue_diamond: Example of Strengths
+
+1.
+2.
+
+### :small_blue_diamond: Improvement Needed
+
+1.
+2.
+
+## :+1: Goal
+
+:::success
+Describe the goal for the previous and subsequent review.
+:::
+
+### :small_orange_diamond: Did you achieve the goal from the previous review?
+
+- [ ] Yes
+- [ ] No
+
+### :small_orange_diamond: Goal for next review period:
+
+1.
+2.
+
+## :pencil2: Reviewer Comments/Feedbacks
+
+:::success
+The comments/Feedbacks from the reviewer. According to the employee's performance to write.
+:::
+
+1.
+2.

src/components/Editor/mime/application/whiteboard/CustomCursor.tsx

@@ -5,15 +5,16 @@ import { CursorComponent } from '@tldraw/core';
 // Component overrides for the tldraw renderer
 const CustomCursor: CursorComponent = ({
   color,
-  metadata = {
-    name: 'Anonymous',
-  },
+  metadata,
 }: {
   color: string;
   metadata?: {
     name: string;
   };
 }) => {
+  if (!metadata) {
+    return null;
+  }
   return (
     <div
       style={{
@@ -33,7 +34,7 @@ const CustomCursor: CursorComponent = ({
       />
       <div
         style={{
-          background: 'white',
+          // background: 'white',
           padding: '4px 8px',
           borderRadius: 4,
           whiteSpace: 'nowrap',

src/components/Editor/mime/text/md/CodeEditor/codemirror/emoji-hint.ts

@@ -5,8 +5,9 @@ import data, { EmojiMartData } from '@emoji-mart/data';
 const emojiList = Object.keys((data as EmojiMartData).emojis).map((key) => {
   const obj = (data as EmojiMartData).emojis[key];
   return {
-    text: `:${key}:`,
-    displayText: `${obj.skins[0].native} :${key}:`,
+    text: obj.skins[0].native,
+    displayText: `${obj.skins[0].native} ${key}`,
+    keyText: `:${key}:`,
     className: 'emoji-hint',
     keywords: obj.keywords,
     name: obj.name,
@@ -25,9 +26,8 @@ const emojiList = Object.keys((data as EmojiMartData).emojis).map((key) => {
 
   // Format the list of emojis as CodeMirror hints
   const hints = emojiList.filter((it) => {
-    // console.log(it.text, prefix);
     return (
-      it.text.includes(query) ||
+      it.keyText.includes(query) ||
       it.keywords.some((keyword) => {
         return keyword.includes(query);
       })