@ramathibodi/nuxt-commons 0.1.3 → 0.1.4

package/dist/module.json

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

package/dist/runtime/components/SplitterPanel.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import { VCard } from 'vuetify/components/VCard'
+import { VCard } from 'vuetify/components/VCard'
 
 const isResizing = ref(false)
 const pane1Width = ref('50%')
@@ -29,31 +29,31 @@ const resize = (event: MouseEvent) => {
 
 <template>
   <v-card :="$attrs">
-    <v-sheet
-      border
-      :height="height"
+    <v-sheet
+      border
+      :height="height"
     >
-      <div
-        ref="containerRef"
-        class="d-flex"
-        @mouseup="stopResize"
-        @mousemove="resize"
+      <div
+        ref="containerRef"
+        class="d-flex"
+        @mouseup="stopResize"
+        @mousemove="resize"
       >
         <v-sheet :width="pane1Width">
           <slot name="left" />
         </v-sheet>
-        <v-divider
-          :thickness="3"
-          vertical
-          class="cursor-move"
-          @mousedown="startResize"
+        <v-divider
+          :thickness="3"
+          vertical
+          class="cursor-move"
+          @mousedown="startResize"
         />
         <v-sheet :width="`calc(100% - ${pane1Width})`">
           <slot name="right" />
         </v-sheet>
       </div>
-    </v-sheet>
-  </v-card>
+    </v-sheet>
+  </v-card>
 </template>
 
 <style scoped>

package/dist/runtime/composables/alert.mjs

@@ -23,8 +23,7 @@ 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,16 +5,13 @@ 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 = {
@@ -28,10 +25,8 @@ 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;
@@ -42,10 +37,8 @@ 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) {
@@ -54,10 +47,8 @@ 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,7 +1,6 @@
 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);
@@ -36,10 +35,8 @@ 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":
@@ -60,10 +57,8 @@ 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) {
@@ -84,12 +79,9 @@ 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_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>;
+    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>;
 };
 export {};

package/dist/runtime/composables/graphql.mjs

@@ -4,8 +4,7 @@ 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),
@@ -15,8 +14,7 @@ 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" });
@@ -34,14 +32,12 @@ 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,8 +21,7 @@ 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;
       }
     }
@@ -37,8 +36,7 @@ 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,8 +2,7 @@ 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;
@@ -15,8 +14,7 @@ export default defineNuxtPlugin(async (nuxtApp) => {
             um();
           });
         }
-        if (el.parentElement)
-          el.parentElement.removeChild(el);
+        if (el.parentElement) el.parentElement.removeChild(el);
       }
     }
   });

package/dist/runtime/types/modules.d.ts

@@ -3,3 +3,5 @@ declare module '@zxing/browser'
 declare module 'vue-signature-pad'
 declare module 'accounting'
 declare module 'pdf-vue3'
+declare module "prettier"
+declare module "prettier/plugins/html"

package/dist/runtime/utils/datetime.mjs

@@ -2,13 +2,10 @@ 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",
@@ -26,18 +23,15 @@ 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",
@@ -49,12 +43,10 @@ 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") {
@@ -67,45 +59,31 @@ 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,8 +11,7 @@ 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.3",
+  "version": "0.1.4",
   "description": "Ramathibodi Nuxt modules for common components",
   "repository": {
     "type": "git",