Update version to 2.3.3

change the success notice colour

CHANGELOG.md

@@ -1,4 +1,7 @@
 ## Fix
 
-- Fix that `Text` property cannot be synced in the custom database.
-⚠️ **Note:** Remember to update the `Text` property in the database setting.
+- Fix a gif link in README.md
+
+## Features
+
+- Change the success notice colour to green

README.md

@@ -32,64 +32,77 @@
 - [x] ~~Support edit for database details in plugin settings. 支持编辑数据库详情~~
 
 ## How to use
-If you want to use this plugin, you need to follow the following steps to set up the plugin. The steps can be divided into two parts: setting up the Notion API and setting up the plugin in Obsidian. 
 
-### setting up the Notion API
+If you want to use this plugin, you need to follow the following steps to set up the plugin. The steps can be divided into two parts: setting up the Notion API and setting up the plugin in Obsidian.
 
-1. go to [Notion API](https://www.notion.com/my-integrations) to create a new integration, and **copy the token**.
-![create-api](https://minioapi.pjx.ac.cn/img1/2024/07/e48fb26f7311d08429683e8e8f8b993e.mp4)
+### 1. Setting up the Notion API
 
-2. Create a database in your Notion workspace.
+1). Go to [Notion API](https://www.notion.com/my-integrations) to create a new integration, and **copy the token**.
 
-Open Notion, clink top-left `Create a new page` -> You can give a title for the page and press "/" Select 'Database - Full page'.
+![create-api](https://minioapi.pjx.ac.cn/img1/2024/07/28526e416571f8b1fe70d90bd9975b81.gif)
 
-![add-a-page](https://minioapi.pjx.ac.cn/img1/2024/07/25e9512e92c733a29b432b8b821833c0.mp4)
+2). Create a database in your Notion workspace.
 
-Rename the database properties to `title` and `tags`. 
+Open Notion, click top-left `Create` a new page` -> You can give a title for the page and press "/" Select 'Database - Full page'.
+
+![create-database](https://minioapi.pjx.ac.cn/img1/2024/07/f1bd993ed667bcc980a45194eb647c34.gif)
+
+Rename the database properties to `title` and `tags`.
 **⚠️⚠️`title` is the title column! `tags` is lower case⚠️⚠️**
-![](https://minioapi.pjx.ac.cn/img1/2024/07/03e7d7de23bd5a7fbf26cd600c14f5ce.mp4)
 
-3. Add the Notion API integration.
+![rename-title-tags](https://minioapi.pjx.ac.cn/img1/2024/07/20c7b81761195706dde6e7dae69edbc4.gif)
+
+3). Add the Notion API integration.
 
 Click the right-top '...' -> connections -> connect to -> find the integration you created and connect it.
-![api-integration](https://minioapi.pjx.ac.cn/img1/2024/07/16279782787c7d41a90b72cc4d1c1a32.mp4)
 
-4. Publish the database to the public.
+![add-integration](https://minioapi.pjx.ac.cn/img1/2024/07/bf59397146d96727c96dac06515c6c22.gif)
+
+4). Publish the database to the public.
 Click the 'Share' -> 'Publish' -> 'Publish' -> **copy the database id from the URL**.
 
-![connect](https://minioapi.pjx.ac.cn/img1/2024/07/f584810dcff5344f8e02354e10429b75.mp4)
+![share-publish](https://minioapi.pjx.ac.cn/img1/2024/07/5e5b9585cfa4a9086ef6704c3b48eacf.gif)
 
-### Setting up the plugin in Obsidian
+### 2. Setting up the plugin in Obsidian
 
-1. Go to Obsidian settings -> community plugins -> search 'NotionNext' -> install it.
-![plugin](https://minioapi.pjx.ac.cn/img1/2024/07/1bf82618e943ec5eb68d89d4556bc3fc.png)
+1). Go to Obsidian settings -> community plugins -> search 'NotionNext' -> install it.
+  ![plugin](https://minioapi.pjx.ac.cn/img1/2024/07/1bf82618e943ec5eb68d89d4556bc3fc.png)
+
+2). Open the plugin settings and create a new database.
 
-2. Open the plugin settings and create a new database.
 ![add-database](https://minioapi.pjx.ac.cn/img1/2024/07/115f47b4180d04fb362b931f8092b5fb.png)
 
-### Create a database
+### 3. Create a database
+
 **You can create three types of databases:**
 
-#### General database
-General database is the default database, which only has the `title` and `tags` columns. **⚠️⚠️`title` and `tags` are lower case⚠️⚠️**
+#### 1️⃣ General database
+
+General database is the default database, which only has the `title` and `tags` columns. **⚠️⚠️`title` and `tags` are lowercase⚠️⚠️**
+
 ![general](https://minioapi.pjx.ac.cn/img1/2024/07/b2d0d0259afae7a542bd9f62256cd2c2.png)
 
 The general is as follows:
+
 - Full Name: the full name that you would like to give to the database.
 - Abbreviate Name: the abbreviation that you would like to give to the database.
 - Notion tags sync: whether you want to sync the tags column to Notion.
 - Customise title property: whether you want to change the `title` to another name (e.g., `name`).
 - Notion API token: the token you copied from the Notion API page.
-- Notion Database ID: the database ID you copied from the Notion database URL. (e.g., only copy `7158cd3f70ce4f60afd9da5bdf74fd0c` between `site/` and `?` **https://jxpeng.notion.site/7158cd3f70ce4f60afd9da5bdf74fd0c?v=380317ac53734fc0b2471243c13e618f&pvs=4**)
+- Notion Database ID: the database ID you copied from the Notion database URL. (e.g., only copy `7158cd3f70ce4f60afd9da5bdf74fd0c` between `site/` and `?`. `https://jxpeng.notion.site/7158cd3f70ce4f60afd9da5bdf74fd0c?v=380317ac5373sadasdas3c13e618f&pvs=4**`)
 
 After setting, it should look like this:
-![](https://minioapi.pjx.ac.cn/img1/2024/07/3fc630171f6e8ae1011271b2b37d5d48.png)
 
-Once you click `save`, the new database will be created in the plugin settings and display in the detabase list. 
-![](https://minioapi.pjx.ac.cn/img1/2024/07/3dff23b1c13a31f7696dc794fb78eba5.png)
+![general-setting](https://minioapi.pjx.ac.cn/img1/2024/07/3fc630171f6e8ae1011271b2b37d5d48.png)
+
+Once you click `save`, the new database will be created in the plugin settings and display in the detabase list.
+
+![database-list](https://minioapi.pjx.ac.cn/img1/2024/07/3dff23b1c13a31f7696dc794fb78eba5.png)
+
+#### 2️⃣ NotionNext database
 
-#### NotionNext database
 If you use [NotionNext](https://github.com/tangly1024/NotionNext) to set up your website, you can use the NotionNext database. (**All the properties are in lowercase, and you do not need to change the properties**)
+
 ![notionnext](https://minioapi.pjx.ac.cn/img1/2024/07/b164160ccfaf4fb23aa7ac1ce467e235.png)
 
 Like the general database, you need to fill in the following information:
@@ -99,7 +112,8 @@ Like the general database, you need to fill in the following information:
 - Notion API token: the token you copied from the Notion API page.
 - Notion Database ID: the database ID you copied from the Notion database URL.
 
-#### Custom database
+#### 3️⃣ Custom database
+
 The custom database is purely customised, and you can customise the properties you want to sync. (**All the properties are in lowercase, and you do not need to change the properties**)
 
 ![customise](https://minioapi.pjx.ac.cn/img1/2024/07/612b1377ec94d452abec7dc3fbe6cefb.png)
@@ -112,22 +126,27 @@ The basic information is identical to the general database and NotionNext databa
 - Notion Database ID: the database ID you copied from the Notion database URL.
 
 After adding the information, You can click `Add New Property` to add the properties you want to sync. There is no limit to the number of properties you can add.
-![](https://minioapi.pjx.ac.cn/img1/2024/07/26c0d4548acb3d9ca0a4dda1c08e6a43.png)
+
+![customise-add-property](https://minioapi.pjx.ac.cn/img1/2024/07/17cfbfa93d92404ff70d920302f15981.png)
 
 **⚠️⚠️⚠️**: **`Title column` is the main property in the Notion database, which has the open button to open the underlying page.** You can select the type of all other properties. **⚠️⚠️⚠️**
-![](https://minioapi.pjx.ac.cn/img1/2024/07/00b379c95c43dadc4b3e63086f0121fc.png)
 
-According to the previous shown database, you can use `title` as the `Title column`, and `Tags` as the property 1.
-![](https://minioapi.pjx.ac.cn/img1/2024/07/87529214008147d3aa1bbe5868849f31.png)
+![title-column](https://minioapi.pjx.ac.cn/img1/2024/07/0521b0aa6cedbe67bca4966bf79041ea.png)
+
+According to the previously shown database, you can use `title` as the `Title column`, and `Tags` as the property 1.
+
+![title-and-tags](https://minioapi.pjx.ac.cn/img1/2024/07/87529214008147d3aa1bbe5868849f31.png)
 
 **Until now, you have set up the plugin in Obsidian. You can start syncing your notes to Notion.**
 
-### Start syncing
+### 4. Start syncing
 
 Create a new note in Obsidian, and fill in the front matter with the properties you want to sync.
 
-#### note for general database
+#### 1️⃣ note for general database
+
 For example, we can create a test note with the following front matter:
+
 ``` markdown
 ---
 title: test
@@ -138,9 +157,11 @@ This is a test file.
 
 ```
 
-![general-sync](https://minioapi.pjx.ac.cn/img1/2024/07/b6e8befaf06a21b9606d8a145987111c.mp4)
+After creating the note, you can click the `Share to NotionNext` button on the left sidebar to sync the note to Notion.
 
-#### note for NotionNext database
+![general-sync](https://minioapi.pjx.ac.cn/img1/2024/07/6a690dc4b04d6b74134e9d3d76636c1b.gif)
+
+#### 2️⃣ note for NotionNext database
 
 We use the following front matter for the NotionNext database:
 
@@ -163,16 +184,20 @@ tags:
 NotionID-pengjiaxin: 8ba573de-8fdf-4681-b063-c39d26e7860e
 ---
 
-this is a test file 
+this is a test file
 ```
 
-![notionnext-sync](https://minioapi.pjx.ac.cn/img1/2024/07/d9fe6143d36e2d837c5e8f5e56cc19d7.mp4)
+![notionnext-sync](https://minioapi.pjx.ac.cn/img1/2024/07/5539ec534e7a855ad87aa7949e5e836f.gif)
 
+#### 3️⃣ note for custom database
 
-#### note for custom database
+##### sync title and tags
 
-1. Use the previous created general database and rename `title` to `Name` and `tags` to `Tags` in Notion. The front matter for the custom database is as follows:
-![rename-notion](https://minioapi.pjx.ac.cn/img1/2024/07/388d62eec3457ff5d5e82257adabbbdc.mp4)
+Use the previously created general database and rename `title` to `Name` and `tags` to `Tags` in Notion.
+
+![rename-notion](https://minioapi.pjx.ac.cn/img1/2024/07/e4d1c988be22353537998db897c7a471.gif)
+
+The front matter for the custom database is as follows:
 
 ```markdown
 ---
@@ -183,20 +208,28 @@ Tags:
 ---
 
 This is a test file. 
-```markdown
+```
 
-![custom-sync](https://minioapi.pjx.ac.cn/img1/2024/07/6881f569c7752d86899084531eb679d7.mp4)
+![sync-custom](https://minioapi.pjx.ac.cn/img1/2024/07/973f17955cd921cca6b5007f0990eea4.gif)
 
-2. Add more property to the custom database. For example, we can add a `summary` and `date` property to the custom database.
-  1. Click `Edit` in the plugin settings.
+##### sync more properties
+
+Add more property to the custom database. For example, we can add a `summary` and `date` property to the custom database.
+
+  1). Click `Edit` in the plugin settings.
   ![edit](https://minioapi.pjx.ac.cn/img1/2024/07/f50639d8118b1f106d7bb29be5d3527b.png)
-  2. Click `Add` and add the `summary` and `date` property.
-  ![add-summary-date](https://minioapi.pjx.ac.cn/img1/2024/07/972af360c07dd2a0a94ead4bab1c0a70.mp4)
-  3. After adding the properties, you can see the properties in the plugin settings.
+  2). Click `Add` and add the `summary` and `date` property.
+
+![add-property](https://minioapi.pjx.ac.cn/img1/2024/07/49716657adf0255a37fa214abf4716dc.gif)
+
+  3). After adding the properties, you can see the properties in the plugin settings.
   ![four properties](https://minioapi.pjx.ac.cn/img1/2024/07/63a0a0e09d537b1cf55cfdc49de4db1a.png)
-  4. Add the `summary` and `date` in Notion
-  ![summary-notion](https://minioapi.pjx.ac.cn/img1/2024/07/b6291a5122e5714e699608535394de98.mp4)
-  5. Create a new note with the `summary` and `date` property.
+  4). Add the `summary` and `date` in Notion
+
+  ![add-in-notion](https://minioapi.pjx.ac.cn/img1/2024/07/d193fe72ce3676bf643b0d1eb92dd4b7.gif)
+
+  5). Create a new note with the `summary` and `date` property.
+    
   ```markdown
   ---
   Name: test-custom-more
@@ -209,28 +242,14 @@ This is a test file.
 
   This is a test file.
   ```
-  ![custom-more-sync](https://minioapi.pjx.ac.cn/img1/2024/07/342c32a30232afb4504e356d3f47148f.mp4)
-
-
-
-## 使用方法
-如果你想使用这个插件，你需要完成下边的七个步骤。
-1. 首先在你的Notion中创建一个数据库。
-2. 点击右上角的'分享' -> '发布' -> '发布' -> 然后复制URL中的数据库ID。(版本不同，可能id的形式也不同。只需要复制在？之前的纯数字部分应该就可以了)
-3. 去[Notion API](https://www.notion.com/my-integrations)创建一个新的API，然后复制token。
-4. 回到你创建的Notion数据库，点击右上角的'...' -> 连接 -> 连接到 -> 把你刚才创建的API绑定到你的数据库
-5. 回到Obsidian的设置 -> 社区插件 -> 搜索'NotionNext' -> 安装
-6. 在插件设置中创建一个数据库，然后填写数据库的详情和你想要同步的属性 (**注意：Notion会识别表头的大小写，一定要和notion中的表头保持大小写一致**)。
-   - 你可以使用三种类型的数据库：
-	 - NotionNext: 用于NotionNext模板的数据库。(**默认全部小写**)
-	 - General: 用于普通的Notion数据库（**只有`title`和`tags`两个属性**）
-	 - Custom: 用于自定义属性的数据库（你可以自定义你想要同步的属性）
-7. 在Obsidian中创建一个新的笔记，然后在frontmatter中写入你想要的属性。
 
+  6). Sync the note to Notion.
 
+  ![sync-custom](https://minioapi.pjx.ac.cn/img1/2024/07/0e4cfbd61acdaf813fd81ee6d046e067.gif)
+  
 ---
 
-## Acknowledgement
+## Acknowledgment
 
 Thanks to the [original author](https://github.com/EasyChris/obsidian-to-notion) for developing such a useful plugin that can synchronize Obsidian to Notion. However, the original repository can only sync Name and Tag information. For those like me who use [NotionNext](https://github.com/tangly1024/NotionNext) to set up their website, this presents some limitations. Every time I import, I need to make a lot of modifications.
 

manifest.json

@@ -1,7 +1,7 @@
 {
   "id": "share-to-notionnext",
   "name": "Share to NotionNext",
-  "version": "2.3.2",
+  "version": "2.3.3",
   "minAppVersion": "0.0.1",
   "description": "Shares obsidian md file to notion with notion api for NotionNext web deploy, originally created by EasyChris/obsidian-to-notion.",
   "author": "EasyChris, jxpeng98",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "share-to-notionnext",
-  "version": "2.3.2",
+  "version": "2.3.3",
   "type": "module",
   "description": "Shares obsidian md file to notion with notion api for NotionNext web deploy, originally created by EasyChris/obsidian-to-notion.",
   "main": "main.js",

src/lang/locale/en.ts

@@ -27,11 +27,11 @@ export const en = {
 	DatabaseIDText: "Enter your Database ID",
 	BannerUrl: "Banner url (optional)",
 	BannerUrlDesc:
-"Default is empty, if you want to show a banner, please enter the url (like: https://abc.com/b.png)",
+		"Default is empty, if you want to show a banner, please enter the url (like: https://abc.com/b.png)",
 	BannerUrlText: "Enter your banner url",
 	NotionUser: "Notion ID (username, optional)",
 	NotionUserDesc:
-"Collect from share link likes:https://username.notion.site. Your notion id is [username]",
+		"Collect from share link likes:https://username.notion.site. Your notion id is [username]",
 	NotionUserText: "Enter your notion ID",
 	NotionLinkDisplay: "Notion Link Display",
 	NotionLinkDisplayDesc: "Default is ON, if you want to hide the link in the front matter, please turn it off",
@@ -48,23 +48,23 @@ export const en = {
 	NotionCustomValues: "Customise values property",
 	NotionCustomValuesDesc: "Modify the column name of the Notion database，one per line",
 	NotionCustomValuesText: "Enter all properties that you want to sync",
-	NotYetFinish:
-"Not finished. This function will be available in the next version",
+	NotYetFinish: "Not finished. This function will be available in the next version",
 	PlaceHolder: "Enter database Name",
 	"notion-logo": "Share to NotionNext",
-	"sync-success": "Sync to NotionNext success: \n",
-	"sync-fail": "Sync to NotionNext fail: \n",
+	"sync-preffix": "Sync to ",
+	"sync-success": "success",
+	"sync-fail": "failed",
 	"open-notion": "Please open the file that needs to be synchronized",
 	"config-secrets-notion-api":
-"Please set up the notion API in the settings tab.",
+		"Please set up the notion API in the settings tab.",
 	"config-secrets-database-id":
-"Please set up the database id in the settings tab.",
+		"Please set up the database id in the settings tab.",
 	"set-tags-fail":
-"Set tags fail,please check the frontmatter of the file or close the tag switch in the settings tab.",
+		"Set tags fail,please check the frontmatter of the file or close the tag switch in the settings tab.",
 	NNonMissing:
-"The 'NNon' property is missing in the settings. Please set it up.",
+		"The 'NNon' property is missing in the settings. Please set it up.",
 	"set-api-id":
-"Please set up the notion API and database ID in the settings tab.",
+		"Please set up the notion API and database ID in the settings tab.",
 	NotionCustomSettingHeader: "Notion Custom Database Settings",
 	NotionCustomButton: "Notion Customised command switch",
 	NotionCustomButtonDesc: "Open this option, Sync to Notion Customised Database command will be displayed in the command palette",
@@ -75,4 +75,5 @@ export const en = {
 	AddCustomProperty: "Add Custom Property",
 	AddNewProperty: "Add New Property",
 	AddNewPropertyDesc: "Add new property match with your notion database",
+	CopyErrorMessage: "Auto copy failed, please copy it manually",
 }

src/lang/locale/ja.ts

@@ -67,4 +67,5 @@ export const ja = {
 	AddCustomProperty: "カスタムプロパティを追加",
 	AddNewProperty: "新しいプロパティを追加",
 	AddNewPropertyDesc: "新しいプロパティを追加してください",
+    CopyErrorMessage: "自動コピーに失敗しました",
 };

src/lang/locale/zh.ts

@@ -70,4 +70,5 @@ export const zh = {
 	AddCustomProperty: "添加自定义属性",
 	AddNewProperty: "添加新属性",
 	AddNewPropertyDesc: "添加一个和Notion数据库匹配的新属性",
+	CopyErrorMessage: "复制链接失败，请手动复制",
 }

src/upload/updateYaml.ts

@@ -1,6 +1,7 @@
 import { App, Notice, TFile } from "obsidian";
 import ObsidianSyncNotionPlugin from "../main";
 import { DatabaseDetails } from "../ui/settingTabs";
+import { i18nConfig } from "src/lang/I18n";
 
 export async function updateYamlInfo(
     yamlContent: string,
@@ -37,6 +38,7 @@ export async function updateYamlInfo(
     try {
         await navigator.clipboard.writeText(url)
     } catch (error) {
-        new Notice(`复制链接失败，请手动复制${error}`)
+        console.log(error)
+        new Notice(`${i18nConfig.CopyErrorMessage}`);
     }
 }

src/upload/uploadCommand.ts

@@ -18,13 +18,6 @@ export async function uploadCommandNext(
 
 	const { notionAPI, databaseID } = dbDetails;
 
-	// Check if NNon exists
-	// if (NNon === undefined) {
-	//     const NNonmessage = i18nConfig.NNonMissing;
-	//     new Notice(NNonmessage);
-	//     return;
-	// }
-
 	// Check if the user has set up the Notion API and database ID
 	if (notionAPI === "" || databaseID === "") {
 		const setAPIMessage = i18nConfig["set-api-id"];
@@ -54,7 +47,7 @@ export async function uploadCommandNext(
 		const res = await upload.syncMarkdownToNotionNext(basename, emoji, cover, tags, type, slug, stats, category, summary, paword, favicon, datetime, markDownData, nowFile, this.app);
 
 		if (res.status === 200) {
-			new Notice(`${i18nConfig["sync-success"]}${basename}`);
+			new Notice(`${i18nConfig["sync-preffix"]} ${basename} ${i18nConfig["sync-success"]}`).noticeEl.style.color = "green";
 		} else {
 			new Notice(`${i18nConfig["sync-fail"]}${basename}`, 5000);
 		}
@@ -88,7 +81,7 @@ export async function uploadCommandGeneral(
 		const res = await upload.syncMarkdownToNotionGeneral(basename, cover, tags, markDownData, nowFile, this.app);
 
 		if (res.status === 200) {
-			new Notice(`${i18nConfig["sync-success"]}${basename}`);
+			new Notice(`${i18nConfig["sync-success"]}${basename}`).noticeEl.style.color = "green";
 		} else {
 			new Notice(`${i18nConfig["sync-fail"]}${basename}`, 5000);
 		}
@@ -122,7 +115,7 @@ export async function uploadCommandCustom(
 		const res = await upload.syncMarkdownToNotionCustom(cover, customValues, markDownData, nowFile, this.app);
 
 		if (res.status === 200) {
-			new Notice(`${i18nConfig["sync-success"]}${basename}`);
+			new Notice(`${i18nConfig["sync-success"]}${basename}`).noticeEl.style.color = "green";
 		} else {
 			new Notice(`${i18nConfig["sync-fail"]}${basename}`, 5000);
 		}

src/upload/upoload_custom/Upload2NotionCustom.ts

@@ -99,6 +99,7 @@ export class Upload2NotionCustom extends UploadBaseCustom {
 		app: App,
 	): Promise<any> {
 		const options = {
+			strictImageUrls: true,
 			notionLimits: {
 				truncate: false,
 			}
@@ -123,7 +124,7 @@ export class Upload2NotionCustom extends UploadBaseCustom {
 		} else {
 			res = await this.createPage(cover, customValues, file2Block);
 		}
-		if (res.status === 200) {
+		if (res && res.status === 200) {
 			await updateYamlInfo(markdown, nowFile, res, app, this.plugin, this.dbDetails);
 		} else {
 			new Notice(`${res.text}`);
@@ -228,7 +229,7 @@ export class Upload2NotionCustom extends UploadBaseCustom {
 		}
 		);
 
-		console.log(properties)
+		// console.log(properties)
 
 		return {
 			parent: {