@lofcz/pptist 2.0.18 → 2.0.20

package/README.md

@@ -21,9 +21,10 @@
 
 
 # ✨ Highlights
-1. **Easy Development**: Built with Vue 3.x and TypeScript, it does not rely on UI component libraries and avoids third-party components as much as possible. This makes styling customization easier and functionality extension more convenient.
-2. **User Friendly**: It offers a context menu available everywhere, dozens of keyboard shortcuts, and countless editing detail optimizations, striving to replicate a desktop application-level experience.
-3. **Feature Rich**: Supports most of the commonly used elements and functionalities found in PowerPoint, supports generate PPT by AI, supports exporting in various formats, and offers basic editing and previewing on mobile devices.
+1. **Easy Development**: Built with Vue 3.x and TypeScript, it does not rely on UI component libraries, making styling customization easier and functionality extension more convenient.
+2. **User Friendly**: It offers context menus everywhere, dozens of shortcut operations, and continuously refined editing details, striving to replicate a desktop application-level experience.
+3. **Feature Rich**: Supports most commonly used Office PPT elements and features, supports template-based AIPPT, supports exporting in various formats, and offers basic editing and previewing on mobile devices.
+4. **Controllable Code**: Not a temporary product of vibe coding. The code is robust, controllable, easy to maintain, and leaves no technical debt.
 
 
 # 👀 Front-Row Reminder
@@ -36,9 +37,9 @@
 > This project is strictly positioned as a Web Slide Editing/Presentation Application. It is not intended to be an ~~AI PPT generator, low-code platform, or image editor~~. The following are the recommendation levels for common use cases:
 
 - **Low-code Platforms / H5 Editors / Image Editors / Whiteboards** (Recommendation: Not Recommended): We suggest choosing open-source projects specifically designed for those purposes.
-- **PPT File Preview Tool** (Recommendation: ⭐): The ability to import .pptx files is limited (roughly 70%~80% fidelity). Unless your requirements for preview accuracy are low and you only need basic content display, this is not recommended.
-- **AI PPT Generation Tool** (Recommendation: ⭐⭐): While the project provides basic template-based AI generation, it is not the core focus. As AI technology evolves (moving from templates to HTML-based or image-based generation), this project will not necessarily follow those trends. However, if you wish to build a template-based AI generator and are willing to implement your own generation logic, PPTist’s robust editing capabilities make it a strong foundation.
-- **Office PPT Authoring Tool** (Recommendation: ⭐⭐): PPTist supports many common Office features and basic .pptx export. However, exports are not 100% identical to the original, and as mentioned, import capabilities are limited. Choose this only if you can accept these limitations.
+- **PPT File Preview Tool** (Recommendation: ⭐): The ability to import .pptx files is limited (roughly 80% fidelity). Unless your requirements for preview accuracy are low and you only need basic content display, this is not recommended.
+- **AI PPT Generation Tool** (Recommendation: ⭐⭐): While the project provides basic template-based AIPPT generation, it is not the core focus. As AI technology evolves, the form of AIPPT will continue to change (templates -> HTML webpages -> pure images -> SVG -> ...), and this project will not follow those trends. However, if you only want to build a template-based AIPPT generator, or are willing to extend better generation solutions yourself, PPTist's complete Schema and editing capabilities may be helpful.
+- **Office PPT Authoring Tool** (Recommendation: ⭐⭐): PPTist supports many common Office PPT features and basic local .pptx export. However, exports cannot be 100% faithful, and this scenario generally has high requirements for importing .pptx files, while the import capability mentioned above is limited. Choose cautiously unless you can accept imperfect import capabilities.
 - **Web Slide Editing/Presentation App** (Recommendation: ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐): This is the primary use case. The core strengths of PPTist are its editing capabilities and user experience. You can build upon this project to customize or add unique nodes and features tailored to your specific needs, where Office compatibility is not the ultimate goal. **Summary: Our vision is for you to use PPTist to create a presentation product that is distinct from Microsoft Office, rather than just using it as a middleman for editing Office files.**
 
 
@@ -58,10 +59,9 @@ Browser access: http://127.0.0.1:5173/
 - History (undo, redo)
 - Shortcuts
 - Right-click menu
-- Export local files (PPTX, JSON, images, PDF)
-- Import and export pptist files
-- Print
-- AI PPT
+- Import: PPTX (overall fidelity ~80%), JSON, pptist files
+- Export: PPTX (overall fidelity ~95%+), JSON, images, PDF (print), pptist files
+- Template-based AI PPT generation
 ### Slide Page Editing
 - Add/delete pages
 - Copy/paste pages
@@ -113,6 +113,8 @@ Browser access: http://127.0.0.1:5173/
 - Shadow
 - Transparency
 - Vertical text
+- Text box margins
+- Auto-fit/fixed height (vertical alignment can be selected when fixed)
 - AI Rewrite/Expand/Abbreviate
 #### Images
 - Crop (custom, shape, aspect ratio)
@@ -126,8 +128,9 @@ Browser access: http://127.0.0.1:5173/
 - Reset image
 - Set as background
 #### Shapes
-- Draw any polygon
-- Draw any line (unclosed shape simulation)
+- Freehand draw any polygon
+- Freehand draw any line (unclosed shape simulation)
+- Visual path creation method
 - Replace shape
 - Fill (solid color, gradient, image)
 - Border
@@ -136,6 +139,8 @@ Browser access: http://127.0.0.1:5173/
 - Flip
 - Shape format painter
 - Edit text (supports rich text, similar to text element’s rich text editing)
+- Text box margins
+- Text vertical alignment
 #### Lines
 - Straight lines, polylines, curves
 - Color
@@ -264,4 +269,4 @@ If you wish to use this project for commercial gain, I hope you will respect ope
    <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/chart?repos=pipipi-pikachu/PPTist&type=date&legend=top-left" />
    <img alt="Star History Chart" src="https://api.star-history.com/chart?repos=pipipi-pikachu/PPTist&type=date&legend=top-left" />
  </picture>
-</a>
+</a>

package/dist/embed/agentic-manifest.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": 2,
   "package": "@lofcz/pptist",
-  "packageVersion": "2.0.18",
-  "generatedAt": "2026-06-19T14:08:21.973Z",
+  "packageVersion": "2.0.20",
+  "generatedAt": "2026-06-21T10:08:02.395Z",
   "summary": "Authoring guidance for the PPTist agentic bridge. The recommended way to build a deck from scratch: (1) pick ONE visual identity with styles.catalog -> deck.applyStyle (academic | minimal | bold | playful), then (2) for each slide pick a recipe from layouts.catalog and add it with slides.createFromLayout({ layoutId, slots }) — the engine themes, positions AND auto-fits every text box (via responsive measurement) so content never overflows. Author slot content as Markdown/plain text or structured values (arrays for bullets, { labels, series } for charts) — never hand-written HTML. Alternative: for pixel-perfect branded decks, use the built-in templates flow (deck.applyTemplate + slides.insertFromTemplate). Avoid blank slides.create / hand-placed elements unless neither a layout nor a template slide fits. Pair this with the machine schema (command payload/return types) in the same manifest.",
   "commandCount": 177,
   "designSystem": {
@@ -2061,7 +2061,7 @@
     "PPTLineElement": "export interface PPTLineElement extends Omit<PPTBaseElement, 'height' | 'rotate'> { type: 'line'; start: [number, number]; end: [number, number]; style: LineStyleType; color: string; points: [LinePoint, LinePoint]; shadow?: PPTElementShadow; broken?: [number, number]; broken2?: [number, number]; broken2Direction?: Broken2LineDirection; curve?: [number, number]; cubic?: [[number, number], [number, number]] }",
     "PPTShapeElement": "export interface PPTShapeElement extends PPTBaseElement { type: 'shape'; viewBox: [number, number]; path: string; fixedRatio: boolean; fill: string; gradient?: Gradient; pattern?: string; outline?: PPTElementOutline; opacity?: number; flipH?: boolean; flipV?: boolean; shadow?: PPTElementShadow; special?: boolean; text?: ShapeText; pathFormula?: ShapePathFormulasKeys; keypoints?: number[] }",
     "PPTTableElement": "export interface PPTTableElement extends PPTBaseElement { type: 'table'; outline: PPTElementOutline; theme?: TableTheme; colWidths: number[]; cellMinHeight: number; data: TableCell[][] }",
-    "PPTTextElement": "export interface PPTTextElement extends PPTBaseElement { type: 'text'; content: string; defaultFontName: string; defaultColor: string; placeholder?: string; placeholderFontSize?: number; placeholderColor?: string; placeholderAlign?: TextAlign; outline?: PPTElementOutline; fill?: string; lineHeight?: number; wordSpace?: number; opacity?: number; shadow?: PPTElementShadow; paragraphSpace?: number; vertical?: boolean; textType?: TextType; inset?: TextInset }",
+    "PPTTextElement": "export interface PPTTextElement extends PPTBaseElement { type: 'text'; content: string; defaultFontName: string; defaultColor: string; placeholder?: string; placeholderFontSize?: number; placeholderColor?: string; placeholderAlign?: TextAlign; outline?: PPTElementOutline; fill?: string; lineHeight?: number; wordSpace?: number; opacity?: number; shadow?: PPTElementShadow; paragraphSpace?: number; vertical?: boolean; textType?: TextType; inset?: TextInset; fixedHeight?: boolean; vAlign?: TextAlignVertical }",
     "PPTVideoElement": "export interface PPTVideoElement extends PPTBaseElement { type: 'video'; src: string; autoplay: boolean; poster?: string; ext?: string }",
     "SectionTag": "export interface SectionTag { id: string; title?: string }",
     "ShapePathFormulasKeys": "export declare const enum ShapePathFormulasKeys { ROUND_RECT = \"roundRect\", ROUND_RECT_DIAGONAL = \"roundRectDiagonal\", ROUND_RECT_SINGLE = \"roundRectSingle\", ROUND_RECT_SAMESIDE = \"roundRectSameSide\", CUT_RECT_DIAGONAL = \"cutRectDiagonal\", CUT_RECT_SINGLE = \"cutRectSingle\", CUT_RECT_SAMESIDE = \"cutRectSameSide\", CUT_ROUND_RECT = \"cutRoundRect\", MESSAGE = \"message\", ROUND_MESSAGE = \"roundMessage\", L = \"L\", RING_RECT = \"ringRect\", PLUS = \"plus\", TRIANGLE = \"triangle\", PARALLELOGRAM_LEFT = \"parallelogramLeft\", PARALLELOGRAM_RIGHT = \"parallelogramRight\", TRAPEZOID = \"trapezoid\", BULLET = \"bullet\", INDICATOR = \"indicator\", DONUT = \"donut\", DIAGSTRIPE = \"diagStripe\" }",

package/dist/embed/mocks/slides.json

@@ -1,184 +1,337 @@
 [
-  {
-    "id": "test-slide-1",
-    "elements": [
-      {
-        "type": "shape",
-        "id": "4cbRxp",
-        "left": 0,
-        "top": 200,
-        "width": 546,
-        "height": 362.5,
-        "viewBox": [200, 200],
-        "path": "M 0 0 L 0 200 L 200 200 Z",
-        "fill": "#5b9bd5",
-        "fixedRatio": false,
-        "opacity": 0.7,
-        "rotate": 0
-      },
-      {
-        "type": "shape",
-        "id": "ookHrf",
-        "left": 0,
-        "top": 0,
-        "width": 300,
-        "height": 320,
-        "viewBox": [200, 200],
-        "path": "M 0 0 L 0 200 L 200 200 Z",
-        "fill": "#5b9bd5",
-        "fixedRatio": false,
-        "flipV": true,
-        "rotate": 0
-      },
-      {
-        "type": "text",
-        "id": "idn7Mx",
-        "left": 355,
-        "top": 65.25,
-        "width": 450,
-        "height": 188,
-        "lineHeight": 1.2,
-        "content": "<p><strong><span style=\"font-size: 112px;\">PPTist</span></strong></p>",
-        "rotate": 0,
-        "defaultFontName": "",
-        "defaultColor": "#333"
-      },
-      {
-        "type": "text",
-        "id": "7stmVP",
-        "left": 355,
-        "top": 253.25,
-        "width": 585,
-        "height": 56,
-        "content": "<p><span style=\"font-size: 24px;\">Online presentation application based on Vue 3.x + TypeScript</span></p>",
-        "rotate": 0,
-        "defaultFontName": "",
-        "defaultColor": "#333"
-      },
-      {
-        "type": "line",
-        "id": "FnpZs4",
-        "left": 361,
-        "top": 238,
-        "start": [0, 0],
-        "end": [549, 0],
-        "points": ["", ""],
-        "color": "#5b9bd5",
-        "style": "solid",
-        "width": 2
+    {
+      "id": "test-slide-1",
+      "elements": [
+        {
+          "type": "shape",
+          "id": "4cbRxp",
+          "left": 0,
+          "top": 200,
+          "width": 546,
+          "height": 362.5,
+          "viewBox": [
+            200,
+            200
+          ],
+          "path": "M 0 0 L 0 200 L 200 200 Z",
+          "fill": "#5b9bd5",
+          "fixedRatio": false,
+          "opacity": 0.5,
+          "rotate": 0
+        },
+        {
+          "type": "shape",
+          "id": "ookHrf",
+          "left": 0,
+          "top": 0,
+          "width": 300,
+          "height": 320,
+          "viewBox": [
+            200,
+            200
+          ],
+          "path": "M 0 0 L 0 200 L 200 200 Z",
+          "fill": "#5b9bd5",
+          "fixedRatio": false,
+          "flipV": true,
+          "rotate": 0
+        },
+        {
+          "type": "text",
+          "id": "idn7Mx",
+          "left": 355,
+          "top": 65,
+          "width": 585,
+          "height": 154.390625,
+          "lineHeight": 1.2,
+          "content": "<p><strong><span style=\"font-size: 112px;\">PPTist</span></strong></p>",
+          "rotate": 0,
+          "defaultFontName": "",
+          "defaultColor": "#333"
+        },
+        {
+          "type": "text",
+          "id": "7stmVP",
+          "left": 355,
+          "top": 238,
+          "width": 585,
+          "height": 86,
+          "content": "<p><strong><span style=\"font-size: 22px;\">PowerPoint-ist</span></strong><span style=\"font-size: 22px;\"> </span><em><span style=\"font-size: 22px;\">(/'pauəpɔintist/)</span></em><span style=\"font-size: 22px;\">，基于 Web 的开源演示文稿（幻灯片）应用，可以在浏览器中编辑/演示幻灯片。</span></p>",
+          "rotate": 0,
+          "defaultFontName": "",
+          "defaultColor": "#333"
+        },
+        {
+          "type": "line",
+          "id": "FnpZs4",
+          "left": 367,
+          "top": 220,
+          "start": [
+            0,
+            0
+          ],
+          "end": [
+            555.6725978647687,
+            0
+          ],
+          "points": [
+            "",
+            ""
+          ],
+          "color": "#5b9bd5",
+          "style": "solid",
+          "width": 2
+        }
+      ],
+      "background": {
+        "type": "solid",
+        "color": "#ffffff"
       }
-    ],
-    "background": {
-      "type": "solid",
-      "color": "#ffffff"
-    }
-  },
-  {
-    "id": "test-slide-2",
-    "elements": [
-      {
-        "type": "text",
-        "id": "ptNnUJ",
-        "left": 145,
-        "top": 148,
-        "width": 711,
-        "height": 77,
-        "lineHeight": 1.2,
-        "content": "<p style=\"text-align: center;\"><strong><span style=\"font-size: 48px;\">Add title here</span></strong></p>",
-        "rotate": 0,
-        "defaultFontName": "",
-        "defaultColor": "#333"
-      },
-      {
-        "type": "text",
-        "id": "mRHvQN",
-        "left": 207.50000000000003,
-        "top": 249.84259259259264,
-        "width": 585,
-        "height": 56,
-        "content": "<p style=\"text-align: center;\"><span style=\"font-size: 24px;\">Add subtitle here</span></p>",
-        "rotate": 0,
-        "defaultFontName": "",
-        "defaultColor": "#333"
+    },
+    {
+      "id": "T2flB5Ms6N",
+      "elements": [
+        {
+          "type": "shape",
+          "id": "tgOHYFL9OJ",
+          "left": 0,
+          "top": 0,
+          "width": 1000,
+          "height": 281.25,
+          "viewBox": [
+            200,
+            200
+          ],
+          "path": "M 0 0 L 200 0 L 200 200 L 0 200 Z",
+          "fill": "rgb(91, 155, 213)",
+          "fixedRatio": false,
+          "rotate": 0,
+          "lock": false
+        },
+        {
+          "type": "shape",
+          "id": "7GFmEv6oB_",
+          "left": 0,
+          "top": 281.25,
+          "width": 1000,
+          "height": 281.25,
+          "viewBox": [
+            200,
+            200
+          ],
+          "path": "M 0 0 L 200 0 L 200 200 L 0 200 Z",
+          "fill": "rgb(242, 242, 242)",
+          "fixedRatio": false,
+          "rotate": 0,
+          "lock": false
+        },
+        {
+          "type": "shape",
+          "id": "rdxiACCJuV",
+          "left": 40,
+          "top": 39,
+          "width": 920,
+          "height": 482,
+          "viewBox": [
+            920,
+            482
+          ],
+          "path": "M 25.40421115065243 0 L 894.5957888493476 0 Q 920 0 920 25.40421115065243 L 920 456.59578884934757 Q 920 482 894.5957888493476 482 L 25.40421115065243 482 Q 0 482 0 456.59578884934757 L 0 25.40421115065243 Q 0 0 25.40421115065243 0 Z",
+          "fill": "#ffffff",
+          "fixedRatio": false,
+          "rotate": 0,
+          "shadow": {
+            "h": 4,
+            "v": 4,
+            "blur": 8,
+            "color": "rgba(128, 128, 128, 0.13)"
+          },
+          "lock": false,
+          "pathFormula": "roundRect",
+          "keypoints": [
+            0.052705832262764374
+          ]
+        },
+        {
+          "type": "text",
+          "id": "Tn6kkOFntr",
+          "left": 80,
+          "top": 71.5,
+          "width": 716.9,
+          "height": 74,
+          "content": "<p><span style=\"font-size: 36px;\">✨项目特点</span></p>",
+          "rotate": 0,
+          "defaultFontName": "",
+          "defaultColor": "#333",
+          "vertical": false,
+          "textType": "title"
+        },
+        {
+          "type": "text",
+          "id": "oU7uzQkPpO",
+          "left": 80,
+          "top": 160,
+          "width": 830,
+          "height": 213,
+          "content": "<ul style=\"font-size: 18px;color: rgb(51, 51, 51);\"><li><p style=\"text-align: justify;\"><strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(51, 51, 51);\">易开发：</span></span></strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(51, 51, 51);\">基于 </span><code><span style=\"color: rgb(51, 51, 51);\">Vue3.x</span></code><span style=\"color: rgb(51, 51, 51);\"> + </span><code><span style=\"color: rgb(51, 51, 51);\">TypeScript</span></code><span style=\"color: rgb(51, 51, 51);\"> 构建，不依赖UI组件库，样式定制、功能扩展更方便；</span></span></p></li><li><p style=\"text-align: justify;\"><strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(51, 51, 51);\">易使用：</span></span></strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(51, 51, 51);\">随处可见的右键菜单、数十种快捷操作方式、持续深入打磨编辑细节，力求还原桌面应用级的交互体验；</span></span></p></li><li><p style=\"text-align: justify;\"><strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(51, 51, 51);\">功能丰富：</span></span></strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(51, 51, 51);\">支持 </span></span><em><span style=\"font-size: 18px;\"><span style=\"color: rgb(51, 51, 51);\">Office PPT</span></span></em><span style=\"font-size: 18px;\"><span style=\"color: rgb(51, 51, 51);\"> 大部分常用元素和功能，支持模板式AIPPT、支持多种格式导出、支持移动端基础编辑和预览；</span></span></p></li><li><p style=\"\"><strong>代码可控：</strong>非 <em>vibe coding</em>&nbsp;的临时产物，代码稳健、可控、易维护，不留技术债。</p></li></ul>",
+          "rotate": 0,
+          "defaultFontName": "",
+          "defaultColor": "#333",
+          "vertical": false,
+          "textType": "content",
+          "paragraphSpace": 10,
+          "lineHeight": 1.5
+        },
+        {
+          "type": "line",
+          "id": "0pCV4mHRO5",
+          "left": 140,
+          "top": 138,
+          "start": [
+            0,
+            0
+          ],
+          "end": [
+            140.12455516014234,
+            0
+          ],
+          "points": [
+            "",
+            ""
+          ],
+          "color": "rgb(91, 155, 213)",
+          "style": "solid",
+          "width": 2,
+          "lock": false
+        },
+        {
+          "type": "shape",
+          "id": "-5LJXtU4dt",
+          "left": 0,
+          "top": 450,
+          "width": 1000,
+          "height": 150,
+          "viewBox": [
+            200,
+            200
+          ],
+          "path": "M 0 20 C 40 -40 60 60 100 20 C 140 -40 160 60 200 20 L 200 180 C 140 240 160 140 100 180 C 40 240 60 140 0 180 L 0 20 Z",
+          "fill": "rgb(91, 155, 213)",
+          "fixedRatio": false,
+          "rotate": 0,
+          "lock": false,
+          "opacity": 0.2
+        }
+      ],
+      "background": {
+        "type": "solid",
+        "color": "#fff"
       },
-      {
-        "type": "line",
-        "id": "7CQDwc",
-        "left": 323.09259259259267,
-        "top": 238.33333333333334,
-        "start": [0, 0],
-        "end": [354.8148148148148, 0],
-        "points": ["", ""],
-        "color": "#5b9bd5",
-        "style": "solid",
-        "width": 4
+      "type": "cover"
+    },
+    {
+      "id": "iqg6iGnei-",
+      "elements": [
+        {
+          "type": "shape",
+          "id": "78IHuud1fL",
+          "left": 850,
+          "top": 412.5,
+          "width": 300,
+          "height": 300,
+          "viewBox": [
+            200,
+            200
+          ],
+          "path": "M 100 0 A 50 50 0 1 1 100 200 A 50 50 0 1 1 100 0 Z",
+          "fill": "rgb(91, 155, 213)",
+          "fixedRatio": true,
+          "rotate": 0,
+          "lock": false,
+          "opacity": 0.2
+        },
+        {
+          "type": "shape",
+          "id": "qBDphekubT",
+          "left": -180,
+          "top": -180,
+          "width": 360,
+          "height": 360,
+          "viewBox": [
+            200,
+            200
+          ],
+          "path": "M 100 0 A 50 50 0 1 1 100 200 A 50 50 0 1 1 100 0 Z",
+          "fill": "rgb(91, 155, 213)",
+          "fixedRatio": true,
+          "rotate": 0,
+          "lock": false
+        },
+        {
+          "type": "text",
+          "id": "2y_IZ-pmfY",
+          "width": 500,
+          "height": 101,
+          "left": 250,
+          "top": 160,
+          "rotate": 0,
+          "defaultFontName": "",
+          "defaultColor": "#333",
+          "content": "<p style=\"text-align: center;\"><strong><span style=\"font-size: 54px;\"><span style=\"color: rgb(91, 155, 213);\">谢谢观看</span></span></strong></p>",
+          "vertical": false
+        },
+        {
+          "type": "text",
+          "id": "pOa5by-tWB",
+          "width": 500,
+          "height": 56,
+          "left": 250,
+          "top": 250,
+          "rotate": 0,
+          "defaultFontName": "",
+          "defaultColor": "#333",
+          "content": "<p style=\"text-align: center;\"><em><span style=\"font-size: 24px;\"><span style=\"color: rgb(51, 51, 51);\">-THANKS-</span></span></em></p>",
+          "vertical": false
+        },
+        {
+          "type": "shape",
+          "id": "dQo7Qrwmqd",
+          "width": 500,
+          "height": 44,
+          "left": 250,
+          "top": 316,
+          "viewBox": [
+            500,
+            44
+          ],
+          "path": "M 5.5 0 L 494.5 0 Q 500 0 500 5.5 L 500 38.5 Q 500 44 494.5 44 L 5.5 44 Q 0 44 0 38.5 L 0 5.5 Q 0 0 5.5 0 Z",
+          "fill": "rgb(91, 155, 213)",
+          "fixedRatio": false,
+          "rotate": 0,
+          "text": {
+            "content": "<p style=\"text-align: center;\"><span style=\"font-size: 16px;\"><span style=\"color: rgb(255, 255, 255);\">AGPL-3.0 License | Copyright © 2020-PRESENT pipipi-pikachu</span></span></p>",
+            "defaultFontName": "",
+            "defaultColor": "#333",
+            "align": "middle"
+          },
+          "flipH": false,
+          "flipV": false,
+          "pathFormula": "roundRect",
+          "keypoints": [
+            0.125
+          ],
+          "opacity": 0.5,
+          "link": {
+            "type": "web",
+            "target": "https://github.com/pipipi-pikachu"
+          }
+        }
+      ],
+      "background": {
+        "type": "solid",
+        "color": "#FFFFFF"
       },
-      {
-        "type": "shape",
-        "id": "09wqWw",
-        "left": -27.648148148148138,
-        "top": 432.73148148148147,
-        "width": 1056.2962962962963,
-        "height": 162.96296296296296,
-        "viewBox": [200, 200],
-        "path": "M 0 20 C 40 -40 60 60 100 20 C 140 -40 160 60 200 20 L 200 180 C 140 240 160 140 100 180 C 40 240 60 140 0 180 L 0 20 Z",
-        "fill": "#5b9bd5",
-        "fixedRatio": false,
-        "rotate": 0
-      }
-    ],
-    "background": {
-      "type": "solid",
-      "color": "#fff"
-    }
-  },
-  {
-    "id": "test-slide-3",
-    "elements": [
-      {
-        "type": "shape",
-        "id": "vSheCJ",
-        "left": 183.5185185185185,
-        "top": 175.5092592592593,
-        "width": 605.1851851851851,
-        "height": 185.18518518518516,
-        "viewBox": [200, 200],
-        "path": "M 0 0 L 200 0 L 200 200 L 0 200 Z",
-        "fill": "#5b9bd5",
-        "fixedRatio": false,
-        "rotate": 0
-      },
-      {
-        "type": "shape",
-        "id": "Mpwv7x",
-        "left": 211.29629629629628,
-        "top": 201.80555555555557,
-        "width": 605.1851851851851,
-        "height": 185.18518518518516,
-        "viewBox": [200, 200],
-        "path": "M 0 0 L 200 0 L 200 200 L 0 200 Z",
-        "fill": "#5b9bd5",
-        "fixedRatio": false,
-        "rotate": 0,
-        "opacity": 0.7
-      },
-      {
-        "type": "text",
-        "id": "WQOTAp",
-        "left": 304.9074074074074,
-        "top": 198.10185185185182,
-        "width": 417.9629629629629,
-        "height": 140,
-        "content": "<p style=\"text-align: center;\"><strong><span style=\"font-size: 80px;\"><span style=\"color: rgb(255, 255, 255);\">Thank you</span></span></strong></p>",
-        "rotate": 0,
-        "defaultFontName": "",
-        "defaultColor": "#333",
-        "wordSpace": 5
-      }
-    ],
-    "background": {
-      "type": "solid",
-      "color": "#fff"
+      "remark": "",
+      "type": "end"
     }
-  }
-]
+  ]