quasar-ui-danx 0.2.22 → 0.2.23

package/README.md

@@ -34,6 +34,7 @@
 # Setup
 
 ```bash
+$ yarn add -D sass vite-svg-loader quasar quasar-ui-danx
 $ yarn
 ```
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar-ui-danx",
-  "version": "0.2.22",
+  "version": "0.2.23",
   "author": "Dan <dan@flytedesk.com>",
   "description": "DanX Vue / Quasar component library",
   "license": "MIT",

package/src/helpers/index.ts

@@ -8,9 +8,9 @@ export * from "./files";
 export * from "./FileUpload";
 export * from "./FlashMessages";
 export * from "./formats";
-export * from "./http";
 export * from "./multiFileUpload";
 export * from "./singleFileUpload";
 export * from "./storage";
 export * from "./styles";
 export * from "./utils";
+export * from "./request";

package/src/helpers/{http.ts → request.ts}

@@ -1,6 +1,30 @@
+import { ref, Ref, UnwrapRef } from "vue";
+
+interface RequestOptions {
+    baseUrl: string;
+}
+
+const requestOptions: Ref<UnwrapRef<RequestOptions>> = ref({
+    baseUrl: ""
+});
+/**
+ * A simple request helper that wraps the fetch API
+ * to make GET and POST requests easier w/ JSON payloads
+ */
 export const request = {
-    async get(url, options = {}) {
-        return fetch(url, {
+    configure(options: RequestOptions) {
+        requestOptions.value = options;
+    },
+
+    url(url: string) {
+        if (url.startsWith("http")) {
+            return url;
+        }
+        return requestOptions.value.baseUrl + url;
+    },
+
+    async get(url: string, options = {}): Promise<object> {
+        return fetch(request.url(url), {
             method: "get",
             headers: {
                 Accept: "application/json",
@@ -10,8 +34,8 @@ export const request = {
         }).then((r) => r.json());
     },
 
-    async post(url, data = {}, options = {}) {
-        return fetch(url, {
+    async post(url: string, data = {}, options = {}) {
+        return fetch(request.url(url), {
             method: "post",
             body: JSON.stringify(data),
             headers: {
@@ -29,34 +53,27 @@ export const request = {
  * also fetches that resource record from the endpoint, then adds it to the list if it
  * does not exist in the filtered list
  *
- * @param fetchFn
- * @param list
- * @param id
- * @param filter
- * @returns {Promise<void>}
  */
-export async function fetchResourceListWithSelected(fetchFn, list, id, filter) {
+export async function fetchResourceListWithSelected(fetchFn: (filter: object) => Promise<any[]>, list: Ref, id: string, filter: object): Promise<void> {
     // First make sure we have the selected record, so we can always add it to the list
     let selectedResource;
     if (id) {
-        selectedResource = list.value.find((c) => c.id === id) || (await fetchFn({ id }))[0];
+        selectedResource = list.value.find((c: { id: string }) => c.id === id) || (await fetchFn({ id }))[0];
     }
 
     // Get the filtered campaign list
     list.value = await fetchFn(filter);
 
     // If our selected campaign is not in the filtered list, add it
-    if (selectedResource && !list.value.find((c) => c.id === id)) {
+    if (selectedResource && !list.value.find((c: { id: string }) => c.id === id)) {
         list.value.push(selectedResource);
     }
 }
 
 /**
  * Returns the value of the URL parameter (if it is set)
- * @param key
- * @param url
  */
-export function getUrlParam(key, url = undefined) {
+export function getUrlParam(key: string, url?: string) {
     const params = new URLSearchParams(url?.replace(/.*\?/, "") || window.location.search);
     return params.get(key);
 }