Merge remote-tracking branch 'origin/main' into gh-pages

.vitepress/config.mts

@@ -15,7 +15,8 @@ export default defineConfig({
     i18nRouting: true,
     nav: [
       { text: 'Home', link: '/' },
-      { text: 'Playground', link: 'https://idraw.js.org/playground/' }
+      { text: 'Sponsor', link: '/en-US/sponsor' },
+      { text: 'Playground', link: 'https://idrawjs.com/playground/' }
     ],
     sidebar: [
       {
@@ -79,7 +80,7 @@ export default defineConfig({
         },
         nav: [
           { text: '主页', link: '/zh-CN/' },
-          { text: '演示', link: 'https://idraw.js.org/playground/' }
+          { text: '演示', link: 'https://idrawjs.com/playground/' }
         ],
 
         sidebar: [

src/en-US/api/add-element.md

@@ -46,10 +46,10 @@ idraw.addElement({
 
 ## Example
 
-[More Demo >>](https://idraw.js.org/playground/?demo=api-addElement)
+[More Demo >>](https://idrawjs.com/playground/?demo=api-addElement)
 
 <iframe class="idraw-playground-preview" 
-  src="https://idraw.js.org/playground/?demo=api-addElement&header=false&sider=false&default-editor-split=50" 
+  src="https://idrawjs.com/playground/?demo=api-addElement&header=false&sider=false&default-editor-split=50" 
   width="1000" height="480" frameborder="no" border="0"
   style="border: 1px solid #cecece; margin: 0px auto;"
 ></iframe>

src/en-US/api/centerContent.md

@@ -38,10 +38,10 @@ idraw.centerContent();
 
 ## Example
 
-[More Demo](https://idraw.js.org/playground/?demo=api-centerContent)
+[More Demo](https://idrawjs.com/playground/?demo=api-centerContent)
 
 <iframe class="idraw-playground-preview" 
-  src="https://idraw.js.org/playground/?demo=api-centerContent&header=false&sider=false&default-editor-split=50" 
+  src="https://idrawjs.com/playground/?demo=api-centerContent&header=false&sider=false&default-editor-split=50" 
   width="1000" height="480" frameborder="no" border="0"
   style="border: 1px solid #cecece; margin: 0px auto;"
 ></iframe>

src/en-US/api/delete-element.md

@@ -40,10 +40,10 @@ idraw.deleteElement(uuid);
 
 ## Example
 
-[More Demo >>](https://idraw.js.org/playground/?demo=api-deleteElement)
+[More Demo >>](https://idrawjs.com/playground/?demo=api-deleteElement)
 
 <iframe 
-  src="https://idraw.js.org/playground/?demo=api-deleteElement&header=false&sider=false&default-editor-split=37" 
+  src="https://idrawjs.com/playground/?demo=api-deleteElement&header=false&sider=false&default-editor-split=37" 
   width="1000" height="480" frameborder="no" border="0"
   style="border: 1px solid #cecece; margin: 0px auto;"
 ></iframe>

src/en-US/api/get-data.md

@@ -53,10 +53,10 @@ console.log(resultData);
 
 ## Example
 
-[More Demo](https://idraw.js.org/playground/?demo=api-getData)
+[More Demo](https://idrawjs.com/playground/?demo=api-getData)
 
 <iframe 
-  src="https://idraw.js.org/playground/?demo=api-getData&header=false&sider=false&default-editor-split=37" 
+  src="https://idrawjs.com/playground/?demo=api-getData&header=false&sider=false&default-editor-split=37" 
   width="1000" height="480" frameborder="no" border="0"
   style="border: 1px solid #cecece; margin: 0px auto;"
 ></iframe>

src/en-US/api/move-element.md

@@ -39,10 +39,10 @@ idraw.moveElement(uuid, { position: [1, 2] });
 
 ## Example
 
-[More Demo](https://idraw.js.org/playground/?demo=api-moveElement)
+[More Demo](https://idrawjs.com/playground/?demo=api-moveElement)
 
 <iframe class="idraw-playground-preview" 
-  src="https://idraw.js.org/playground/?demo=api-moveElement&header=false&sider=false&default-editor-split=50" 
+  src="https://idrawjs.com/playground/?demo=api-moveElement&header=false&sider=false&default-editor-split=50" 
   width="1000" height="480" frameborder="no" border="0"
   style="border: 1px solid #cecece; margin: 0px auto;"
 ></iframe>

src/en-US/api/resize.md

@@ -44,10 +44,10 @@ idraw.resetSize({
 
 ## Example
 
-[More Demo](https://idraw.js.org/playground/?demo=api-resize)
+[More Demo](https://idrawjs.com/playground/?demo=api-resize)
 
 <iframe class="idraw-playground-preview" 
-  src="https://idraw.js.org/playground/?demo=api-resize&header=false&sider=false&default-editor-split=50" 
+  src="https://idrawjs.com/playground/?demo=api-resize&header=false&sider=false&default-editor-split=50" 
   width="1000" height="480" frameborder="no" border="0"
   style="border: 1px solid #cecece; margin: 0px auto;"
 ></iframe>

src/en-US/api/select-element.md

@@ -37,10 +37,10 @@ idraw.selectElement(resultData.elements[0].uuid);
 
 ## Example
 
-[More Demo >>](https://idraw.js.org/playground/?demo=api-selectElement)
+[More Demo >>](https://idrawjs.com/playground/?demo=api-selectElement)
 
 <iframe class="idraw-playground-preview" 
-  src="https://idraw.js.org/playground/?demo=api-selectElement&header=false&sider=false&default-editor-split=50" 
+  src="https://idrawjs.com/playground/?demo=api-selectElement&header=false&sider=false&default-editor-split=50" 
   width="1000" height="480" frameborder="no" border="0"
   style="border: 1px solid #cecece; margin: 0px auto;"
 ></iframe>

src/en-US/api/set-data.md

@@ -48,10 +48,10 @@ idraw.setData(data);
 
 ## Example
 
-[More Demo](https://idraw.js.org/playground/?demo=api-setData)
+[More Demo](https://idrawjs.com/playground/?demo=api-setData)
 
 <iframe class="idraw-playground-preview" 
-    src="https://idraw.js.org/playground/?demo=api-setData&header=false&sider=false&default-editor-split=50" 
+    src="https://idrawjs.com/playground/?demo=api-setData&header=false&sider=false&default-editor-split=50" 
     width="1000" height="540" frameborder="no" border="0"
     style="border: 1px solid #cecece; margin: 0px auto;"
   ></iframe>

src/en-US/api/update-element.md

@@ -41,10 +41,10 @@ idraw.updateData(elem);
 
 ## Example
 
-[More Demo >>](https://idraw.js.org/playground/?demo=api-updateElement)
+[More Demo >>](https://idrawjs.com/playground/?demo=api-updateElement)
 
 <iframe class="idraw-playground-preview" 
-  src="https://idraw.js.org/playground/?demo=api-updateElement&header=false&sider=false&default-editor-split=50" 
+  src="https://idrawjs.com/playground/?demo=api-updateElement&header=false&sider=false&default-editor-split=50" 
   width="1000" height="480" frameborder="no" border="0"
   style="border: 1px solid #cecece; margin: 0px auto;"
 ></iframe>

src/en-US/element/circle.md

@@ -69,10 +69,10 @@ const elementCircle = {
 
 ## Demo Preview
 
-[More Demo >>](https://idraw.js.org/playground/?demo=elem-circle)
+[More Demo >>](https://idrawjs.com/playground/?demo=elem-circle)
 
 <iframe class="idraw-playground-preview" 
-    src="https://idraw.js.org/playground/?demo=elem-circle&header=false&sider=false&default-editor-split=50" 
+    src="https://idrawjs.com/playground/?demo=elem-circle&header=false&sider=false&default-editor-split=50" 
     width="1000" height="540" frameborder="no" border="0"
     style="border: 1px solid #cecece; margin: 0px auto;"
   ></iframe>

src/en-US/element/group.md

@@ -69,10 +69,10 @@ const elementGroup = {
 
 ## Demo Preview
 
-[More Demo >>](https://idraw.js.org/playground/?demo=elem-group)
+[More Demo >>](https://idrawjs.com/playground/?demo=elem-group)
 
 <iframe class="idraw-playground-preview" 
-    src="https://idraw.js.org/playground/?demo=elem-group&header=false&sider=false&default-editor-split=50" 
+    src="https://idrawjs.com/playground/?demo=elem-group&header=false&sider=false&default-editor-split=50" 
     width="1000" height="540" frameborder="no" border="0"
     style="border: 1px solid #cecece; margin: 0px auto;"
   ></iframe>

src/en-US/element/html.md

@@ -102,10 +102,10 @@ const elementHTML = {
 
 ## Demo Preview
 
-[More Demo >>](https://idraw.js.org/playground/?demo=elem-html)
+[More Demo >>](https://idrawjs.com/playground/?demo=elem-html)
 
 <iframe class="idraw-playground-preview" 
-    src="https://idraw.js.org/playground/?demo=elem-html&header=false&sider=false&default-editor-split=50" 
+    src="https://idrawjs.com/playground/?demo=elem-html&header=false&sider=false&default-editor-split=50" 
     width="1000" height="540" frameborder="no" border="0"
     style="border: 1px solid #cecece; margin: 0px auto;"
   ></iframe>

src/en-US/element/image.md

@@ -57,10 +57,10 @@ const elementImage = {
 
 ## Demo Preview
 
-[More Demo >>](https://idraw.js.org/playground/?demo=elem-image)
+[More Demo >>](https://idrawjs.com/playground/?demo=elem-image)
 
 <iframe class="idraw-playground-preview" 
-    src="https://idraw.js.org/playground/?demo=elem-image&header=false&sider=false&default-editor-split=50" 
+    src="https://idrawjs.com/playground/?demo=elem-image&header=false&sider=false&default-editor-split=50" 
     width="1000" height="540" frameborder="no" border="0"
     style="border: 1px solid #cecece; margin: 0px auto;"
   ></iframe>

src/en-US/element/info.md

@@ -99,8 +99,8 @@ idraw.setData(data);
 
 ## Demo Preview
 
-[More Demo >>](https://idraw.js.org/playground/?demo=elem-rect)
+[More Demo >>](https://idrawjs.com/playground/?demo=elem-rect)
 
-<iframe class="idraw-playground-preview" src="https://idraw.js.org/playground/?demo=elem-rect&header=false&sider=false&default-editor-split=50"
+<iframe class="idraw-playground-preview" src="https://idrawjs.com/playground/?demo=elem-rect&header=false&sider=false&default-editor-split=50"
       frameborder="no" border="0" 
   ></iframe>

src/en-US/element/path.md

@@ -98,10 +98,10 @@ const elementPath = {
 
 ## Demo Preview
 
-[More Demo >>](https://idraw.js.org/playground/?demo=elem-path)
+[More Demo >>](https://idrawjs.com/playground/?demo=elem-path)
 
 <iframe class="idraw-playground-preview" 
-    src="https://idraw.js.org/playground/?demo=elem-path&header=false&sider=false&default-editor-split=50" 
+    src="https://idrawjs.com/playground/?demo=elem-path&header=false&sider=false&default-editor-split=50" 
     width="1000" height="540" frameborder="no" border="0"
     style="border: 1px solid #cecece; margin: 0px auto;"
   ></iframe>

src/en-US/element/rect.md

@@ -70,10 +70,10 @@ const elementRect = {
 
 ## Demo Preview
 
-[More Demo >>](https://idraw.js.org/playground/?demo=elem-rect)
+[More Demo >>](https://idrawjs.com/playground/?demo=elem-rect)
 
 <iframe class="idraw-playground-preview" 
-    src="https://idraw.js.org/playground/?demo=elem-rect&header=false&sider=false&default-editor-split=50" 
+    src="https://idrawjs.com/playground/?demo=elem-rect&header=false&sider=false&default-editor-split=50" 
     width="1000" height="540" frameborder="no" border="0"
     style="border: 1px solid #cecece; margin: 0px auto;"
   ></iframe>

src/en-US/element/svg.md

@@ -57,10 +57,10 @@ const elementSVG = {
 
 ## Demo Preview
 
-[More Demo >>](https://idraw.js.org/playground/?demo=elem-svg)
+[More Demo >>](https://idrawjs.com/playground/?demo=elem-svg)
 
 <iframe class="idraw-playground-preview" 
-    src="https://idraw.js.org/playground/?demo=elem-svg&header=false&sider=false&default-editor-split=50" 
+    src="https://idrawjs.com/playground/?demo=elem-svg&header=false&sider=false&default-editor-split=50" 
     width="1000" height="540" frameborder="no" border="0"
     style="border: 1px solid #cecece; margin: 0px auto;"
   ></iframe>

src/en-US/element/text.md

@@ -81,10 +81,10 @@ const elementText = {
 
 ## Demo Preview
 
-[More Demo](https://idraw.js.org/playground/?demo=elem-text)
+[More Demo](https://idrawjs.com/playground/?demo=elem-text)
 
 <iframe class="idraw-playground-preview" 
-    src="https://idraw.js.org/playground/?demo=elem-text&header=false&sider=false&default-editor-split=50" 
+    src="https://idrawjs.com/playground/?demo=elem-text&header=false&sider=false&default-editor-split=50" 
     width="1000" height="540" frameborder="no" border="0"
     style="border: 1px solid #cecece; margin: 0px auto;"
   ></iframe>

src/en-US/guide/class-idraw.md

@@ -51,10 +51,10 @@ type Options = {
 
 ### Options Preivew
 
-[More Demo >>](https://idraw.js.org/playground/?demo=basic-options)
+[More Demo >>](https://idrawjs.com/playground/?demo=basic-options)
 
 <iframe class="idraw-playground-preview" 
-    src="https://idraw.js.org/playground/?demo=basic-options&header=false&sider=false&default-editor-split=50" 
+    src="https://idrawjs.com/playground/?demo=basic-options&header=false&sider=false&default-editor-split=50" 
     width="1000" height="440" frameborder="no" border="0"
     style="border: 1px solid #cecece; margin: 0px auto;"
   ></iframe>

src/en-US/guide/introduction.md

@@ -49,7 +49,7 @@ idraw.setData(data);
 ```
 
 <iframe class="idraw-playground-preview" 
-  src="https://idraw.js.org/playground/?demo=elem-text&header=false&sider=false&default-editor-split=50" 
+  src="https://idrawjs.com/playground/?demo=elem-text&header=false&sider=false&default-editor-split=50" 
   width="1000" height="450" frameborder="no" border="0"
   style="border: 1px solid #cecece"
 ></iframe>

src/en-US/guide/quickstart.md

@@ -6,7 +6,7 @@ It is a simple example of `iDraw.js` that drawing a rotating rectangle.
 
 <div>
   <iframe class="idraw-playground-preview" 
-    src="https://idraw.js.org/playground/?demo=elem-rect&header=false&sider=false&default-editor-split=50" 
+    src="https://idrawjs.com/playground/?demo=elem-rect&header=false&sider=false&default-editor-split=50" 
     width="800" height="520" frameborder="no" border="0"
     style="border: 1px solid #cecece"
   ></iframe>

src/en-US/index.md

@@ -12,10 +12,10 @@ hero:
       link: /en-US/guide/quickstart
     - theme: alt
       text: Playground
-      link: https://idraw.js.org/playground/
+      link: https://idrawjs.com/playground/
     - theme: brand
       text: iDraw Studio
-      link: https://idraw.js.org/studio/
+      link: https://idrawjs.com/studio/
   image: /assets/idraw.png
 
 features:

src/en-US/sponsor.md

@@ -0,0 +1,7 @@
+# Become a iDraw.js Sponsor
+
+iDraw.js is an MIT licensed open source project and completely free to use. The tremendous amount of effort needed to maintain this framework and develop new features for the project is only made sustainable thanks to the generous financial backing of our sponsors.
+
+## How to Sponsor
+
+Sponsorships can be done via [OpenCollective](https://opencollective.com/idrawjs) ([https://opencollective.com/idrawjs](https://opencollective.com/idrawjs)). Both monthly-recurring sponsorships and one-time donations are accepted. Recurring sponsorships are entitled to logo placements as specified in Sponsorship Tiers.

src/index.md

@@ -15,7 +15,7 @@ hero:
       link: /zh-CN/index
     - theme: alt
       text: iDraw Studio
-      link: https://idraw.js.org/studio/
+      link: https://idrawjs.com/studio/
   image: /assets/idraw.png
 
 features:

src/zh-CN/api/add-element.md

@@ -45,10 +45,10 @@ idraw.addElement({
 
 ## 示例
 
-[Demo完整预览 Playground >>](https://idraw.js.org/playground/?demo=api-addElement)
+[Demo完整预览 Playground >>](https://idrawjs.com/playground/?demo=api-addElement)
 
 <iframe class="idraw-playground-preview" 
-  src="https://idraw.js.org/playground/?demo=api-addElement&header=false&sider=false&default-editor-split=50" 
+  src="https://idrawjs.com/playground/?demo=api-addElement&header=false&sider=false&default-editor-split=50" 
   width="1000" height="480" frameborder="no" border="0"
   style="border: 1px solid #cecece; margin: 0px auto;"
 ></iframe>

src/zh-CN/api/centerContent.md

@@ -38,10 +38,10 @@ idraw.centerContent();
 
 ## 示例
 
-[Demo完整预览 Playground >>](https://idraw.js.org/playground/?demo=api-centerContent)
+[Demo完整预览 Playground >>](https://idrawjs.com/playground/?demo=api-centerContent)
 
 <iframe class="idraw-playground-preview" 
-  src="https://idraw.js.org/playground/?demo=api-centerContent&header=false&sider=false&default-editor-split=50" 
+  src="https://idrawjs.com/playground/?demo=api-centerContent&header=false&sider=false&default-editor-split=50" 
   width="1000" height="480" frameborder="no" border="0"
   style="border: 1px solid #cecece; margin: 0px auto;"
 ></iframe>

src/zh-CN/api/delete-element.md

@@ -38,10 +38,10 @@ idraw.deleteElement(uuid);
 
 ## 示例
 
-[Demo完整预览 Playground >>](https://idraw.js.org/playground/?demo=api-deleteElement)
+[Demo完整预览 Playground >>](https://idrawjs.com/playground/?demo=api-deleteElement)
 
 <iframe class="idraw-playground-preview" 
-  src="https://idraw.js.org/playground/?demo=api-deleteElement&header=false&sider=false&default-editor-split=50" 
+  src="https://idrawjs.com/playground/?demo=api-deleteElement&header=false&sider=false&default-editor-split=50" 
   width="1000" height="480" frameborder="no" border="0"
   style="border: 1px solid #cecece; margin: 0px auto;"
 ></iframe>

src/zh-CN/api/get-data.md

@@ -53,10 +53,10 @@ console.log(resultData);
 
 ## 示例
 
-[Demo完整预览 Playground >>](https://idraw.js.org/playground/?demo=api-getData)
+[Demo完整预览 Playground >>](https://idrawjs.com/playground/?demo=api-getData)
 
 <iframe class="idraw-playground-preview" 
-  src="https://idraw.js.org/playground/?demo=api-getData&header=false&sider=false&default-editor-split=50" 
+  src="https://idrawjs.com/playground/?demo=api-getData&header=false&sider=false&default-editor-split=50" 
   width="1000" height="480" frameborder="no" border="0"
   style="border: 1px solid #cecece; margin: 0px auto;"
 ></iframe>

src/zh-CN/api/move-element.md

@@ -39,10 +39,10 @@ idraw.moveElement(uuid, { position: [1, 2] });
 
 ## 示例
 
-[Demo完整预览 Playground >>](https://idraw.js.org/playground/?demo=api-deleteElement)
+[Demo完整预览 Playground >>](https://idrawjs.com/playground/?demo=api-deleteElement)
 
 <iframe class="idraw-playground-preview" 
-  src="https://idraw.js.org/playground/?demo=api-deleteElement&header=false&sider=false&default-editor-split=50" 
+  src="https://idrawjs.com/playground/?demo=api-deleteElement&header=false&sider=false&default-editor-split=50" 
   width="1000" height="480" frameborder="no" border="0"
   style="border: 1px solid #cecece; margin: 0px auto;"
 ></iframe>

src/zh-CN/api/resize.md

@@ -44,10 +44,10 @@ idraw.resetSize({
 
 ## 示例
 
-[Demo完整预览 Playground >>](https://idraw.js.org/playground/?demo=api-resize)
+[Demo完整预览 Playground >>](https://idrawjs.com/playground/?demo=api-resize)
 
 <iframe class="idraw-playground-preview" 
-  src="https://idraw.js.org/playground/?demo=api-resize&header=false&sider=false&default-editor-split=50" 
+  src="https://idrawjs.com/playground/?demo=api-resize&header=false&sider=false&default-editor-split=50" 
   width="1000" height="480" frameborder="no" border="0"
   style="border: 1px solid #cecece; margin: 0px auto;"
 ></iframe>