chore: update textual descriptions in code

kwp-lab · kwp-lab · commit 959c9b98b26d · 2024-04-11T00:27:22.000+08:00
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-# APITable Url to Image Converter
+# AITable Url to Image Converter
 
 <p align='center'>
   <image src="logo/logo-48.png" />
@@ -14,7 +14,7 @@
   <a href="README_CN.md">简体中文</a>
 </p>
 
-This is a browser extension that extracts images from URLs and uploads them to APITable.
+This is a browser extension that extracts images from URLs and uploads them to AITable or APITble.
 
 - ✨ You can extract images from URL addresses and save them to the "Attachment" field.
 - ✨ Supports processing multiple URLs separated by commas (in a single cell), enabling multiple attachments to be saved in the same cell.
@@ -47,33 +47,36 @@ Before using the extension, follow these steps to set your API access credential
 1. Open the extension's options page.
 If you can't find the options page, right-click the extension icon and click button "Options".
 
-2. In the options page, enter your APITable API Token and API Host information.
-If you don't have an API Token yet, you can register and obtain one on the [APITable website](https://apitable.com/).
+2. In the options page, enter your AITable API Token and API Host information.
+If you don't have an API Token yet, you can register and obtain one on the [AITable website](https://aitable.ai/).
 
 3. Save the settings and return to the extension's pop-up page.
 
 ## Usage
 
-1. Visit [APITable.com](https://apitable.com/) and open the datasheet to be processed.
+1. Visit [aitable.ai](https://aitable.ai/) and open the datasheet to be processed.
 
 2. Click the icon of this extension to bring up the operation interface. Select which field to read the URL information from and specify which attachment field to save the image data collected from the URL.
 
     > Tip 1: URLs must be stored in fields of the following three types: "Single Line Text", "Long Text", and "URL". Other field types will be filtered out and will not appear in the drop-down selection box.
 
-    > Tip 2: You must first open the APITable.com datasheet link and then start the browser extension. Otherwise, the extension will be unable to get the field list of the datasheet.
+    > Tip 2: You must first open the aitable.ai datasheet link and then start the browser extension. Otherwise, the extension will be unable to get the field list of the datasheet.
 
 3. After confirming that everything is correct, click the "conver" button, and the extension will begin extracting images and saving to "attachments" field in the background (extension service worker).
 
-    > Tip: Since this is done in the background, you can close the extension popup window and even the currently active APITable webpage after starting the process. The image extraction and attachment conversion will continue to function normally (but you cannot close the browser...).
+    > Tip: Since this is done in the background, you can close the extension popup window and even the currently active AITable webpage after starting the process. The image extraction and attachment conversion will continue to function normally (but you cannot close the browser...).
 
 ## FAQ
 
-**Q: Can other file formats be extracted and saved to APITable?**
+**Q: Can other file formats be extracted and saved to AITable?**
 A: Yes. As long as the URL points to a file that can be directly downloaded by the browser, whether it's a PDF or an mp4, it can be converted using this extension.
 
 **Q: Some URLs fail to be converted successfully. How can I check the logs or debug?**
 A: Right-click on the extension pop-up window and select "Inspect" from the menu to view the log messages through the console. Or open the console of the service worker to view the background running logs.
 
+**Q: What's the relationship between AITable and APITable?**
+A: APITable is the community edition of AITable. Extension "Url to Image Converter" works for both of them.
+
 ## Contribution
 
 Contributions in the form of code, reporting issues, and suggestions are welcome.
diff --git a/README_CN.md b/README_CN.md
@@ -1,4 +1,4 @@
-# APITable Url to Image Converter
+# AITable Url to Image Converter
 
 <p align='center'>
   <image src="logo/logo-48.png" />
@@ -14,9 +14,9 @@
   <a href="README_CN.md">简体中文</a>
 </p>
 
-以浏览器扩展程序的形式，实现从URL中提取图像并将其上传到APITable的能力。
+以浏览器扩展程序的形式，实现从URL中提取图像并将其上传到 AITable 的能力。
 
-- ✨ 支持 APITable/维格表的整表读取，将URL地址对应的文件下载并转存至“附件”字段当中；
+- ✨ 支持 AITable/维格表的整表读取，将URL地址对应的文件下载并转存至“附件”字段当中；
 - ✨ 支持以“,”分隔的多个URL文本处理（单个单元格内），实现多附件转存至同一单元格内；
 - ✨ 对入门级开发者友好，使用基础HTML，JavaScript，CSS开发而成，无需掌握React、Vue等框架
 
@@ -47,28 +47,28 @@
 1. 打开扩展程序的选项页面。
 如果您无法找到选项页面，可以右键点击扩展程序的图标，然后选择“选项”。
 
-2. 在 options 页面中，输入您的 APITable API Token 和 API Host 信息。
-如果您还没有 APITable API Token，可以在 [APITable 官网](https://apitable.com/) 注册并获取。
+2. 在 options 页面中，输入您的 AITable API Token 和 API Host 信息。
+如果您还没有 AITable API Token，可以在 [AITable 官网](https://aitable.ai/) 注册并获取。
 
 3. 保存设置并返回扩展程序的主页面。
 
 ## 使用步骤
 
-1. 访问 APITable.com, 打开待处理的表格。
+1. 访问 aitable.ai, 打开待处理的表格。
 
 2. 在浏览器扩展程序的区域，单击本扩展程序的图标，弹出操作界面。请选择从哪个字段里读取 URL 信息，并且指定从 URL 采集的图片数据保存至哪个附件字段中。
 
     > 提示1：URL必须要存储在“单行文本”，“多行文本”，“网址”这三种字段类型之中，其他类型字段会被过滤，不会出现在下拉选择框中.
-    > 提示2：必须要先打开 APITable.com 的表格链接，再启动浏览器扩展程序。否则程序无法抓取到表格的字段信息。
+    > 提示2：必须要先打开 aitable.ai 的表格链接，再启动浏览器扩展程序。否则程序无法抓取到表格的字段信息。
 
 3. 确认无误后，点击按钮“conver”，扩展程序将会在后台（extension service worker）开始图片采集和转存附件的操作。
 
-    > 提示：由于是在后台处理。因此执行开始后，你可以关闭程序弹窗，甚至关闭当前激活中的 APITable 网页，图片采集和转存附件工作仍会正常运作。（但不能关闭浏览器...）
+    > 提示：由于是在后台处理。因此执行开始后，你可以关闭程序弹窗，甚至关闭当前激活中的 AITable 网页，图片采集和转存附件工作仍会正常运作。（但不能关闭浏览器...）
 
 
 ## 常见问题
 
-**Q：可以采集其他格式的文件并转存至 APITable/维格表吗？**
+**Q：可以采集其他格式的文件并转存至 AITable/维格表吗？**
 A：可以的。只要 URL 指向的是一个可被浏览器直接下载的文件，不管是PDF还是mp4，都可以通过本扩展程序进行转存。
 
 **Q：有一些url无法成功转存成功，我应该如何查看日志或者调试？**
diff --git a/apitable-url-to-image.zip b/apitable-url-to-image.zip
diff --git a/apitable-url-to-image.zip.old b/apitable-url-to-image.zip.old
diff --git a/manifest.json b/manifest.json
@@ -1,8 +1,8 @@
 {
     "manifest_version": 3,
-    "name": "APITable Url to Image Converter",
-    "description": "An extension designed to extract images from URLs and upload them to APITable.",
-    "version": "0.1.2",
+    "name": "AITable Url to Image Converter",
+    "description": "An extension designed to extract images from URLs and upload them to AITable.",
+    "version": "0.1.3",
     "icons": {
         "16": "logo/logo-16.png",
         "48": "logo/logo-48.png",
diff --git a/popup/popup.html b/popup/popup.html
@@ -2,7 +2,7 @@
 <html lang="en">
 
 <head>
-    <title>APITable Url to Image Converter：Popup</title>
+    <title>AITable Url to Image Converter：Popup</title>
     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
     <link rel="stylesheet" href="../assets/custom-bootstrap-magic.css" />
     <link rel="stylesheet" href="popup.css" />
diff --git a/popup/popup.js b/popup/popup.js
@@ -1,5 +1,5 @@
 // Where we will expose all the data we retrieve from storage.sync.
-const storageCache = { apiToken: '', apiHost: 'https://apitable.com' };
+const storageCache = { apiToken: '', apiHost: 'https://aitable.ai' };
 // Asynchronously retrieve data from storage.sync, then cache it.
 const initStorageCache = chrome.storage.sync.get().then((items) => {
     // Copy the data retrieved from storage into storageCache.
@@ -27,7 +27,7 @@ async function getDatasheetParamsFromURL() {
         popupData.datasheetId = match[1];
         popupData.viewId = match[2];
     } else {
-        throw new Error("Please open a datasheet view in APITable Workbench.");
+        throw new Error("Please open a datasheet view in AITable Workbench.");
     }
 }
 
@@ -95,7 +95,7 @@ async function convert() {
     console.log(response);
 
     if (response.success !== undefined) {
-        if (response.success == true) {
+        if (response.success === true) {
             showMsg("Conversion completed successfully.", "alert-success");
         } else {
             showMsg("Error: "+ JSON.stringify(response.message), "alert-danger");
@@ -113,7 +113,7 @@ async function convert() {
 function showMsg(msg, type) {
     const msgEl = document.querySelector('#alertBox');
     msgEl.textContent = msg;
-    msgEl.classList.add(type ? type : "alert-primary");
+    msgEl.classList.add(type || "alert-primary");
     msgEl.style.display = "block";
 }
 
diff --git a/service-worker-utils.js b/service-worker-utils.js
@@ -23,11 +23,11 @@ function startsWithHttpOrHttps(urlStr) {
 }
 
 /**
- * Checks if a URL string matches the APITable attachment format
+ * Checks if a URL string matches the AITable attachment format
  * @param {String} urlStr - The URL string to be validated
  * @returns {Boolean} - The result of the regular expression test
  */
-function isAPITableAttachmentFormat(urlStr) {
+function isAITableAttachmentFormat(urlStr) {
   // Regular expression pattern to match URLs in the format "filename (http|https://url)"
   let pattern = /.+\s\((http|https):\/\/.+?\.(jpg|gif|jpeg|png)\)$/i;
   return pattern.test(urlStr);
@@ -57,7 +57,7 @@ function filterValidUrls(record, urlFieldId) {
   let fieldValue = record.fields[urlFieldId];
 
   // If the field value is an empty string, return null
-  if (fieldValue === "") {
+  if (typeof fieldValue !== "string" || fieldValue.trim() === "") {
     return null;
   }
 
@@ -76,10 +76,10 @@ function filterValidUrls(record, urlFieldId) {
       if (startsWithHttpOrHttps(valStr)) {
         result.push(getFileUrlObject(valStr));
       }
-      // If the value is in the format of an APITable attachment field converted to a string, add it to the result array
-      else if (isAPITableAttachmentFormat(valStr)) {
+      // If the value is in the format of an AITable attachment field converted to a string, add it to the result array
+      else if (isAITableAttachmentFormat(valStr)) {
         let tmp = valStr.split(" (");
-        console.log("analyzing APITable Format URL", tmp);
+        console.log("analyzing AITable Format URL", tmp);
         let fileObj = {
           fileName: tmp[0].trim(),
           url: tmp[1].substr(0, tmp[1].length - 1),
@@ -88,13 +88,13 @@ function filterValidUrls(record, urlFieldId) {
       }
     });
   }
-  // If there's only one url, check if it's a valid image url or an APITable attachment field converted to a string
+  // If there's only one url, check if it's a valid image url or an AITable attachment field converted to a string
   else {
     if (startsWithHttpOrHttps(fieldValue)) {
       result.push(getFileUrlObject(fieldValue));
-    } else if (isAPITableAttachmentFormat(fieldValue)) {
+    } else if (isAITableAttachmentFormat(fieldValue)) {
       let tmp = fieldValue.split(" (");
-      console.log("analyzing APITable Format URL", tmp);
+      console.log("analyzing AITable Format URL", tmp);
       let fileObj = {
         fileName: tmp[0].trim(),
         url: tmp[1].substr(0, tmp[1].length - 1),
diff --git a/service-worker.js b/service-worker.js
@@ -24,7 +24,7 @@ const initStorageCache = chrome.storage.sync.get().then((items) => {
     Object.assign(storageCache, items);
 });
 
-// fetch image data from url, convert to blob data, and upload to APITable as attachment with API
+// fetch image data from url, convert to blob data, and upload to AITable as attachment with API
 async function convertUrltoImage(eventData) {
     const params = {
         datasheetId: eventData.popupData.datasheetId,
@@ -48,12 +48,12 @@ async function convertUrltoImage(eventData) {
             // get the urls from the url field
             const imageUrls = filterValidUrls(record, params.urlFieldId)
 
-            console.debug(`Processing ${imageUrls.length} urls`, imageUrls);
-
             if (!Array.isArray(imageUrls) || imageUrls.length == 0) {
                 continue;
             }
 
+            console.debug(`Processing ${imageUrls.length} urls`, imageUrls);
+
             const uploader = new ImageUploader(params.datasheetId, params.viewId, storageCache.apiHost, storageCache.apiToken);
 
             const result = await uploader.fetch(imageUrls)
@@ -124,7 +124,7 @@ chrome.runtime.onMessage.addListener(function (
         eventMsg
     );
 
-    const eventData = Object.assign({}, eventMsg.data);
+    const eventData = { ...eventMsg.data};
 
     initStorageCache.then(() => {
         if (eventMsg.event == "convertToImage") {
diff --git a/settings/settings.html b/settings/settings.html
@@ -6,7 +6,7 @@
 
     <link rel="stylesheet" href="../assets/custom-bootstrap-magic.css" />
     <link rel="stylesheet" href="settings.css" />
-    <title>APITable Url to Image Converter：Settings</title>
+    <title>AITable Url to Image Converter：Settings</title>
 </head>
 <body>
 
@@ -24,7 +24,7 @@
                     <div class="form-group">
                         <label for="inputUrlField"> API Host </label>
                         <input class="form-control" id="inputHostField" />
-                        <small id="hostHelp" class="form-text text-muted">Tips: The APITable api host </small>
+                        <small id="hostHelp" class="form-text text-muted">Tips: The AITable api host </small>
                     </div>
                   
                     <div class="form-group text-right pt-2 mb-0">
diff --git a/settings/settings.js b/settings/settings.js
@@ -11,7 +11,7 @@ const saveOptions = () => {
     }
   
     chrome.storage.sync.set(
-      { apiToken: apiToken, apiHost: apiHost ? apiHost : 'https://apitable.com' },
+      { apiToken: apiToken, apiHost: apiHost || 'https://aitable.ai' },
       () => {
         // Update status to let user know options were saved.
         const status = document.getElementById('statusMsg');
@@ -29,7 +29,7 @@ const saveOptions = () => {
   // stored in chrome.storage.
   const restoreOptions = () => {
     chrome.storage.sync.get(
-      { apiToken: '', apiHost: 'https://apitable.com' },
+      { apiToken: '', apiHost: 'https://aitable.ai' },
       (items) => {
         document.getElementById('inputTokenField').value = items.apiToken;
         document.getElementById('inputHostField').value = items.apiHost;
