@myissue/vue-website-page-builder 3.1.26 → 3.1.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myissue/vue-website-page-builder",
-  "version": "v3.1.26",
+  "version": "v3.1.30",
   "description": "🚧 DEVELOPMENT VERSION - Vue.js page builder component with drag & drop functionality. Not ready for production use.",
   "type": "module",
   "main": "./dist/vue-website-page-builder.umd.cjs",

package/src/composables/PageBuilderClass.ts

@@ -1135,103 +1135,139 @@ class PageBuilderClass {
     const resourceFormName =
       this.pageBuilderStateStore.getConfigPageBuilder?.updateOrCreate?.createNewResourceFormName
 
-    // Logic for create
-    if (updateOrCreate === 'create' && resourceFormName && resourceFormName.length > 0) {
-      this.pageBuilderStateStore.setLocalStorageItemName(
-        `page-builder-create-resource-${this.sanitizeForLocalStorage(resourceFormName)}`,
-      )
-      return
-    }
-
-    // Logic for create
+    // Logic for create resource
     if (updateOrCreate === 'create') {
-      this.pageBuilderStateStore.setLocalStorageItemName(`page-builder-create-resource`)
-      return
-    }
-
-    // Logic for update
-    if (
-      (updateOrCreate === 'update' && typeof resourceFormName !== 'string') ||
-      (typeof resourceFormName === 'string' && resourceFormName?.length < 1)
-    ) {
-      // if resource data is null
-      if (resourceData === null) {
-        this.pageBuilderStateStore.setLocalStorageItemName(`page-builder-update-resource`)
-        return
-      }
-
-      // If resource is present
-
-      // Runs when resourceData has id but no title
-      if (typeof resourceData === 'object' && 'id' in resourceData && !('title' in resourceData)) {
-        const sanitizedId = this.sanitizeForLocalStorage(String(resourceData['id']))
-        this.pageBuilderStateStore.setLocalStorageItemName(
-          `page-builder-update-resource-${sanitizedId}`,
-        )
-        return
-      }
-
-      // Runs when resourceData has title but no id
-      if (typeof resourceData === 'object' && 'title' in resourceData && !('id' in resourceData)) {
-        const sanitizedTitle = this.sanitizeForLocalStorage(String(resourceData['title']))
+      if (resourceFormName && resourceFormName.length > 0) {
         this.pageBuilderStateStore.setLocalStorageItemName(
-          `page-builder-update-resource-${sanitizedTitle}`,
+          `page-builder-create-resource-${this.sanitizeForLocalStorage(resourceFormName)}`,
         )
         return
       }
 
-      // Runs when resourceData has both title and id
-      if (typeof resourceData === 'object' && 'title' in resourceData && 'id' in resourceData) {
-        const sanitizedId = this.sanitizeForLocalStorage(String(resourceData['id']))
-        const sanitizedTitle = this.sanitizeForLocalStorage(String(resourceData['title']))
-
-        this.pageBuilderStateStore.setLocalStorageItemName(
-          `page-builder-update-resource-${sanitizedTitle}-${sanitizedId}`,
-        )
-        return
-      }
+      this.pageBuilderStateStore.setLocalStorageItemName(`page-builder-create-resource`)
+      return
     }
+
+    // Logic for create
     // Logic for update and with resource form name
-    if (
-      updateOrCreate === 'update' &&
-      typeof resourceFormName === 'string' &&
-      resourceFormName.length > 0
-    ) {
-      // if resource data is null
-      if (resourceData === null) {
-        this.pageBuilderStateStore.setLocalStorageItemName(`page-builder-update-resource`)
-        return
-      }
+    if (updateOrCreate === 'update') {
+      //
+      //
+      //
+      if (typeof resourceFormName === 'string' && resourceFormName.length > 0) {
+        //
+        //
+        if (resourceData && resourceData != null && !resourceData.title) {
+          // Check if id is missing, null, undefined, or an empty string (after trimming)
+          if (!resourceData.id || typeof resourceData.id === 'string') {
+            this.pageBuilderStateStore.setLocalStorageItemName(`page-builder-update-resource`)
+            return
+          }
+        }
 
-      // If resource is present
+        // Runs when resourceData has title but no ID
+        if (resourceData && resourceData != null) {
+          if (
+            resourceData.title &&
+            typeof resourceData.title === 'string' &&
+            resourceData.title.length > 0
+          ) {
+            if (!resourceData.id || typeof resourceData.id === 'string') {
+              this.pageBuilderStateStore.setLocalStorageItemName(
+                `page-builder-update-resource-${this.sanitizeForLocalStorage(resourceFormName)}-${this.sanitizeForLocalStorage(resourceData.title)}`,
+              )
+              return
+            }
+          }
+        }
 
-      // Runs when resourceData has id but no title
-      if (typeof resourceData === 'object' && 'id' in resourceData && !('title' in resourceData)) {
-        const sanitizedId = this.sanitizeForLocalStorage(String(resourceData['id']))
-        this.pageBuilderStateStore.setLocalStorageItemName(
-          `page-builder-update-resource-${sanitizedId}-${this.sanitizeForLocalStorage(resourceFormName)}`,
-        )
-        return
-      }
+        // Runs when resourceData has ID but no title
+        if (resourceData && resourceData != null) {
+          if (!resourceData.title && typeof resourceData.title !== 'string') {
+            if (resourceData.id || typeof resourceData.id === 'number') {
+              this.pageBuilderStateStore.setLocalStorageItemName(
+                `page-builder-update-resource-${this.sanitizeForLocalStorage(resourceFormName)}-${this.sanitizeForLocalStorage(String(resourceData.id))}`,
+              )
+              return
+            }
+          }
+        }
 
-      // Runs when resourceData has title but no id
-      if (typeof resourceData === 'object' && 'title' in resourceData && !('id' in resourceData)) {
-        const sanitizedTitle = this.sanitizeForLocalStorage(String(resourceData['title']))
-        this.pageBuilderStateStore.setLocalStorageItemName(
-          `page-builder-update-resource-${sanitizedTitle}-${this.sanitizeForLocalStorage(resourceFormName)}`,
-        )
-        return
+        // Runs when resourceData has both title and ID
+        if (resourceData && resourceData != null) {
+          if (
+            resourceData.title &&
+            typeof resourceData.title === 'string' &&
+            resourceData.title.length > 0
+          ) {
+            if (resourceData.id || typeof resourceData.id === 'number') {
+              this.pageBuilderStateStore.setLocalStorageItemName(
+                `page-builder-update-resource-${this.sanitizeForLocalStorage(resourceFormName)}-${this.sanitizeForLocalStorage(resourceData.title)}-${this.sanitizeForLocalStorage(String(resourceData.id))}`,
+              )
+              return
+            }
+          }
+        }
       }
 
-      // Runs when resourceData has both title and id
-      if (typeof resourceData === 'object' && 'title' in resourceData && 'id' in resourceData) {
-        const sanitizedId = this.sanitizeForLocalStorage(String(resourceData['id']))
-        const sanitizedTitle = this.sanitizeForLocalStorage(String(resourceData['title']))
+      // Logic for update without without resourceFormName
+      if (
+        !resourceFormName ||
+        (typeof resourceFormName === 'string' && resourceFormName.length === 0)
+      ) {
+        //
+        //
+        if (resourceData && resourceData != null && !resourceData.title) {
+          // Check if id is missing, null, undefined, or an empty string (after trimming)
+          if (!resourceData.id || typeof resourceData.id === 'string') {
+            this.pageBuilderStateStore.setLocalStorageItemName(`page-builder-update-resource`)
+            return
+          }
+        }
 
-        this.pageBuilderStateStore.setLocalStorageItemName(
-          `page-builder-update-resource-${sanitizedTitle}-${this.sanitizeForLocalStorage(resourceFormName)}-${sanitizedId}`,
-        )
-        return
+        // Runs when resourceData has title but no ID
+        if (resourceData && resourceData != null) {
+          if (
+            resourceData.title &&
+            typeof resourceData.title === 'string' &&
+            resourceData.title.length > 0
+          ) {
+            if (!resourceData.id || typeof resourceData.id === 'string') {
+              this.pageBuilderStateStore.setLocalStorageItemName(
+                `page-builder-update-resource-${this.sanitizeForLocalStorage(resourceData.title)}`,
+              )
+              return
+            }
+          }
+        }
+
+        // Runs when resourceData has ID but no title
+        if (resourceData && resourceData != null) {
+          if (!resourceData.title && typeof resourceData.title !== 'string') {
+            if (resourceData.id || typeof resourceData.id === 'number') {
+              this.pageBuilderStateStore.setLocalStorageItemName(
+                `page-builder-update-resource-${this.sanitizeForLocalStorage(String(resourceData.id))}`,
+              )
+              return
+            }
+          }
+        }
+
+        // Runs when resourceData has both title and ID
+        if (resourceData && resourceData != null) {
+          if (
+            resourceData.title &&
+            typeof resourceData.title === 'string' &&
+            resourceData.title.length > 0
+          ) {
+            if (resourceData.id || typeof resourceData.id === 'number') {
+              this.pageBuilderStateStore.setLocalStorageItemName(
+                `page-builder-update-resource-${this.sanitizeForLocalStorage(resourceData.title)}-${this.sanitizeForLocalStorage(String(resourceData.id))}`,
+              )
+              return
+            }
+          }
+        }
       }
     }
   }
@@ -1575,15 +1611,12 @@ class PageBuilderClass {
     const trimmedData = data.trim()
 
     if (trimmedData.startsWith('[') || trimmedData.startsWith('{')) {
-      console.log('Using JSON method..............1:', trimmedData)
       // Looks like JSON - parse as JSON
       this.#parseJSONComponents(trimmedData)
     } else if (trimmedData.startsWith('<')) {
-      console.log('Using HTML method..............2:', trimmedData)
       // Looks like HTML - parse as HTML
       this.#parseHTMLComponents(trimmedData)
     } else {
-      console.log('Using JSON method..............3:', trimmedData)
       this.#parseJSONComponents(trimmedData)
     }
   }