Version 1.0.4

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mubarrat/scripts-loader",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "A lightweight and versatile script loader library for dynamically loading JavaScript files in web applications. Simplify script management, handle dependencies, and ensure smooth integration of external scripts with flexible loading strategies.",
   "scripts": {
     "build": "tsc && node build.js"

src/shortHand.ts

@@ -25,34 +25,203 @@
 /**
  * Define an shortname with objects.
  */
-const $ls = Object.assign((data: string | {}[]) => typeof data === "string" ? $ls[detectFormatXmlOrJson(data)](data) : $ls.document(data), {
+const $ls = Object.assign((data: string | {}[]) => {
 
-  // Define xml with default is document
-  xml: Object.assign((data: string) => $ls.xml.document(data), {
+  // Let's check data is a string or an object array
+  if (typeof data !== "string" && !Array.isArray(data)) {
 
-    // Define document function.
-    document(data: string) { loadScript(validateXmlAsScriptArray(data), "document") },
+    // Throw an error
+    throw new Error("`data` should be either string or an object array.");
+  }
 
-    // Define ajax function.
-    ajax(data: string) { loadScript(validateXmlAsScriptArray(data), "ajax") }
+  // If data is an string
+  if (typeof data === "string") {
+
+    // Switch case
+    switch (detectFormatXmlOrJson(data)) {
+
+      // If an xml type
+      case "xml":
+
+        // Call Xml Helper Method
+        $ls.xml(data);
+        break;
+
+      // If an json type
+      case "json":
+
+        // Call Json Helper Method
+        $ls.json(data);
+        break;
+
+      // If anything else
+      default:
+
+        // Throw an error
+        throw new Error("Unknown type");
+    }
+  }
+
+  // Data is an array
+  else {
+
+    // Call the helper method
+    $ls.document(data);
+  }
+}, {
+
+  /**
+   * An xml helper function.
+   */
+  xml: Object.assign((data: string) => {
+
+    // If data isn't string
+    if (typeof data !== "string") {
+
+      // Throw an error
+      throw new Error("data should be string");
+    }
+
+    // Load script
+    $ls.xml.document(data);
+  }, {
+
+    /**
+     * This is document injection rendering mode.
+     * @param data The xml data.
+     */
+    document(data: string) {
+
+      // If data isn't string
+      if (typeof data !== "string") {
+
+        // Throw an error
+        throw new Error("data should be string");
+      }
+
+      // Load script
+      loadScript(validateXmlAsScriptArray(data), "document");
+    },
+
+    /**
+     * This is ajax loading rendering mode.
+     * @param data The xml data.
+     */
+    ajax(data: string) {
+
+      // If data isn't string
+      if (typeof data !== "string") {
+
+        // Throw an error
+        throw new Error("data should be string");
+      }
+
+      // Load script
+      loadScript(validateXmlAsScriptArray(data), "ajax");
+    }
   }),
 
-  // Define json
-  json: Object.assign((data: string) => $ls.xml.document(data), {
+  /**
+   * An json helper function
+   */
+  json: Object.assign((data: string) => {
 
-    // Define document function.
-    document(data: string) { loadScript(validateJsonAsScriptArray(data), "document") },
+    // If data isn't string
+    if (typeof data !== "string") {
 
-    // Define ajax function.
-    ajax(data: string) { loadScript(validateJsonAsScriptArray(data), "ajax") }
+      // Throw an error
+      throw new Error("data should be string");
+    }
+
+    // Load script
+    $ls.json.document(data);
+  }, {
+
+    /**
+     * This is document injection rendering mode.
+     * @param data The json data.
+     */
+    document(data: string) {
+
+      // If data isn't string
+      if (typeof data !== "string") {
+
+        // Throw an error
+        throw new Error("data should be string");
+      }
+
+      // Load script
+      loadScript(validateJsonAsScriptArray(data), "document");
+    },
+
+    /**
+     * This is ajax loading rendering mode.
+     * @param data The json data.
+     */
+    ajax(data: string) {
+
+      // If data isn't string
+      if (typeof data !== "string") {
+
+        // Throw an error
+        throw new Error("data should be string");
+      }
+
+      // Load script
+      loadScript(validateJsonAsScriptArray(data), "ajax");
+    }
   }),
 
-  // Define document function.
-  document(data: {}[]) { loadScript(validateAsScriptArray(data), "document") },
+  /**
+   * This is document injection rendering mode.
+   * @param data The script array.
+   */
+  document(data: {}[]) {
+
+    // If data isn't string
+    if (!Array.isArray(data)) {
+
+      // Throw an error
+      throw new Error("data should be string");
+    }
+
+    // Load script
+    loadScript(validateAsScriptArray(data), "document");
+  },
+
+  /**
+   * This is ajax loading rendering mode.
+   * @param data The script array.
+   */
+  ajax(data: {}[]) {
+
+    // If data isn't string
+    if (!Array.isArray(data)) {
+
+      // Throw an error
+      throw new Error("data should be string");
+    }
+
+    // Load script
+    loadScript(validateAsScriptArray(data), "ajax");
+  },
+
+  /**
+   * Load from url
+   * @param url The url where is data
+   */
+  url(url: string) {
+
+    // Create a new request
+    const xhr = new XMLHttpRequest;
+
+    // Open the request
+    xhr.open("GET", url);
 
-  // Define ajax function.
-  ajax(data: {}[]) { loadScript(validateAsScriptArray(data), "ajax") },
+    // Handle the request
+    xhr.onreadystatechange = () => xhr.readyState == XMLHttpRequest.DONE && xhr.status == 200 && $ls(xhr.responseText);
 
-  // Define an empty case
-  ""() { throw new Error("Unknown type") }
+    // Send the request
+    xhr.send();
+  }
 });