@ramathibodi/nuxt-commons 0.1.4 → 0.1.5

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.4"
+  "version": "0.1.5"
 }

package/dist/runtime/composables/alert.mjs

@@ -23,7 +23,8 @@ export function createAlert() {
     },
     takeAlert(location = "default") {
       const item = head(items.value.filter((i) => i.alertLocation === location));
-      if (item) remove(items.value, (i) => i === item);
+      if (item)
+        remove(items.value, (i) => i === item);
       return item;
     },
     hasAlert(location = "default") {

package/dist/runtime/composables/api.mjs

@@ -5,13 +5,16 @@ export function useApi() {
   function urlBuilder(url) {
     let returnUrl = "";
     if (Array.isArray(url)) {
-      if (url[0].toLowerCase() == "agent") url[0] = config?.public.WS_AGENT;
+      if (url[0].toLowerCase() == "agent")
+        url[0] = config?.public.WS_AGENT;
       returnUrl = url.join("/");
     } else {
       returnUrl = url;
     }
-    if (returnUrl.startsWith("http://") || returnUrl.startsWith("https://")) return returnUrl;
-    else return trimEnd(config?.public.WS_API, "/") + "/" + trimStart(returnUrl, "/");
+    if (returnUrl.startsWith("http://") || returnUrl.startsWith("https://"))
+      return returnUrl;
+    else
+      return trimEnd(config?.public.WS_API, "/") + "/" + trimStart(returnUrl, "/");
   }
   function optionBuilder(method, body, params, options) {
     let returnOption = {
@@ -25,8 +28,10 @@ export function useApi() {
     };
     if (options) {
       options = Object.assign(options, returnOption);
-      if (options.headers) options.headers = Object.assign(options.headers, headers);
-      else options.headers = headers;
+      if (options.headers)
+        options.headers = Object.assign(options.headers, headers);
+      else
+        options.headers = headers;
     }
     returnOption = Object.assign(returnOption, options);
     return returnOption;
@@ -37,8 +42,10 @@ export function useApi() {
   function getPromise(url, body, params, options) {
     return new Promise(async (resolve, reject) => {
       const { data, error } = await get(url, body, params, options);
-      if (!error.value) resolve(data.value);
-      else reject(error.value);
+      if (!error.value)
+        resolve(data.value);
+      else
+        reject(error.value);
     });
   }
   function post(url, body, params, options) {
@@ -47,8 +54,10 @@ export function useApi() {
   function postPromise(url, body, params, options) {
     return new Promise(async (resolve, reject) => {
       const { data, error } = await post(url, body, params, options);
-      if (!error.value) resolve(data.value);
-      else reject(error.value);
+      if (!error.value)
+        resolve(data.value);
+      else
+        reject(error.value);
     });
   }
   return { urlBuilder, get, getPromise, post, postPromise };

package/dist/runtime/composables/document/template.mjs

@@ -1,6 +1,7 @@
 export const validationRulesRegex = /^(require(?:\([^)]*\))?|requireIf(?:\([^)]*\))?|requireTrue(?:\([^)]*\))?|requireTrueIf(?:\([^)]*\))?|numeric(?:\([^)]*\))?|range(?:\([^)]*\))?|integer(?:\([^)]*\))?|unique(?:\([^)]*\))?|length(?:\([^)]*\))?|lengthGreater(?:\([^)]*\))?|lengthLess(?:\([^)]*\))?|telephone(?:\([^)]*\))?|email(?:\([^)]*\))?|regex(?:\([^)]*\))?)(,(require(?:\([^)]*\))?|requireIf(?:\([^)]*\))?|requireTrue(?:\([^)]*\))?|requireTrueIf(?:\([^)]*\))?|numeric(?:\([^)]*\))?|range(?:\([^)]*\))?|integer(?:\([^)]*\))?|unique(?:\([^)]*\))?|length(?:\([^)]*\))?|lengthGreater(?:\([^)]*\))?|lengthLess(?:\([^)]*\))?|telephone(?:\([^)]*\))?|email(?:\([^)]*\))?|regex(?:\([^)]*\))?))*$/;
 export function useDocumentTemplate(items) {
-  if (!items) return "";
+  if (!items)
+    return "";
   if (typeof items === "string") {
     try {
       items = JSON.parse(items);
@@ -35,8 +36,10 @@ function templateItemToString(item) {
       optionString = item.inputOptions.split(",").join(" ");
     }
   }
-  if (item.inputType == "FormDateTime" && !item.inputAttributes?.includes("dense")) item.inputAttributes = (item.inputAttributes?.trim() + " dense").trim();
-  if (item.validationRules) validationRules = buildValidationRules(item.validationRules);
+  if (item.inputType == "FormDateTime" && !item.inputAttributes?.includes("dense"))
+    item.inputAttributes = (item.inputAttributes?.trim() + " dense").trim();
+  if (item.validationRules)
+    validationRules = buildValidationRules(item.validationRules);
   let templateString = "";
   switch (item.inputType) {
     case "CustomCode":
@@ -57,8 +60,10 @@ function templateItemToString(item) {
     default:
       templateString = `<${item.inputType} v-model="data.${item.variableName}" label="${item.inputLabel || item.variableName}"${item.inputAttributes ? " " + item.inputAttributes : ""}${optionString ? " " + optionString.trim() : ""}${validationRules ? " " + validationRules.trim() : ""}></${item.inputType}>`;
   }
-  if (!["Separator", "Header"].includes(item.inputType)) templateString = `<v-col${item.width ? ' cols="' + item.width + '"' : ""}${item.columnAttributes ? " " + item.columnAttributes : ""}>${templateString}</v-col>`;
-  if (["Header"].includes(item.inputType)) templateString = `</v-row><v-row dense><v-col${item.columnAttributes ? " " + item.columnAttributes : ""}>${templateString}</v-col></v-row><v-row dense>`;
+  if (!["Separator", "Header"].includes(item.inputType))
+    templateString = `<v-col${item.width ? ' cols="' + item.width + '"' : ""}${item.columnAttributes ? " " + item.columnAttributes : ""}>${templateString}</v-col>`;
+  if (["Header"].includes(item.inputType))
+    templateString = `</v-row><v-row dense><v-col${item.columnAttributes ? " " + item.columnAttributes : ""}>${templateString}</v-col></v-row><v-row dense>`;
   return templateString;
 }
 function optionStringToChoiceObject(option) {
@@ -79,9 +84,12 @@ function optionStringToChoiceObject(option) {
 }
 function buildValidationRules(validationString) {
   validationString = validationString.trim();
-  if (validationString.startsWith("[")) validationString = validationString.substring(1);
-  if (validationString.endsWith("]")) validationString = validationString.substring(0, validationString.length - 1);
-  if (!validationRulesRegex.test(validationString)) return "";
+  if (validationString.startsWith("["))
+    validationString = validationString.substring(1);
+  if (validationString.endsWith("]"))
+    validationString = validationString.substring(0, validationString.length - 1);
+  if (!validationRulesRegex.test(validationString))
+    return "";
   validationString = validationString.split(",").map((rule) => {
     rule = rule.trim();
     if (!rule.startsWith("rules.")) {

package/dist/runtime/composables/graphql.d.ts

@@ -10,8 +10,8 @@ declare type VariableOptions = {
 };
 export declare function useGraphQl(): {
     query: <T>(operation: string, fields: Array<string | Object> | ClassConstructor<any>, variables?: VariableOptions, cache?: boolean) => any;
-    queryPromise: <T>(operation: string, fields: Array<string | Object> | ClassConstructor<any>, variables?: VariableOptions, cache?: boolean) => Promise<T>;
-    mutation: <T>(operation: string, fields: Array<string | Object> | ClassConstructor<any>, variables?: VariableOptions) => any;
-    mutationPromise: <T>(operation: string, fields: Array<string | Object> | ClassConstructor<any>, variables?: VariableOptions) => Promise<T>;
+    queryPromise: <T_1>(operation: string, fields: Array<string | Object> | ClassConstructor<any>, variables?: VariableOptions, cache?: boolean) => Promise<T_1>;
+    mutation: <T_2>(operation: string, fields: Array<string | Object> | ClassConstructor<any>, variables?: VariableOptions) => any;
+    mutationPromise: <T_3>(operation: string, fields: Array<string | Object> | ClassConstructor<any>, variables?: VariableOptions) => Promise<T_3>;
 };
 export {};

package/dist/runtime/composables/graphql.mjs

@@ -4,7 +4,8 @@ import { classAttributes, isClassConstructor } from "../utils/object.mjs";
 import { gql, useAsyncQuery, useMutation } from "#imports";
 export function useGraphQl() {
   function query(operation, fields, variables, cache = false) {
-    if (isClassConstructor(fields)) fields = classAttributes(fields);
+    if (isClassConstructor(fields))
+      fields = classAttributes(fields);
     const builder = gqlQuery({ operation, fields, variables });
     const options = {
       query: gql(builder.query),
@@ -14,7 +15,8 @@ export function useGraphQl() {
     return useAsyncQuery(options);
   }
   function queryPromise(operation, fields, variables, cache = false) {
-    if (isClassConstructor(fields)) fields = classAttributes(fields);
+    if (isClassConstructor(fields))
+      fields = classAttributes(fields);
     const builder = gqlQuery({ operation, fields, variables });
     return new Promise((resolve, reject) => {
       const { onResult, onError } = useQuery(gql(builder.query), builder.variables, { fetchPolicy: cache ? "cache-first" : "no-cache" });
@@ -32,12 +34,14 @@ export function useGraphQl() {
     });
   }
   function mutation(operation, fields, variables) {
-    if (isClassConstructor(fields)) fields = classAttributes(fields);
+    if (isClassConstructor(fields))
+      fields = classAttributes(fields);
     const builder = gqlMutation({ operation, fields, variables });
     return useMutation(gql(builder.query), { variables: builder.variables });
   }
   function mutationPromise(operation, fields, variables) {
-    if (isClassConstructor(fields)) fields = classAttributes(fields);
+    if (isClassConstructor(fields))
+      fields = classAttributes(fields);
     const builder = gqlMutation({ operation, fields, variables });
     return new Promise(async (resolve, reject) => {
       const { mutate, error } = useMutation(gql(builder.query), { variables: builder.variables });

package/dist/runtime/composables/menu.mjs

@@ -21,7 +21,8 @@ export function routeToMenuItem(route) {
       const menuItems = new Array();
       for (const children of route.children) {
         const childMenuItem = routeToMenuItem(children);
-        if (childMenuItem) menuItems.push(childMenuItem);
+        if (childMenuItem)
+          menuItems.push(childMenuItem);
         menuItem.menuItems = menuItems;
       }
     }
@@ -36,7 +37,8 @@ export function createMenu() {
     if (paths.length == 2) {
       if (route.path != "/login" && route.path != "/") {
         const menuItem = routeToMenuItem(route);
-        if (menuItem) menuAll.value.push(menuItem);
+        if (menuItem)
+          menuAll.value.push(menuItem);
       }
     }
   }

package/dist/runtime/plugins/permission.mjs

@@ -2,7 +2,8 @@ import { defineNuxtPlugin } from "nuxt/app";
 import { useAuthentication } from "#imports";
 export default defineNuxtPlugin(async (nuxtApp) => {
   function permission(permissionId) {
-    if (!permissionId || useAuthentication()?.hasPermission(permissionId) === void 0) return true;
+    if (!permissionId || useAuthentication()?.hasPermission(permissionId) === void 0)
+      return true;
     return useAuthentication()?.hasPermission(permissionId);
   }
   nuxtApp.vueApp.config.globalProperties.$permission = permission;
@@ -14,7 +15,8 @@ export default defineNuxtPlugin(async (nuxtApp) => {
             um();
           });
         }
-        if (el.parentElement) el.parentElement.removeChild(el);
+        if (el.parentElement)
+          el.parentElement.removeChild(el);
       }
     }
   });

package/dist/runtime/utils/datetime.mjs

@@ -2,10 +2,13 @@ import { DateTime } from "luxon";
 export const Datetime = () => ({
   luxonDateTime: DateTime.invalid("Uninitialized"),
   fromString: function(dateTime, formatDate, locale = "EN") {
-    if (!dateTime) return this.setDateTime(DateTime.invalid("No datetime string provided"), locale);
+    if (!dateTime)
+      return this.setDateTime(DateTime.invalid("No datetime string provided"), locale);
     let inputDate = void 0;
-    if (formatDate) inputDate = DateTime.fromFormat(dateTime, formatDate, { locale });
-    if (!inputDate?.isValid) inputDate = DateTime.fromISO(dateTime, { locale });
+    if (formatDate)
+      inputDate = DateTime.fromFormat(dateTime, formatDate, { locale });
+    if (!inputDate?.isValid)
+      inputDate = DateTime.fromISO(dateTime, { locale });
     if (!inputDate?.isValid) {
       const formats = [
         "ddMMyyyy",
@@ -23,15 +26,18 @@ export const Datetime = () => ({
       ];
       for (let i = 0; i < formats.length; ++i) {
         inputDate = DateTime.fromFormat(dateTime, formats[i], { locale });
-        if (inputDate.isValid) break;
+        if (inputDate.isValid)
+          break;
       }
     }
     return this.setDateTime(inputDate, locale);
   },
   fromStringTime: function(time, formatTime, locale = "EN") {
-    if (!time) return this.setDateTime(DateTime.invalid("No datetime string provided"), locale);
+    if (!time)
+      return this.setDateTime(DateTime.invalid("No datetime string provided"), locale);
     let inputTime = void 0;
-    if (formatTime) inputTime = DateTime.fromFormat(time, formatTime, { locale });
+    if (formatTime)
+      inputTime = DateTime.fromFormat(time, formatTime, { locale });
     if (!inputTime?.isValid) {
       const formats = [
         "HHmm",
@@ -43,10 +49,12 @@ export const Datetime = () => ({
       ];
       for (let i = 0; i < formats.length; ++i) {
         inputTime = DateTime.fromFormat(time, formats[i], { locale });
-        if (inputTime.isValid) break;
+        if (inputTime.isValid)
+          break;
       }
     }
-    if (!inputTime?.isValid) inputTime = DateTime.fromISO(time, { locale });
+    if (!inputTime?.isValid)
+      inputTime = DateTime.fromISO(time, { locale });
     return this.setDateTime(inputTime, locale);
   },
   fromISO: function(dateTime, locale = "EN") {
@@ -59,31 +67,45 @@ export const Datetime = () => ({
   },
   setDateTime: function(inputDate, locale = "EN") {
     if (inputDate.isValid) {
-      if (inputDate.year - DateTime.now().year > 300) inputDate = inputDate.set({ year: inputDate.year - 543 });
+      if (inputDate.year - DateTime.now().year > 300)
+        inputDate = inputDate.set({ year: inputDate.year - 543 });
     }
     this.luxonDateTime = inputDate;
-    if (locale == "TH") this.luxonDateTime = this.luxonDateTime.setLocale(locale).reconfigure({ outputCalendar: "buddhist" });
-    else this.luxonDateTime = this.luxonDateTime.setLocale(locale).reconfigure({ outputCalendar: "gregory" });
+    if (locale == "TH")
+      this.luxonDateTime = this.luxonDateTime.setLocale(locale).reconfigure({ outputCalendar: "buddhist" });
+    else
+      this.luxonDateTime = this.luxonDateTime.setLocale(locale).reconfigure({ outputCalendar: "gregory" });
     return this;
   },
   toFormat: function(format, locale = "EN") {
-    if (format == "tinyDate") return this.toTinyDate(locale);
-    if (format == "monthShortDate") return this.toMonthShortDate(locale);
-    if (format == "shortDate") return this.toShortDate(locale);
-    if (format == "longDate") return this.toLongDate(locale);
-    if (format == "tinyDateTime") return this.toTinyDateTime(locale);
-    if (format == "shortDateTime") return this.toShortDateTime(locale);
-    if (format == "longDateTime") return this.toLongDateTime(locale);
-    if (locale == "TH") this.luxonDateTime = this.luxonDateTime.setLocale(locale).reconfigure({ outputCalendar: "buddhist" });
-    else this.luxonDateTime = this.luxonDateTime.setLocale(locale).reconfigure({ outputCalendar: "gregory" });
+    if (format == "tinyDate")
+      return this.toTinyDate(locale);
+    if (format == "monthShortDate")
+      return this.toMonthShortDate(locale);
+    if (format == "shortDate")
+      return this.toShortDate(locale);
+    if (format == "longDate")
+      return this.toLongDate(locale);
+    if (format == "tinyDateTime")
+      return this.toTinyDateTime(locale);
+    if (format == "shortDateTime")
+      return this.toShortDateTime(locale);
+    if (format == "longDateTime")
+      return this.toLongDateTime(locale);
+    if (locale == "TH")
+      this.luxonDateTime = this.luxonDateTime.setLocale(locale).reconfigure({ outputCalendar: "buddhist" });
+    else
+      this.luxonDateTime = this.luxonDateTime.setLocale(locale).reconfigure({ outputCalendar: "gregory" });
     return this.luxonDateTime.toFormat(format);
   },
   toISO: function() {
     return this.luxonDateTime.toISO();
   },
   toLocaleFormat: function(locale, format) {
-    if (locale == "TH") this.luxonDateTime = this.luxonDateTime.setLocale(locale).reconfigure({ outputCalendar: "buddhist" });
-    else this.luxonDateTime = this.luxonDateTime.setLocale(locale).reconfigure({ outputCalendar: "gregory" });
+    if (locale == "TH")
+      this.luxonDateTime = this.luxonDateTime.setLocale(locale).reconfigure({ outputCalendar: "buddhist" });
+    else
+      this.luxonDateTime = this.luxonDateTime.setLocale(locale).reconfigure({ outputCalendar: "gregory" });
     return this.luxonDateTime.setLocale(locale).toLocaleString(format);
   },
   toTinyDate: function(locale = "EN") {

package/dist/runtime/utils/object.mjs

@@ -11,7 +11,8 @@ export function classAttributes(cls) {
 export function onlyAttributes(keys, object) {
   const returnObject = cloneDeep(object);
   Object.keys(object).forEach((localKey) => {
-    if (!keys.includes(localKey)) delete returnObject[localKey];
+    if (!keys.includes(localKey))
+      delete returnObject[localKey];
   });
   return returnObject;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ramathibodi/nuxt-commons",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Ramathibodi Nuxt modules for common components",
   "repository": {
     "type": "git",
@@ -67,6 +67,7 @@
     "vue": "^3.4.25",
     "vue-signature-pad": "^3.0.2",
     "vuetify": "^3.6.8",
+    "prettier": "3.3.2",
     "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.0/xlsx-0.20.0.tgz"
   },
   "devDependencies": {
@@ -84,7 +85,6 @@
     "eslint": "^9.1.1",
     "nuxt": "^3.11.2",
     "nuxt-lodash": "^2.5.3",
-    "prettier": "3.3.2",
     "sass": "^1.75.0",
     "typescript": "^5.4.5",
     "vitest": "^1.5.1",