@cocreate/lazy-loader 1.19.4 → 1.20.1

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## [1.20.1](https://github.com/CoCreate-app/CoCreate-lazy-loader/compare/v1.20.0...v1.20.1) (2024-06-12)
+
+
+### Bug Fixes
+
+* bump cocreate dependencies ([8e19b5e](https://github.com/CoCreate-app/CoCreate-lazy-loader/commit/8e19b5e5b7e54f1141f28f44b2ffe438f995b91b))
+* svg icon class ([2158676](https://github.com/CoCreate-app/CoCreate-lazy-loader/commit/215867667950fac30375e19362174a878498cb8f))
+
+# [1.20.0](https://github.com/CoCreate-app/CoCreate-lazy-loader/compare/v1.19.4...v1.20.0) (2024-05-19)
+
+
+### Features
+
+* $crud operator handles an array of objects ([1cd7205](https://github.com/CoCreate-app/CoCreate-lazy-loader/commit/1cd7205b8a021cc9e98edb74cc3df7575357fd6e))
+
 ## [1.19.4](https://github.com/CoCreate-app/CoCreate-lazy-loader/compare/v1.19.3...v1.19.4) (2024-05-10)
 
 

package/docs/index.html

@@ -39,41 +39,31 @@
                         href="https://github.com/CoCreate-app/CoCreate-lazy-loader"
                         target="_blank"
                         class="margin-right:15px"
-                        ><i
-                            class="height:20px fill:#505050"
-                            src="/assets/svg/github.svg"></i
+                        ><i src="/assets/svg/github.svg"></i
                     ></a>
                     <a
                         class="margin-right:15px share"
                         share-network="twitter"
                         title="Share on twitter"
-                        ><i
-                            class="height:20px fill:#505050"
-                            src="/assets/svg/twitter.svg"></i
+                        ><i src="/assets/svg/twitter.svg"></i
                     ></a>
                     <a
                         class="margin-right:15px share"
                         share-network="facebook"
                         title="Share on Facebook"
-                        ><i
-                            class="height:20px fill:#505050"
-                            src="/assets/svg/facebook.svg"></i
+                        ><i src="/assets/svg/facebook.svg"></i
                     ></a>
                     <a
                         class="margin-right:15px share"
                         share-network="instagram"
                         title="Share on instagram"
-                        ><i
-                            class="height:20px fill:#505050"
-                            src="/assets/svg/instagram.svg"></i
+                        ><i src="/assets/svg/instagram.svg"></i
                     ></a>
                     <a
                         class="margin-right:15px share"
                         share-network="share"
                         title="Share on share"
-                        ><i
-                            class="height:20px fill:#505050"
-                            src="/assets/svg/share-alt.svg"></i
+                        ><i src="/assets/svg/share-alt.svg"></i
                     ></a>
                 </div>
             </div>
@@ -192,7 +182,7 @@
                                     toggle="code-height"
                                     toggle-selector="#demo-code"
                                     ><i
-                                        class="height:18px fill:#505050"
+                                        class="height:18px"
                                         src="/assets/svg/eye.svg"></i
                                 ></a>
                                 <a
@@ -203,18 +193,14 @@
                                     hide="#eye-slash"
                                     toggle="code-height"
                                     toggle-selector="#demo-code"
-                                    ><i
-                                        class="height:20px fill:#505050"
-                                        src="/assets/svg/eye-slash.svg"></i
+                                    ><i src="/assets/svg/eye-slash.svg"></i
                                 ></a>
                                 <a
                                     class="margin-right:10px"
                                     id="code"
                                     show="#code-slash"
                                     hide="#code, #demo-code"
-                                    ><i
-                                        class="height:20px fill:#505050"
-                                        src="/assets/svg/code.svg"></i
+                                    ><i src="/assets/svg/code.svg"></i
                                 ></a>
                                 <a
                                     class="margin-right:10px"
@@ -223,7 +209,7 @@
                                     show="#code, #demo-code"
                                     hide="#code-slash"
                                     ><i
-                                        class="display:flex height:18px fill:#505050"
+                                        class="height:18px"
                                         src="/assets/svg/code.svg"></i
                                 ></a>
                                 <a

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/lazy-loader",
-  "version": "1.19.4",
+  "version": "1.20.1",
   "description": "A simple lazy-loader component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API.",
   "keywords": [
     "lazy-loader",
@@ -58,7 +58,7 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/config": "^1.12.2",
-    "@cocreate/observer": "^1.16.0"
+    "@cocreate/config": "^1.12.3",
+    "@cocreate/observer": "^1.16.1"
   }
 }

package/src/server.js

@@ -150,6 +150,37 @@ class CoCreateLazyLoader {
         }
     }
 
+    /**
+     * TODO: Implement Enhanced API Configuration Handling
+     * 
+     * Description:
+     * - Implement functionality to dynamically handle API configurations, supporting both complete and base URL endpoints with automatic method-based path appending.
+     * - Enable dynamic generation of query parameters from a designated object (`stripe` in the examples) when `query` is true.
+     * 
+     * Requirements:
+     * 1. Dynamic Endpoint Handling:
+     *    - Check if the endpoint configuration is a complete URL or a base URL.
+     *    - If the `method` derived path is not already included in the endpoint, append it dynamically.
+     *    Example:
+     *    `{ "method": "stripe.accounts.retrieve", "endpoint": "https://api.stripe.com", "query": true, "stripe": { "acct": "acct_123", "name": "John Doe" } }`
+     *    `{ "method": "stripe.accounts.retrieve", "endpoint": "https://api.stripe.com/accounts/retrieve", "query": true, "stripe": { "acct": "acct_123", "name": "John Doe" } }`
+     *    - Develop logic to parse the `method` and check against the endpoint. If necessary, append the appropriate API method segment.
+     * 
+     * 2. Query Parameter Handling:
+     *    - Dynamically construct and append query parameters from the `stripe` object if `query` is true. Ensure proper URL-encoding of keys and values.
+     * 
+     * 3. Security:
+     *    - Use the `method` for permission checks, ensuring that each API request complies with security protocols.
+     * 
+     * 4. Testing:
+     *    - Test both scenarios where the endpoint may or may not include the method path to ensure the dynamic construction works correctly.
+     *    - Ensure that all query parameters are correctly formatted and appended.
+     * 
+     * Notes:
+     * - Consider utility functions for parsing and modifying URLs, as well as for encoding parameters.
+     * - Maintain clear and detailed documentation for each part of the implementation to assist future development and troubleshooting.
+     */
+
     async api(config, data) {
         try {
             const methodPath = data.method.split('.')
@@ -161,6 +192,7 @@ class CoCreateLazyLoader {
             if (!key)
                 throw new Error(`Missing ${name} key in organization apis object`);
 
+            // ToDo: if data.endpoint service not required as endpoint will be used
             const service = require(config.path);
             let instance
             if (config.initialize)
@@ -337,11 +369,25 @@ class CoCreateLazyLoader {
         } else if (operator.startsWith('$rawBody')) {
             return getValueFromObject(data, operator.substring(1))
         } else if (operator.startsWith('$crud')) {
-            context = await this.processOperators(data, event, context);
-            result = await this.crud.send(context)
-            if (operator.startsWith('$crud.'))
-                result = getValueFromObject(operator, operator.substring(6))
-            return await this.processOperators(data, event, result);
+            let results = context
+            let isObject = false
+            if (!Array.isArray(results)) {
+                isObject = true
+                results = [results]
+            }
+
+            for (let i = 0; i < results.length; i++) {
+                results[i] = await this.processOperators(data, event, results[i]);
+                results[i] = await this.crud.send(results[i])
+                if (operator.startsWith('$crud.'))
+                    results[i] = getValueFromObject(operator, operator.substring(6))
+                results[i] = await this.processOperators(data, event, results[i])
+            }
+
+            if (isObject)
+                results = results[0]
+
+            return results;
         } else if (operator.startsWith('$socket')) {
             context = await this.processOperators(data, event, context);
             result = await this.socket.send(context)