fix lib

comps/custom/Layout.tsx

@@ -0,0 +1,84 @@
+import { getPathname } from "lib/utils/pathname";
+import { FC, ReactNode, useLayoutEffect, useState } from "react";
+import { loadSession } from "../login/utils/load";
+
+const w = window as any;
+const fn = function () {
+  const mode = localStorage.getItem("prasi-editor-mode");
+  if (isEditor) {
+    setTimeout(() => {
+      if (mode === "mobile") {
+        w.isMobile = true;
+        w.isDesktop = false;
+      } else {
+        w.isMobile = false;
+        w.isDesktop = true;
+      }
+    }, 50);
+  } else {
+    if (mode === "desktop") {
+      if (window.matchMedia("screen and (max-width: 768px)").matches) {
+        w.isMobile = true;
+        w.isDesktop = false;
+      } else {
+        w.isMobile = false;
+        w.isDesktop = true;
+      }
+    }
+  }
+};
+type LYTChild = {
+  mobile?: ReactNode;
+  desktop?: ReactNode;
+  tablet?: ReactNode;
+  child?: ReactNode;
+  children: ReactNode;
+  exception?: Array<string>;
+};
+
+export const Layout: FC<LYTChild> = (props) => {
+  const [_, set] = useState({});
+  const render = () => set({});
+  useLayoutEffect(() => {
+    if (!isEditor) {
+      window.addEventListener("resize", render);
+      return () => {
+        window.removeEventListener("resize", render);
+      };
+    } else {
+      const el = document.querySelector(".main-editor-content");
+
+      if (el) {
+        const rx = new ResizeObserver(render);
+        rx.observe(el);
+        return () => {
+          rx.disconnect();
+        };
+      }
+    }
+  }, []);
+
+  fn();
+  console.log({props})
+  const path = getPathname();
+  const no_layout = ["/dev/auth"];
+  if (Array.isArray(no_layout))
+    if (no_layout.length) {
+      if (no_layout.includes(path)) {
+        return <>{props.children}</>;
+      }
+    }
+  loadSession("/dev/auth");
+  return <>{props.children}</>;
+  // // const no_layout = ["/login", "/"];
+  //
+  // // if (no_layout.includes(path) || path.startsWith("/dev")) return children;
+  // if (Array.isArray(props.exception))
+  //   if (props.exception.length) {
+  //     if(props.exception.includes(path)){
+  //       return <>{props.children}</>
+  //     }
+  //   }
+  // if (w.isMobile) return <>{props.mobile}</>;
+  // return <>{props.desktop}</>;
+};

comps/form/Form.tsx

@@ -1,4 +1,3 @@
-import { getPathname } from "@/exports";
 import { useLocal } from "@/utils/use-local";
 import { FC, useEffect, useRef } from "react";
 import { createPortal } from "react-dom";
@@ -7,6 +6,7 @@ import { FMInternal, FMProps } from "./typings";
 import { editorFormData } from "./utils/ed-data";
 import { formInit } from "./utils/init";
 import { formReload } from "./utils/reload";
+import { getPathname } from "lib/utils/pathname";
 
 const editorFormWidth = {} as Record<string, { w: number; f: any }>;
 

comps/list/ExportExcel.tsx

@@ -23,6 +23,33 @@ export const ExportExcel: FC<{
       return Array.from(keysSet);
     };
 
+    // const handleExport = async (e: MouseEvent<HTMLButtonElement>) => {
+    //   try {
+    //     const workbook = new ExcelJS.Workbook();
+    //     const worksheet = workbook.addWorksheet("Sheet 1");
+
+    //     const columns = getAllKeys(local.data);
+    //     worksheet.addRow(columns);
+
+    //     local.data.forEach((row) => {
+    //       const values = columns.map((col) => row[col]);
+    //       worksheet.addRow(values);
+    //     });
+
+    //     const buffer = await workbook.xlsx.writeBuffer();
+
+    //     const blob = new Blob([buffer], {
+    //       type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    //     });
+
+    //     // FileSaver.saveAs(blob, fileName);
+
+    //     console.log("Data exported");
+    //   } catch (error) {
+    //     console.error("Error exporting data:", error);
+    //   }
+    // };
+
     const handleExport = async (e: MouseEvent<HTMLButtonElement>) => {
       try {
         const workbook = new ExcelJS.Workbook();
@@ -42,7 +69,10 @@ export const ExportExcel: FC<{
           type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
         });
 
-      // FileSaver.saveAs(blob, fileName);
+        const a = document.createElement("a");
+        a.href = window.URL.createObjectURL(blob);
+        a.download = "my-exported-data.xlsx";
+        a.click();
 
         console.log("Data exported");
       } catch (error) {

comps/list/ImportExcel.tsx

@@ -1,6 +1,7 @@
 import { GFCol } from "@/gen/utils";
 import { useLocal } from "@/utils/use-local";
 import { ChangeEvent, FC, MouseEvent } from "react";
+import { Workbook } from 'exceljs';
 // import * as XLSX from "xlsx";
 
 type ImportExcelProps = {
@@ -8,6 +9,11 @@ type ImportExcelProps = {
   gen_table: string;
 };
 
+type RowData = {
+  pk: string | number;
+  rows: any;
+}
+
 export const ImportExcel: FC<ImportExcelProps> = ({
   gen_fields,
   gen_table,
@@ -17,16 +23,16 @@ export const ImportExcel: FC<ImportExcelProps> = ({
     columns: [] as string[],
     fields: [] as string[],
     tableName: "",
-    selectedRows: [] as {
+    selectedRows: [] as RowData[],
-      pk: string | number;
-      rows: any;
-    }[],
     pk: null as null | GFCol,
     columnMappings: [] as { column: string; selectedColumn: string }[],
     isLoading: false,
     progress: 0,
     showPreviewExcel: false,
-    insertedData: [] as any[]
+    insertedData: [] as any[],
+    isStopped: false,
+    processedRows: 0,
+    firstRow: [] as string[]
   });
 
   const pk = local.pk?.name || "id";
@@ -41,14 +47,14 @@ export const ImportExcel: FC<ImportExcelProps> = ({
     return Array.from(keysSet);
   };
 
-  const handleFileUpload = (e: ChangeEvent<HTMLInputElement>) => {
+  // const handleFileUpload = (e: ChangeEvent<HTMLInputElement>) => {
-    const file = e.target.files?.[0];
+  //   const file = e.target.files?.[0];
-    if (!file) return;
+  //   if (!file) return;
 
-    const reader = new FileReader();
+  //   const reader = new FileReader();
 
-    reader.onload = (event: ProgressEvent<FileReader>) => {
+  //   reader.onload = (event: ProgressEvent<FileReader>) => {
-      if (!event.target?.result) return;
+  //     if (!event.target?.result) return;
 
   //     const workbook = XLSX.read(event.target.result, { type: "binary" });
   //     const sheetName = workbook.SheetNames[0];
@@ -62,8 +68,43 @@ export const ImportExcel: FC<ImportExcelProps> = ({
   //     local.tableName = gen_table;
   //     local.showPreviewExcel = true;
   //     local.render();
+  //   };
+  //   reader.readAsBinaryString(file);
+  // };
+
+  const handleFileUpload = async (e: ChangeEvent<HTMLInputElement>) => {
+    const file = e.target.files?.[0];
+    if (!file) return;
+
+    const reader = new FileReader();
+
+    reader.onload = async (event: ProgressEvent<FileReader>) => {
+      if (!event.target?.result) return;
+
+      const buffer = new Uint8Array(event.target.result as ArrayBuffer);
+      const workbook = new Workbook();
+      await workbook.xlsx.load(buffer);
+
+      const worksheet = workbook.worksheets[0];
+      if (worksheet) {
+        let sheetData = worksheet.getRows(1, worksheet.actualRowCount)?.map(row => row.values);
+        let firstRow = sheetData!.shift();
+        local.data = sheetData!;
+        if (firstRow) {
+          local.firstRow = firstRow as string[];
+        } else {
+          console.log('firstRow is undefined');
+        }
+        local.columns = getAllKeys(local.data);
+        gen_fields.forEach((data: any) => {
+          local.fields.push(JSON.parse(data).name);
+        });
+        local.tableName = gen_table;
+        local.showPreviewExcel = true;
+        local.render();
+      }
     };
-    reader.readAsBinaryString(file);
+    reader.readAsArrayBuffer(file);
   };
 
   const executeImport = async (e: MouseEvent<HTMLButtonElement>) => {
@@ -76,19 +117,32 @@ export const ImportExcel: FC<ImportExcelProps> = ({
       local.insertedData = [];
       local.render();
       const totalRows = local.selectedRows.length;
-        let processedRows = 0;
+      local.processedRows = 0;
+      let rowIndex = 0;
       for (const row of local.selectedRows) {
+        if (!local.isStopped) {
           let insertRow: any = {};
           local.columnMappings.forEach((columnMapping) => {
+            insertRow[pk] = rowIndex;
             insertRow[columnMapping.selectedColumn] = row.rows[columnMapping.column];
           });
+          rowIndex++;
 
-          let insertedData = await table.create({ data: insertRow });
+          // let insertedData = await table.create({ data: insertRow });
-          local.insertedData.push(insertedData);
+          // local.insertedData.push({
+          //   pk: insertedData.id,
+          //   rows: insertedData
+          // });
+          local.insertedData.push({
+            pk: insertRow[pk],
+            rows: insertRow
+          });
           local.render();
-          processedRows++;
+          local.processedRows++;
-          local.progress = Math.round((processedRows / totalRows) * 100);
+          local.progress = Math.round((local.processedRows / totalRows) * 100);
           local.render();
+          await new Promise(resolve => setTimeout(resolve, 2000));
+        }
       }
       local.isLoading = false;
       local.render();
@@ -97,9 +151,9 @@ export const ImportExcel: FC<ImportExcelProps> = ({
 
   const headerCheckboxClick = (e: ChangeEvent<HTMLInputElement>) => {
     if (e.target.checked) {
-      local.data.forEach((data) => {
+      local.data.forEach((data, key) => {
         local.selectedRows.push({
-          pk: data[pk],
+          pk: data[pk] === undefined ? key : data[pk],
           rows: data,
         });
       });
@@ -116,7 +170,6 @@ export const ImportExcel: FC<ImportExcelProps> = ({
     e.preventDefault();
     e.stopPropagation();
     const checked = !!local.selectedRows.find((data) => data.pk === rowId);
-    console.log(checked);
     if (!checked) {
       const checkedRowData = local.data.filter((row) => row[pk] === rowId);
       local.selectedRows.push({
@@ -134,6 +187,52 @@ export const ImportExcel: FC<ImportExcelProps> = ({
     }
   };
 
+  const handleStopProgress = (e: MouseEvent<HTMLButtonElement>) => {
+    e.preventDefault();
+    local.isStopped = true;
+    local.render();
+  };
+
+  const continueProgress = async (e: MouseEvent<HTMLButtonElement>) => {
+    e.preventDefault();
+    let ids = [] as any[];
+    local.insertedData.forEach((row) => {
+      ids.push(row.pk);
+    });
+    const table = (db as any)[local.tableName];
+    if (table) {
+      let remainingData = local.selectedRows.filter((row) => !ids.includes(row.pk));
+      local.showPreviewExcel = false;
+      local.isLoading = true;
+      local.render();
+      const totalRows = local.selectedRows.length;
+      for (const row of remainingData) {
+        let insertRow: any = {};
+        local.columnMappings.forEach((columnMapping) => {
+          insertRow[columnMapping.selectedColumn] = row.rows[columnMapping.column];
+        });
+
+        // let insertedData = await table.create({ data: insertRow });
+        // local.insertedData.push({
+        //   pk: insertedData.id,
+        //   rows: insertedData
+        // });
+        local.insertedData.push({
+          pk: insertRow[pk],
+          rows: insertRow
+        });
+        local.render();
+        local.processedRows++;
+        local.progress = Math.round((local.processedRows / totalRows) * 100);
+        local.render();
+        await new Promise(resolve => setTimeout(resolve, 2000));
+      }
+      local.isLoading = false;
+      local.isStopped = false;
+      local.render();
+    }
+  }
+
   const columnMappingChange =
     (col: string) => (e: ChangeEvent<HTMLSelectElement>) => {
       const selectedValue = e.target.value;
@@ -149,11 +248,6 @@ export const ImportExcel: FC<ImportExcelProps> = ({
     return local.selectedRows.some((checked) => checked.pk === id);
   };
 
-  const isConfirmed = (e: MouseEvent<HTMLButtonElement>) => {
-    console.log("selected rows", local.selectedRows);
-    console.log("column mappings", local.columnMappings);
-  };
-
   return (
     <div>
       <input type="file" onChange={handleFileUpload} />
@@ -184,12 +278,12 @@ export const ImportExcel: FC<ImportExcelProps> = ({
                 <th style={{ border: "1px solid black", padding: "8px" }}>
                   <input type="checkbox" onChange={headerCheckboxClick} />
                 </th>
-                {local.columns.map((col) => (
+                {local.columns.map((col: any) => (
                   <th
                     key={col}
                     style={{ border: "1px solid black", padding: "8px" }}
                   >
-                    {col}{" "}
+                    {local.firstRow[col]}{" "}
                     <select
                       onChange={columnMappingChange(col)}
                       style={{
@@ -227,7 +321,7 @@ export const ImportExcel: FC<ImportExcelProps> = ({
                       <input
                         className="c-pointer-events-none"
                         type="checkbox"
-                        checked={isRowChecked(row[pk])}
+                        checked={isRowChecked(row[pk] === undefined ? index : row[pk])}
                       />
                     </div>
                   </td>
@@ -272,27 +366,67 @@ export const ImportExcel: FC<ImportExcelProps> = ({
       )}
       {local.insertedData.length > 0 && (
         <div>
+          {local.insertedData.length !== local.selectedRows.length && (
+            <div>
+              {!local.isStopped && (<button
+                onClick={handleStopProgress}
+                style={{
+                  backgroundColor: "red",
+                  border: "none",
+                  color: "white",
+                  padding: "15px 32px",
+                  textAlign: "center",
+                  textDecoration: "none",
+                  display: "inline-block",
+                  fontSize: "16px",
+                  margin: "4px 2px",
+                  cursor: "pointer",
+                  borderRadius: "10px",
+                }}
+              >
+                Pause Progress
+              </button>)}
+              {local.isStopped && (
+                <button
+                  onClick={continueProgress}
+                  style={{
+                    backgroundColor: "green",
+                    border: "none",
+                    color: "white",
+                    padding: "15px 32px",
+                    textAlign: "center",
+                    textDecoration: "none",
+                    display: "inline-block",
+                    fontSize: "16px",
+                    margin: "4px 2px",
+                    cursor: "pointer",
+                    borderRadius: "10px",
+                  }}
+                >
+                  Continue Progress
+                </button>
+              )}
+            </div>
+          )}
           <h2>Inserted Data:</h2>
           <table style={{ borderCollapse: "collapse", width: "100%" }}>
             <thead>
               <tr>
-                {local.columns.map((col) => (
+                {local.columnMappings.map((col) => (
-                  <th key={col} style={{ border: "1px solid black", padding: "8px" }}>
+                  <th key={col.selectedColumn} style={{ border: "1px solid black", padding: "8px" }}>
-                    {col}
+                    {col.selectedColumn}
                   </th>
                 ))}
               </tr>
             </thead>
             <tbody>
-              {local.insertedData.map((row, index) => (
+              <tr>
-                <tr key={index}>
+                {local.columnMappings.map((col) => (
-                  {local.columns.map((col) => (
+                  <td key={col.selectedColumn} style={{ border: "1px solid black", padding: "8px" }}>
-                    <td key={col} style={{ border: "1px solid black", padding: "8px" }}>
+                    {local.insertedData[local.insertedData.length - 1].rows[col.selectedColumn]}
-                      {row[col]}
                   </td>
                 ))}
               </tr>
-              ))}
             </tbody>
           </table>
         </div>

comps/login/Login.tsx

@@ -0,0 +1,17 @@
+import { FC } from "react";
+
+const w = window as unknown as {
+  prasi_home: Record<string, string>;
+};
+
+export type LGProps = {
+  salt: string;
+  url_home: Array<Record<string, string>>;
+  body: any
+};
+
+export const Login: FC<LGProps> = (props) => {
+  w.prasi_home = props.url_home[0];
+  console.log(w.prasi_home)
+  return <>{props.body}</>;
+};

comps/login/utils/generate.ts

@@ -0,0 +1,49 @@
+export const generateLogin = async (item: PrasiItem, rel: any) => {
+  console.log({ item, rel , coba: item.edit.childs[0].edit.childs[0]});
+  item.edit.childs[0].edit.childs[0].edit.setProp("on_submit", {
+    mode: "raw",
+    value: `\
+    async ({ form, error }: IForm) => {
+        const user = await db.m_user.findFirst({
+            where: {
+              username: form.username,
+            },
+            select: {
+              id: true,
+              username: true,
+              password: true
+            }
+          });
+        if(user){
+            const same = await password.match(form.password, user.password);
+            if(same){
+                const data_user = await db.m_user.findFirst({
+                    where: {
+                      username: form.username
+                    },
+                    select: {
+                      id: true,
+                      username: true,
+                      m_role: true
+                    }
+                  });
+                  if (data_user) {
+                    registerSession({ data: data_user, expired: null });
+                    const home = prasi_user.prasi_home[prasi_user.user.m_role.name];
+                    navigate(home);
+                  }
+            }else{
+                alert("password salah");
+            }
+            
+        }else{
+            alert("user belum terdaftar")
+        }
+        
+    };
+      
+    type IForm = { form: any; error: Record<string, string> }
+    `,
+  })
+  await item.edit.commit();
+};

comps/login/utils/load.ts

@@ -0,0 +1,31 @@
+import parser from "any-date-parser";
+import { UserSession } from "./register";
+import { logout } from "./logout";
+const w = window as any;
+const parse = parser.exportAsFunctionAny("en-US");
+export const loadSession = (url_login?: string) => {
+  try {
+    const user = localStorage.getItem("user");
+    console.log({user})
+    if (user) {
+      const raw = JSON.parse(user);
+      w.user = raw.data;
+      if (typeof raw === "object") {
+        const session: UserSession = raw;
+        const expired = parse(session.expired);
+        if (
+          typeof expired === "object" &&
+          expired instanceof Date
+        ) {
+          if (new Date() > expired) {
+            logout(url_login);
+          }
+        }
+      }
+    } else {
+      logout(url_login);
+    }
+  } catch (e) {
+    logout(url_login);
+  }
+};

comps/login/utils/logout.ts

@@ -0,0 +1,17 @@
+import get from "lodash.get";
+
+const w = window as any;
+export type RGSession = {
+  data: any;
+  expired: number; // second
+};
+
+export const logout = (url_login?: string) => {
+  if(typeof get(w, "user") === "object"){
+    w.user = null;
+  }
+  if(localStorage.getItem("user")){
+    localStorage.removeItem("user");
+  }
+  if(url_login) navigate(url_login);
+};

comps/login/utils/register.ts

@@ -0,0 +1,18 @@
+import { addSeconds } from "date-fns";
+const w = window as any;
+export type RG = {
+  data: any;
+  expired: number; // second
+};
+export type UserSession = {
+    data: any;
+    expired: Date; // second
+  };
+export const registerSession = (session: RG) => {
+  const data = {
+    data: session.data,
+    expired: session.expired ? addSeconds(new Date(), session.expired) : null,
+  };
+  localStorage.setItem("user", JSON.stringify(data));
+  w.user = session.data;
+};

comps/login/utils/user.ts

@@ -0,0 +1,11 @@
+export const prasi_user = window as unknown as {
+  user: {
+    id: string;
+    username: string;
+    m_role: {
+      id: string;
+      name: string;
+    };
+  };
+  prasi_home: Record<string, string>;
+};

comps/md/MasterDetail.tsx

@@ -25,7 +25,7 @@ export const MasterDetail: FC<MDProps> = (arg) => {
     on_init,
     _item,
   } = arg;
-  const _ref = useRef({ PassProp, item: _item });
+  const _ref = useRef({ PassProp, item: _item, childs: {} });
   const mdr = _ref.current;
   const md = useLocal<MDLocalInternal>({
     name,
@@ -58,7 +58,7 @@ export const MasterDetail: FC<MDProps> = (arg) => {
         masterDetailApplyParams(md);
       },
     },
-    master: { internal: null, render() {} },
+    master: { render() {} },
     panel: {
       size: 25,
       min_size: 0,
@@ -67,12 +67,13 @@ export const MasterDetail: FC<MDProps> = (arg) => {
 
   mdr.PassProp = PassProp;
   mdr.item = _item;
-  if (isEditor && md.status === "init") {
-    editorMDInit(md, mdr, arg);
-  }
 
   mdRenderLoop(md, mdr, arg);
 
+  if (isEditor) {
+    editorMDInit(md, mdr, arg);
+  }
+
   return (
     <div
       className={cx(
@@ -80,9 +81,13 @@ export const MasterDetail: FC<MDProps> = (arg) => {
       )}
     >
       {md.props.show_head === "always" && <MDHeader md={md} mdr={mdr} />}
-      {/* {md.props.mode === "full" && <ModeFull md={md} mdr={mdr} />}
+      {md.status === "ready" && (
+        <>
+          {md.props.mode === "full" && <ModeFull md={md} mdr={mdr} />}
           {md.props.mode === "v-split" && <ModeVSplit md={md} mdr={mdr} />}
-      {md.props.mode === "h-split" && <ModeHSplit md={md} mdr={mdr} />} */}
+          {md.props.mode === "h-split" && <ModeHSplit md={md} mdr={mdr} />}
+        </>
+      )}
     </div>
   );
 };

comps/md/gen/md-gen.ts

@@ -0,0 +1,18 @@
+export const generateMasterDetail = async (item: PrasiItem) => {
+  const childs = item.edit.childs[0].edit.childs;
+
+  const master = childs.find(
+    (e) => e.component?.id === "c68415ca-dac5-44fe-aeb6-936caf8cc491"
+  );
+
+  if (master) {
+    master.edit.setProp("on_load", {
+      mode: "raw",
+      value: `async (text: string) => {
+        alert("ASdas");
+      }`,
+    });
+
+    await master.edit.commit();
+  }
+};

comps/md/utils/editor-init.tsx

@@ -18,17 +18,10 @@ export const editorMDInit = (md: MDLocal, mdr: MDRef, arg: MDProps) => {
   md.props.gen_table = gen_table;
   md.props.on_init = on_init;
 
-  const props = mdr.item.edit.props;
+  if (
-  if (props) {
+    !mdr.master ||
-    const child = props.child.value as PrasiItem;
+    (mdr.master && mdr.master.edit.childs[0].childs.length === 0)
-    let master = child.edit.childs.find(
+  ) {
-      (e) => e.component?.id === "c68415ca-dac5-44fe-aeb6-936caf8cc491"
-    );
-    let details = child.edit.childs.filter(
-      (e) => e.component?.id === "cb52075a-14ab-455a-9847-6f1d929a2a73"
-    );
-
-    if (master?.childs.length === 0 && md.breadcrumb.length === 0) {
     md.breadcrumb = [
       {
         label: (
@@ -48,11 +41,8 @@ export const editorMDInit = (md: MDLocal, mdr: MDRef, arg: MDProps) => {
       },
     ];
     md.status = "unready";
-    }
+  } else {
-
-    if (master && details.length > 0) {
     md.breadcrumb = [];
     md.status = "ready";
   }
-  }
 };

comps/md/utils/md-render-loop.tsx

@@ -1,13 +1,36 @@
 import { MDLocal, MDProps, MDRef } from "./typings";
 
 export const mdRenderLoop = (md: MDLocal, mdr: MDRef, props: MDProps) => {
-  console.log(mdr.item.childs);
+  const childs =
-  const childs = mdr.item.edit.childs.filter(
+    mdr.item.edit?.childs[0].edit?.childs.filter((e) => {
-    (e) => e?.component?.id === "cb52075a-14ab-455a-9847-6f1d929a2a73"
+      return e.component?.id === "cb52075a-14ab-455a-9847-6f1d929a2a73";
-  );
+    }) || [];
+
+  const master = mdr.item.edit?.childs[0].edit?.childs.find((e) => {
+    return e.component?.id === "c68415ca-dac5-44fe-aeb6-936caf8cc491";
+  });
+
+  if (master) {
+    if (!md.master) md.master = { render() {} };
+  }
+  mdr.master = master;
 
-  console.log(mdr.item.edit.childs);
   for (const c of childs) {
-    console.log(c);
+    const props = c.edit?.props;
+    if (props && props.name.mode === "string") {
+      const name = props.name.value || "";
+      if (name) {
+        mdr.childs[name] = c;
+        if (!md.childs[name]) {
+          md.childs[name] = {
+            name,
+            hide() {},
+            label: props.label.mode === "string" ? props.label.value : name,
+            render() {},
+            show() {},
+          };
+        }
+      }
+    }
   }
 };

comps/md/utils/typings.ts

@@ -42,7 +42,7 @@ export type MDLocalInternal = {
     list: string[];
   };
   internal: { action_should_refresh: boolean };
-  master: { internal: any; render: () => void };
+  master: { render: () => void };
   params: {
     hash: any;
     tabs: any;
@@ -67,7 +67,6 @@ export type MDLocalInternal = {
       hide: () => void;
       show: () => void;
       render: () => void;
-      internal: any;
       fm?: FMLocal;
       md?: MDLocal;
       list?: any;
@@ -78,12 +77,17 @@ export type MDLocalInternal = {
     min_size: number;
   };
 };
-export type MDRef = { PassProp: any; item: PrasiItem };
+export type MDRef = {
+  PassProp: any;
+  item: PrasiItem;
+  master?: PrasiItem;
+  childs: Record<string, PrasiItem>;
+};
 export type MDLocal = MDLocalInternal & { render: (force?: boolean) => void };
 
 export const MasterDetailType = `const md = {
   name: string;
-  status: "init" | "unready" | "ready";
+  status: string;
   breadcrumb: {
     label: React.ReactNode;
     url?: string;

comps/menu/Menu.tsx

@@ -0,0 +1,234 @@
+import { getPathname } from "lib/utils/pathname";
+import { useLocal } from "lib/utils/use-local";
+import get from "lodash.get";
+import { ChevronDown, ChevronRight } from "lucide-react";
+import { FC, ReactNode, useEffect } from "react";
+type IMenu = [string, any, string | IMenu[]];
+export type MenuProp = {
+  role: string;
+  on_init: () => string;
+  menu: () => Record<string, IMenu[]>;
+  PassProp: any;
+  child: ReactNode;
+};
+type MenuActive = {
+  label: string;
+  path: string;
+  expand: boolean;
+  active: true;
+};
+export const Menu: FC<MenuProp> = (props) => {
+  const imenu = props.menu();
+  let role = props.role;
+  if (!isEditor) {
+    role = props.on_init();
+  }
+  const PassProp = props.PassProp;
+  const menu = imenu[role] || [];
+  const pathname = getPathname();
+
+  const local = useLocal({
+    open: [] as Array<MenuActive>,
+    cache: false,
+  });
+  if (!local.open.length && !local.cache) {
+    const result = findChildMenu(menu, (e: any) => e[2] === pathname);
+    if (Array.isArray(result)) {
+      local.open.push({
+        label: result[0],
+        path: pathname,
+        expand: true,
+        active: true,
+      });
+      local.cache = true;
+      local.render();
+    }
+  }
+  return (
+    <div className="c-h-full c-w-full c-flex c-flex-row c-flex-grow c-px-3 c-py-4 c-overflow-y-auto c-rounded ">
+      <SideBar data={menu} local={local} pm={props} />
+    </div>
+  );
+};
+export const SideBar: FC<{
+  data: IMenu[];
+  local: any;
+  dept?: number;
+  pm: MenuProp;
+}> = ({ data, local, dept, pm }) => {
+  const PassProp = pm.PassProp;
+  return (
+    <div className="c-flex c-flex-col c-flex-grow">
+      {data.map((item) => {
+        const menu = {
+          label: item[0],
+          icon: item[1],
+          value: item[2],
+        };
+        const expand = true
+        return (
+          <div className="w-full c-flex c-flex-col">
+            <div onClick={() => {
+              
+            }}>
+              <PassProp
+                item={menu}
+                dept={dept || 0}
+                hasChild={false}
+                selected={false}
+              >
+                {pm.child}
+              </PassProp>
+            </div>
+            <div className="c-flex c-flex-col">
+              {Array.isArray(menu.value) && expand ? (
+                <>
+                  <SideBar
+                    data={menu.value}
+                    local={local}
+                    dept={(dept || 0) + 1}
+                    pm={pm}
+                  />
+                </>
+              ) : (
+                <></>
+              )}
+            </div>
+          </div>
+        );
+      })}
+    </div>
+  );
+  return (
+    <div className="c-flex c-flex-col c-gap-2 c-flex-grow">
+      {data.map((e) => {
+        const label: string = e[0];
+        const child: any = e[2];
+        const hasChildren = Array.isArray(child);
+        const predicate = (item: MenuActive) => {
+          if (hasChildren) {
+            return item.label === e[0] && item.path === "";
+          } else {
+            return item.label === e[0] && item.path === child;
+          }
+        };
+        const found_local = local.open.find(predicate);
+        let expand = get(found_local, "expand") ? true : false;
+        const selected = found(e, (menu: any) =>
+          local.open.some(
+            (item: MenuActive) =>
+              item.label === menu[0] || item.path === menu[2]
+          )
+        );
+        if (selected && !found_local) {
+          local.open.push({
+            label: e[0],
+            path: hasChildren ? "" : e[2],
+            expand: hasChildren,
+          });
+          expand = true;
+        }
+
+        return (
+          <div
+            className={cx(
+              "c-flex c-flex-col c-w-full c-gap-1 c-items-center c-rounded c-pb-0"
+            )}
+          >
+            <div
+              className={cx(
+                "c-flex c-w-full c-gap-1 c-flex-grow c-items-center c-rounded c-p-2 sidebar-row"
+              )}
+              onClick={() => {
+                const found_local = local.open.find(predicate);
+                console.log(found_local);
+                if (found_local) {
+                  found_local.expand = !found_local.expand;
+                  // local.open = local.open.filter((item: MenuActive) => {
+                  //   if (hasChildren) {
+                  //     return item.label !== e[0] && item.path === "";
+                  //   } else {
+                  //     return item.label !== e[0] && item.path !== child;
+                  //   }
+                  // });
+                  local.render();
+                } else {
+                  local.open = [
+                    {
+                      label: e[0],
+                      path: hasChildren ? "" : e[2],
+                      expand: hasChildren,
+                    },
+                  ];
+                }
+                local.render();
+                console.log(local.open);
+              }}
+            >
+              <PassProp
+                item={e}
+                dept={dept || 0}
+                hasChild={hasChildren}
+                selected={selected}
+              >
+                {pm.child}
+              </PassProp>
+            </div>
+            {hasChildren && selected && expand ? (
+              <div className="sidebar-child c-flex c-w-full  c-pb-0 c-gap-1 c-pl-2 c-flex-grow c-items-center c-rounded c-py-2">
+                <SideBar
+                  data={child}
+                  local={local}
+                  dept={(dept || 0) + 1}
+                  pm={pm}
+                />
+              </div>
+            ) : (
+              <></>
+            )}
+          </div>
+        );
+      })}
+    </div>
+  );
+};
+
+
+const found = (data: Array<any>, predicate: any) => {
+  const result = findChild(data, predicate);
+  return result ? true : false;
+};
+const findChild = (data: Array<any>, predicate: any) => {
+  const children = data[2]; // array index ke-2 bisa berupa array atau string
+  if (predicate(data)) {
+    // kalau data ada yang cocok dari prediksi maka true, kalau gk jalankan false
+    return data;
+  } else {
+    if (Array.isArray(children)) {
+      // jika ada children, loop anaknya dan cari hingga sesuai prediksi
+      for (let child of children) {
+        const result: any = findChild(child, predicate);
+        if (result) return result;
+      }
+    } else {
+      // jika data tidak mengandung children maka cari sesuai prediksi
+      if (predicate(data)) {
+        return data;
+      }
+      return null;
+    }
+  }
+  return null;
+};
+const findChildMenu = (data: Array<any>, predicate: any) => {
+  let result = null as any;
+  if (data.length) {
+    data.map((e) => {
+      let found = findChild(e, predicate);
+      if (found) {
+        result = found;
+      }
+    });
+  }
+  return result;
+};

data.ts

@@ -32,6 +32,9 @@ export const ExportExcel = lazify(
   async () => (await import("@/comps/list/ExportExcel")).ExportExcel
 );
 
+/** Generator */
+export { generateMasterDetail } from "lib/comps/md/gen/md-gen";
+
 /** ETC */
 export {
   FMLocal,
@@ -40,7 +43,23 @@ export {
   formType,
 } from "@/comps/form/typings";
 export { MasterDetailType } from "@/comps/md/utils/typings";
-export { prasi_gen } from "@/gen/prasi_gen";
 export { FormatValue } from "@/utils/format-value";
 export { GetValue } from "@/utils/get-value";
 export { TableListType } from "lib/comps/list/utils/typings";
+export { Button, FloatButton } from "@/comps/ui/button";
+export { prasi_gen } from "@/gen/prasi_gen";
+
+/** Session */
+export {registerSession, RG, UserSession} from "@/comps/login/utils/register"
+export {prasi_user} from "@/comps/login/utils/user"
+export {Login} from "@/comps/login/Login"
+export {logout} from "@/comps/login/utils/logout"
+export {generateLogin} from "@/comps/login/utils/generate"
+/** Layout */
+export {Layout} from "@/comps/custom/Layout"
+
+/* MENU */
+export {Menu} from "@/comps/menu/Menu"
+
+/* Bcrypt */
+export {password} from "@/utils/password"

gen/prasi_gen.ts

@@ -6,6 +6,7 @@ import { gen_export } from "./gen_table_list/gen_export";
 import { gen_master_detail } from "./master_detail/gen";
 import { gen_prop_fields } from "./prop/gen_prop_fields";
 import { gen_props_table } from "./prop/gen_prop_table";
+import { gen_object_rel } from "./prop/gen_object_rel";
 
 export const prasi_gen = {
   actions_tab: gen_action,
@@ -17,5 +18,6 @@ export const prasi_gen = {
   prop: {
     fields: gen_prop_fields,
     table: gen_props_table,
+    rel: gen_object_rel,
   },
 };

gen/prop/gen_object_rel.ts

@@ -0,0 +1,22 @@
+import set from "lodash.set";
+
+const cache: any = [];
+
+export const gen_object_rel =  (rels: Array<any>) => {
+  let result = {} as Record<string,any>;
+  if(rels.length){
+    rels.map((rel) => {
+      if(typeof rel === "string"){
+        let col = JSON.parse(rel);
+        set(result, col.name, true);
+      }else{
+        if(typeof rel === "object"){
+          let relation = gen_object_rel(rel.checked);
+          let val = JSON.parse(rel.value);
+          set(result, val.name, relation);
+        }
+      }
+    })
+  }
+  return result;
+};

utils/bcrypt.d.ts

@@ -0,0 +1,5 @@
+declare module "@/utils/bcrypt" {
+    const compareSync: any;
+    const genSaltSync: any;
+    const hashSync: any;
+  }  

utils/bcrypt.js

@@ -0,0 +1,735 @@
+function utf8Array(string) {
+    var offset = 0,
+      c1,
+      c2;
+    var buffer = new Array(utf8Length(string));
+    for (var i = 0, k = string.length; i < k; ++i) {
+      c1 = string.charCodeAt(i);
+      if (c1 < 128) {
+        buffer[offset++] = c1;
+      } else if (c1 < 2048) {
+        buffer[offset++] = (c1 >> 6) | 192;
+        buffer[offset++] = (c1 & 63) | 128;
+      } else if (
+        (c1 & 0xfc00) === 0xd800 &&
+        ((c2 = string.charCodeAt(i + 1)) & 0xfc00) === 0xdc00
+      ) {
+        c1 = 0x10000 + ((c1 & 0x03ff) << 10) + (c2 & 0x03ff);
+        ++i;
+        buffer[offset++] = (c1 >> 18) | 240;
+        buffer[offset++] = ((c1 >> 12) & 63) | 128;
+        buffer[offset++] = ((c1 >> 6) & 63) | 128;
+        buffer[offset++] = (c1 & 63) | 128;
+      } else {
+        buffer[offset++] = (c1 >> 12) | 224;
+        buffer[offset++] = ((c1 >> 6) & 63) | 128;
+        buffer[offset++] = (c1 & 63) | 128;
+      }
+    }
+    return buffer;
+  }
+  var GENSALT_DEFAULT_LOG2_ROUNDS = 10;
+  
+  var BLOWFISH_NUM_ROUNDS = 16;
+  
+  var MAX_EXECUTION_TIME = 100;
+  
+  var BCRYPT_SALT_LEN = 16;
+  
+  var stringFromCharCode = String.fromCharCode;
+  
+  function _key(key, P, S) {
+    var offset = 0,
+      lr = [0, 0],
+      plen = P.length,
+      slen = S.length,
+      sw;
+    for (var i = 0; i < plen; i++)
+      (sw = _streamtoword(key, offset)),
+        (offset = sw.offp),
+        (P[i] = P[i] ^ sw.key);
+    for (i = 0; i < plen; i += 2)
+      (lr = _encipher(lr, 0, P, S)), (P[i] = lr[0]), (P[i + 1] = lr[1]);
+    for (i = 0; i < slen; i += 2)
+      (lr = _encipher(lr, 0, P, S)), (S[i] = lr[0]), (S[i + 1] = lr[1]);
+  }
+  
+  function base64_encode(b, len) {
+    var off = 0,
+      rs = [],
+      c1,
+      c2;
+    if (len <= 0 || len > b.length) throw Error("Illegal len: " + len);
+    while (off < len) {
+      c1 = b[off++] & 0xff;
+      rs.push(BASE64_CODE[(c1 >> 2) & 0x3f]);
+      c1 = (c1 & 0x03) << 4;
+      if (off >= len) {
+        rs.push(BASE64_CODE[c1 & 0x3f]);
+        break;
+      }
+      c2 = b[off++] & 0xff;
+      c1 |= (c2 >> 4) & 0x0f;
+      rs.push(BASE64_CODE[c1 & 0x3f]);
+      c1 = (c2 & 0x0f) << 2;
+      if (off >= len) {
+        rs.push(BASE64_CODE[c1 & 0x3f]);
+        break;
+      }
+      c2 = b[off++] & 0xff;
+      c1 |= (c2 >> 6) & 0x03;
+      rs.push(BASE64_CODE[c1 & 0x3f]);
+      rs.push(BASE64_CODE[c2 & 0x3f]);
+    }
+    return rs.join("");
+  }
+  
+  function _streamtoword(data, offp) {
+    for (var i = 0, word = 0; i < 4; ++i)
+      (word = (word << 8) | (data[offp] & 0xff)),
+        (offp = (offp + 1) % data.length);
+    return { key: word, offp: offp };
+  }
+  
+  function _encipher(lr, off, P, S) {
+    // This is our bottleneck: 1714/1905 ticks / 90% - see profile.txt
+    var n,
+      l = lr[off],
+      r = lr[off + 1];
+  
+    l ^= P[0];
+  
+    /*
+    for (var i=0, k=BLOWFISH_NUM_ROUNDS-2; i<=k;)
+        // Feistel substitution on left word
+        n  = S[l >>> 24],
+        n += S[0x100 | ((l >> 16) & 0xff)],
+        n ^= S[0x200 | ((l >> 8) & 0xff)],
+        n += S[0x300 | (l & 0xff)],
+        r ^= n ^ P[++i],
+        // Feistel substitution on right word
+        n  = S[r >>> 24],
+        n += S[0x100 | ((r >> 16) & 0xff)],
+        n ^= S[0x200 | ((r >> 8) & 0xff)],
+        n += S[0x300 | (r & 0xff)],
+        l ^= n ^ P[++i];
+    */
+  
+    //The following is an unrolled version of the above loop.
+    //Iteration 0
+    n = S[l >>> 24];
+    n += S[0x100 | ((l >> 16) & 0xff)];
+    n ^= S[0x200 | ((l >> 8) & 0xff)];
+    n += S[0x300 | (l & 0xff)];
+    r ^= n ^ P[1];
+    n = S[r >>> 24];
+    n += S[0x100 | ((r >> 16) & 0xff)];
+    n ^= S[0x200 | ((r >> 8) & 0xff)];
+    n += S[0x300 | (r & 0xff)];
+    l ^= n ^ P[2];
+    //Iteration 1
+    n = S[l >>> 24];
+    n += S[0x100 | ((l >> 16) & 0xff)];
+    n ^= S[0x200 | ((l >> 8) & 0xff)];
+    n += S[0x300 | (l & 0xff)];
+    r ^= n ^ P[3];
+    n = S[r >>> 24];
+    n += S[0x100 | ((r >> 16) & 0xff)];
+    n ^= S[0x200 | ((r >> 8) & 0xff)];
+    n += S[0x300 | (r & 0xff)];
+    l ^= n ^ P[4];
+    //Iteration 2
+    n = S[l >>> 24];
+    n += S[0x100 | ((l >> 16) & 0xff)];
+    n ^= S[0x200 | ((l >> 8) & 0xff)];
+    n += S[0x300 | (l & 0xff)];
+    r ^= n ^ P[5];
+    n = S[r >>> 24];
+    n += S[0x100 | ((r >> 16) & 0xff)];
+    n ^= S[0x200 | ((r >> 8) & 0xff)];
+    n += S[0x300 | (r & 0xff)];
+    l ^= n ^ P[6];
+    //Iteration 3
+    n = S[l >>> 24];
+    n += S[0x100 | ((l >> 16) & 0xff)];
+    n ^= S[0x200 | ((l >> 8) & 0xff)];
+    n += S[0x300 | (l & 0xff)];
+    r ^= n ^ P[7];
+    n = S[r >>> 24];
+    n += S[0x100 | ((r >> 16) & 0xff)];
+    n ^= S[0x200 | ((r >> 8) & 0xff)];
+    n += S[0x300 | (r & 0xff)];
+    l ^= n ^ P[8];
+    //Iteration 4
+    n = S[l >>> 24];
+    n += S[0x100 | ((l >> 16) & 0xff)];
+    n ^= S[0x200 | ((l >> 8) & 0xff)];
+    n += S[0x300 | (l & 0xff)];
+    r ^= n ^ P[9];
+    n = S[r >>> 24];
+    n += S[0x100 | ((r >> 16) & 0xff)];
+    n ^= S[0x200 | ((r >> 8) & 0xff)];
+    n += S[0x300 | (r & 0xff)];
+    l ^= n ^ P[10];
+    //Iteration 5
+    n = S[l >>> 24];
+    n += S[0x100 | ((l >> 16) & 0xff)];
+    n ^= S[0x200 | ((l >> 8) & 0xff)];
+    n += S[0x300 | (l & 0xff)];
+    r ^= n ^ P[11];
+    n = S[r >>> 24];
+    n += S[0x100 | ((r >> 16) & 0xff)];
+    n ^= S[0x200 | ((r >> 8) & 0xff)];
+    n += S[0x300 | (r & 0xff)];
+    l ^= n ^ P[12];
+    //Iteration 6
+    n = S[l >>> 24];
+    n += S[0x100 | ((l >> 16) & 0xff)];
+    n ^= S[0x200 | ((l >> 8) & 0xff)];
+    n += S[0x300 | (l & 0xff)];
+    r ^= n ^ P[13];
+    n = S[r >>> 24];
+    n += S[0x100 | ((r >> 16) & 0xff)];
+    n ^= S[0x200 | ((r >> 8) & 0xff)];
+    n += S[0x300 | (r & 0xff)];
+    l ^= n ^ P[14];
+    //Iteration 7
+    n = S[l >>> 24];
+    n += S[0x100 | ((l >> 16) & 0xff)];
+    n ^= S[0x200 | ((l >> 8) & 0xff)];
+    n += S[0x300 | (l & 0xff)];
+    r ^= n ^ P[15];
+    n = S[r >>> 24];
+    n += S[0x100 | ((r >> 16) & 0xff)];
+    n ^= S[0x200 | ((r >> 8) & 0xff)];
+    n += S[0x300 | (r & 0xff)];
+    l ^= n ^ P[16];
+  
+    lr[off] = r ^ P[BLOWFISH_NUM_ROUNDS + 1];
+    lr[off + 1] = l;
+    return lr;
+  }
+  
+  function _ekskey(data, key, P, S) {
+    var offp = 0,
+      lr = [0, 0],
+      plen = P.length,
+      slen = S.length,
+      sw;
+    for (var i = 0; i < plen; i++)
+      (sw = _streamtoword(key, offp)), (offp = sw.offp), (P[i] = P[i] ^ sw.key);
+    offp = 0;
+    for (i = 0; i < plen; i += 2)
+      (sw = _streamtoword(data, offp)),
+        (offp = sw.offp),
+        (lr[0] ^= sw.key),
+        (sw = _streamtoword(data, offp)),
+        (offp = sw.offp),
+        (lr[1] ^= sw.key),
+        (lr = _encipher(lr, 0, P, S)),
+        (P[i] = lr[0]),
+        (P[i + 1] = lr[1]);
+    for (i = 0; i < slen; i += 2)
+      (sw = _streamtoword(data, offp)),
+        (offp = sw.offp),
+        (lr[0] ^= sw.key),
+        (sw = _streamtoword(data, offp)),
+        (offp = sw.offp),
+        (lr[1] ^= sw.key),
+        (lr = _encipher(lr, 0, P, S)),
+        (S[i] = lr[0]),
+        (S[i + 1] = lr[1]);
+  }
+  
+  var BASE64_INDEX = [
+    -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,
+    -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,
+    -1, -1, -1, -1, -1, -1, -1, -1, 0, 1, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63,
+    -1, -1, -1, -1, -1, -1, -1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15,
+    16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, -1, -1, -1, -1, -1, -1, 28,
+    29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47,
+    48, 49, 50, 51, 52, 53, -1, -1, -1, -1, -1,
+  ];
+  
+  var S_ORIG = [
+    0xd1310ba6, 0x98dfb5ac, 0x2ffd72db, 0xd01adfb7, 0xb8e1afed, 0x6a267e96,
+    0xba7c9045, 0xf12c7f99, 0x24a19947, 0xb3916cf7, 0x0801f2e2, 0x858efc16,
+    0x636920d8, 0x71574e69, 0xa458fea3, 0xf4933d7e, 0x0d95748f, 0x728eb658,
+    0x718bcd58, 0x82154aee, 0x7b54a41d, 0xc25a59b5, 0x9c30d539, 0x2af26013,
+    0xc5d1b023, 0x286085f0, 0xca417918, 0xb8db38ef, 0x8e79dcb0, 0x603a180e,
+    0x6c9e0e8b, 0xb01e8a3e, 0xd71577c1, 0xbd314b27, 0x78af2fda, 0x55605c60,
+    0xe65525f3, 0xaa55ab94, 0x57489862, 0x63e81440, 0x55ca396a, 0x2aab10b6,
+    0xb4cc5c34, 0x1141e8ce, 0xa15486af, 0x7c72e993, 0xb3ee1411, 0x636fbc2a,
+    0x2ba9c55d, 0x741831f6, 0xce5c3e16, 0x9b87931e, 0xafd6ba33, 0x6c24cf5c,
+    0x7a325381, 0x28958677, 0x3b8f4898, 0x6b4bb9af, 0xc4bfe81b, 0x66282193,
+    0x61d809cc, 0xfb21a991, 0x487cac60, 0x5dec8032, 0xef845d5d, 0xe98575b1,
+    0xdc262302, 0xeb651b88, 0x23893e81, 0xd396acc5, 0x0f6d6ff3, 0x83f44239,
+    0x2e0b4482, 0xa4842004, 0x69c8f04a, 0x9e1f9b5e, 0x21c66842, 0xf6e96c9a,
+    0x670c9c61, 0xabd388f0, 0x6a51a0d2, 0xd8542f68, 0x960fa728, 0xab5133a3,
+    0x6eef0b6c, 0x137a3be4, 0xba3bf050, 0x7efb2a98, 0xa1f1651d, 0x39af0176,
+    0x66ca593e, 0x82430e88, 0x8cee8619, 0x456f9fb4, 0x7d84a5c3, 0x3b8b5ebe,
+    0xe06f75d8, 0x85c12073, 0x401a449f, 0x56c16aa6, 0x4ed3aa62, 0x363f7706,
+    0x1bfedf72, 0x429b023d, 0x37d0d724, 0xd00a1248, 0xdb0fead3, 0x49f1c09b,
+    0x075372c9, 0x80991b7b, 0x25d479d8, 0xf6e8def7, 0xe3fe501a, 0xb6794c3b,
+    0x976ce0bd, 0x04c006ba, 0xc1a94fb6, 0x409f60c4, 0x5e5c9ec2, 0x196a2463,
+    0x68fb6faf, 0x3e6c53b5, 0x1339b2eb, 0x3b52ec6f, 0x6dfc511f, 0x9b30952c,
+    0xcc814544, 0xaf5ebd09, 0xbee3d004, 0xde334afd, 0x660f2807, 0x192e4bb3,
+    0xc0cba857, 0x45c8740f, 0xd20b5f39, 0xb9d3fbdb, 0x5579c0bd, 0x1a60320a,
+    0xd6a100c6, 0x402c7279, 0x679f25fe, 0xfb1fa3cc, 0x8ea5e9f8, 0xdb3222f8,
+    0x3c7516df, 0xfd616b15, 0x2f501ec8, 0xad0552ab, 0x323db5fa, 0xfd238760,
+    0x53317b48, 0x3e00df82, 0x9e5c57bb, 0xca6f8ca0, 0x1a87562e, 0xdf1769db,
+    0xd542a8f6, 0x287effc3, 0xac6732c6, 0x8c4f5573, 0x695b27b0, 0xbbca58c8,
+    0xe1ffa35d, 0xb8f011a0, 0x10fa3d98, 0xfd2183b8, 0x4afcb56c, 0x2dd1d35b,
+    0x9a53e479, 0xb6f84565, 0xd28e49bc, 0x4bfb9790, 0xe1ddf2da, 0xa4cb7e33,
+    0x62fb1341, 0xcee4c6e8, 0xef20cada, 0x36774c01, 0xd07e9efe, 0x2bf11fb4,
+    0x95dbda4d, 0xae909198, 0xeaad8e71, 0x6b93d5a0, 0xd08ed1d0, 0xafc725e0,
+    0x8e3c5b2f, 0x8e7594b7, 0x8ff6e2fb, 0xf2122b64, 0x8888b812, 0x900df01c,
+    0x4fad5ea0, 0x688fc31c, 0xd1cff191, 0xb3a8c1ad, 0x2f2f2218, 0xbe0e1777,
+    0xea752dfe, 0x8b021fa1, 0xe5a0cc0f, 0xb56f74e8, 0x18acf3d6, 0xce89e299,
+    0xb4a84fe0, 0xfd13e0b7, 0x7cc43b81, 0xd2ada8d9, 0x165fa266, 0x80957705,
+    0x93cc7314, 0x211a1477, 0xe6ad2065, 0x77b5fa86, 0xc75442f5, 0xfb9d35cf,
+    0xebcdaf0c, 0x7b3e89a0, 0xd6411bd3, 0xae1e7e49, 0x00250e2d, 0x2071b35e,
+    0x226800bb, 0x57b8e0af, 0x2464369b, 0xf009b91e, 0x5563911d, 0x59dfa6aa,
+    0x78c14389, 0xd95a537f, 0x207d5ba2, 0x02e5b9c5, 0x83260376, 0x6295cfa9,
+    0x11c81968, 0x4e734a41, 0xb3472dca, 0x7b14a94a, 0x1b510052, 0x9a532915,
+    0xd60f573f, 0xbc9bc6e4, 0x2b60a476, 0x81e67400, 0x08ba6fb5, 0x571be91f,
+    0xf296ec6b, 0x2a0dd915, 0xb6636521, 0xe7b9f9b6, 0xff34052e, 0xc5855664,
+    0x53b02d5d, 0xa99f8fa1, 0x08ba4799, 0x6e85076a, 0x4b7a70e9, 0xb5b32944,
+    0xdb75092e, 0xc4192623, 0xad6ea6b0, 0x49a7df7d, 0x9cee60b8, 0x8fedb266,
+    0xecaa8c71, 0x699a17ff, 0x5664526c, 0xc2b19ee1, 0x193602a5, 0x75094c29,
+    0xa0591340, 0xe4183a3e, 0x3f54989a, 0x5b429d65, 0x6b8fe4d6, 0x99f73fd6,
+    0xa1d29c07, 0xefe830f5, 0x4d2d38e6, 0xf0255dc1, 0x4cdd2086, 0x8470eb26,
+    0x6382e9c6, 0x021ecc5e, 0x09686b3f, 0x3ebaefc9, 0x3c971814, 0x6b6a70a1,
+    0x687f3584, 0x52a0e286, 0xb79c5305, 0xaa500737, 0x3e07841c, 0x7fdeae5c,
+    0x8e7d44ec, 0x5716f2b8, 0xb03ada37, 0xf0500c0d, 0xf01c1f04, 0x0200b3ff,
+    0xae0cf51a, 0x3cb574b2, 0x25837a58, 0xdc0921bd, 0xd19113f9, 0x7ca92ff6,
+    0x94324773, 0x22f54701, 0x3ae5e581, 0x37c2dadc, 0xc8b57634, 0x9af3dda7,
+    0xa9446146, 0x0fd0030e, 0xecc8c73e, 0xa4751e41, 0xe238cd99, 0x3bea0e2f,
+    0x3280bba1, 0x183eb331, 0x4e548b38, 0x4f6db908, 0x6f420d03, 0xf60a04bf,
+    0x2cb81290, 0x24977c79, 0x5679b072, 0xbcaf89af, 0xde9a771f, 0xd9930810,
+    0xb38bae12, 0xdccf3f2e, 0x5512721f, 0x2e6b7124, 0x501adde6, 0x9f84cd87,
+    0x7a584718, 0x7408da17, 0xbc9f9abc, 0xe94b7d8c, 0xec7aec3a, 0xdb851dfa,
+    0x63094366, 0xc464c3d2, 0xef1c1847, 0x3215d908, 0xdd433b37, 0x24c2ba16,
+    0x12a14d43, 0x2a65c451, 0x50940002, 0x133ae4dd, 0x71dff89e, 0x10314e55,
+    0x81ac77d6, 0x5f11199b, 0x043556f1, 0xd7a3c76b, 0x3c11183b, 0x5924a509,
+    0xf28fe6ed, 0x97f1fbfa, 0x9ebabf2c, 0x1e153c6e, 0x86e34570, 0xeae96fb1,
+    0x860e5e0a, 0x5a3e2ab3, 0x771fe71c, 0x4e3d06fa, 0x2965dcb9, 0x99e71d0f,
+    0x803e89d6, 0x5266c825, 0x2e4cc978, 0x9c10b36a, 0xc6150eba, 0x94e2ea78,
+    0xa5fc3c53, 0x1e0a2df4, 0xf2f74ea7, 0x361d2b3d, 0x1939260f, 0x19c27960,
+    0x5223a708, 0xf71312b6, 0xebadfe6e, 0xeac31f66, 0xe3bc4595, 0xa67bc883,
+    0xb17f37d1, 0x018cff28, 0xc332ddef, 0xbe6c5aa5, 0x65582185, 0x68ab9802,
+    0xeecea50f, 0xdb2f953b, 0x2aef7dad, 0x5b6e2f84, 0x1521b628, 0x29076170,
+    0xecdd4775, 0x619f1510, 0x13cca830, 0xeb61bd96, 0x0334fe1e, 0xaa0363cf,
+    0xb5735c90, 0x4c70a239, 0xd59e9e0b, 0xcbaade14, 0xeecc86bc, 0x60622ca7,
+    0x9cab5cab, 0xb2f3846e, 0x648b1eaf, 0x19bdf0ca, 0xa02369b9, 0x655abb50,
+    0x40685a32, 0x3c2ab4b3, 0x319ee9d5, 0xc021b8f7, 0x9b540b19, 0x875fa099,
+    0x95f7997e, 0x623d7da8, 0xf837889a, 0x97e32d77, 0x11ed935f, 0x16681281,
+    0x0e358829, 0xc7e61fd6, 0x96dedfa1, 0x7858ba99, 0x57f584a5, 0x1b227263,
+    0x9b83c3ff, 0x1ac24696, 0xcdb30aeb, 0x532e3054, 0x8fd948e4, 0x6dbc3128,
+    0x58ebf2ef, 0x34c6ffea, 0xfe28ed61, 0xee7c3c73, 0x5d4a14d9, 0xe864b7e3,
+    0x42105d14, 0x203e13e0, 0x45eee2b6, 0xa3aaabea, 0xdb6c4f15, 0xfacb4fd0,
+    0xc742f442, 0xef6abbb5, 0x654f3b1d, 0x41cd2105, 0xd81e799e, 0x86854dc7,
+    0xe44b476a, 0x3d816250, 0xcf62a1f2, 0x5b8d2646, 0xfc8883a0, 0xc1c7b6a3,
+    0x7f1524c3, 0x69cb7492, 0x47848a0b, 0x5692b285, 0x095bbf00, 0xad19489d,
+    0x1462b174, 0x23820e00, 0x58428d2a, 0x0c55f5ea, 0x1dadf43e, 0x233f7061,
+    0x3372f092, 0x8d937e41, 0xd65fecf1, 0x6c223bdb, 0x7cde3759, 0xcbee7460,
+    0x4085f2a7, 0xce77326e, 0xa6078084, 0x19f8509e, 0xe8efd855, 0x61d99735,
+    0xa969a7aa, 0xc50c06c2, 0x5a04abfc, 0x800bcadc, 0x9e447a2e, 0xc3453484,
+    0xfdd56705, 0x0e1e9ec9, 0xdb73dbd3, 0x105588cd, 0x675fda79, 0xe3674340,
+    0xc5c43465, 0x713e38d8, 0x3d28f89e, 0xf16dff20, 0x153e21e7, 0x8fb03d4a,
+    0xe6e39f2b, 0xdb83adf7, 0xe93d5a68, 0x948140f7, 0xf64c261c, 0x94692934,
+    0x411520f7, 0x7602d4f7, 0xbcf46b2e, 0xd4a20068, 0xd4082471, 0x3320f46a,
+    0x43b7d4b7, 0x500061af, 0x1e39f62e, 0x97244546, 0x14214f74, 0xbf8b8840,
+    0x4d95fc1d, 0x96b591af, 0x70f4ddd3, 0x66a02f45, 0xbfbc09ec, 0x03bd9785,
+    0x7fac6dd0, 0x31cb8504, 0x96eb27b3, 0x55fd3941, 0xda2547e6, 0xabca0a9a,
+    0x28507825, 0x530429f4, 0x0a2c86da, 0xe9b66dfb, 0x68dc1462, 0xd7486900,
+    0x680ec0a4, 0x27a18dee, 0x4f3ffea2, 0xe887ad8c, 0xb58ce006, 0x7af4d6b6,
+    0xaace1e7c, 0xd3375fec, 0xce78a399, 0x406b2a42, 0x20fe9e35, 0xd9f385b9,
+    0xee39d7ab, 0x3b124e8b, 0x1dc9faf7, 0x4b6d1856, 0x26a36631, 0xeae397b2,
+    0x3a6efa74, 0xdd5b4332, 0x6841e7f7, 0xca7820fb, 0xfb0af54e, 0xd8feb397,
+    0x454056ac, 0xba489527, 0x55533a3a, 0x20838d87, 0xfe6ba9b7, 0xd096954b,
+    0x55a867bc, 0xa1159a58, 0xcca92963, 0x99e1db33, 0xa62a4a56, 0x3f3125f9,
+    0x5ef47e1c, 0x9029317c, 0xfdf8e802, 0x04272f70, 0x80bb155c, 0x05282ce3,
+    0x95c11548, 0xe4c66d22, 0x48c1133f, 0xc70f86dc, 0x07f9c9ee, 0x41041f0f,
+    0x404779a4, 0x5d886e17, 0x325f51eb, 0xd59bc0d1, 0xf2bcc18f, 0x41113564,
+    0x257b7834, 0x602a9c60, 0xdff8e8a3, 0x1f636c1b, 0x0e12b4c2, 0x02e1329e,
+    0xaf664fd1, 0xcad18115, 0x6b2395e0, 0x333e92e1, 0x3b240b62, 0xeebeb922,
+    0x85b2a20e, 0xe6ba0d99, 0xde720c8c, 0x2da2f728, 0xd0127845, 0x95b794fd,
+    0x647d0862, 0xe7ccf5f0, 0x5449a36f, 0x877d48fa, 0xc39dfd27, 0xf33e8d1e,
+    0x0a476341, 0x992eff74, 0x3a6f6eab, 0xf4f8fd37, 0xa812dc60, 0xa1ebddf8,
+    0x991be14c, 0xdb6e6b0d, 0xc67b5510, 0x6d672c37, 0x2765d43b, 0xdcd0e804,
+    0xf1290dc7, 0xcc00ffa3, 0xb5390f92, 0x690fed0b, 0x667b9ffb, 0xcedb7d9c,
+    0xa091cf0b, 0xd9155ea3, 0xbb132f88, 0x515bad24, 0x7b9479bf, 0x763bd6eb,
+    0x37392eb3, 0xcc115979, 0x8026e297, 0xf42e312d, 0x6842ada7, 0xc66a2b3b,
+    0x12754ccc, 0x782ef11c, 0x6a124237, 0xb79251e7, 0x06a1bbe6, 0x4bfb6350,
+    0x1a6b1018, 0x11caedfa, 0x3d25bdd8, 0xe2e1c3c9, 0x44421659, 0x0a121386,
+    0xd90cec6e, 0xd5abea2a, 0x64af674e, 0xda86a85f, 0xbebfe988, 0x64e4c3fe,
+    0x9dbc8057, 0xf0f7c086, 0x60787bf8, 0x6003604d, 0xd1fd8346, 0xf6381fb0,
+    0x7745ae04, 0xd736fccc, 0x83426b33, 0xf01eab71, 0xb0804187, 0x3c005e5f,
+    0x77a057be, 0xbde8ae24, 0x55464299, 0xbf582e61, 0x4e58f48f, 0xf2ddfda2,
+    0xf474ef38, 0x8789bdc2, 0x5366f9c3, 0xc8b38e74, 0xb475f255, 0x46fcd9b9,
+    0x7aeb2661, 0x8b1ddf84, 0x846a0e79, 0x915f95e2, 0x466e598e, 0x20b45770,
+    0x8cd55591, 0xc902de4c, 0xb90bace1, 0xbb8205d0, 0x11a86248, 0x7574a99e,
+    0xb77f19b6, 0xe0a9dc09, 0x662d09a1, 0xc4324633, 0xe85a1f02, 0x09f0be8c,
+    0x4a99a025, 0x1d6efe10, 0x1ab93d1d, 0x0ba5a4df, 0xa186f20f, 0x2868f169,
+    0xdcb7da83, 0x573906fe, 0xa1e2ce9b, 0x4fcd7f52, 0x50115e01, 0xa70683fa,
+    0xa002b5c4, 0x0de6d027, 0x9af88c27, 0x773f8641, 0xc3604c06, 0x61a806b5,
+    0xf0177a28, 0xc0f586e0, 0x006058aa, 0x30dc7d62, 0x11e69ed7, 0x2338ea63,
+    0x53c2dd94, 0xc2c21634, 0xbbcbee56, 0x90bcb6de, 0xebfc7da1, 0xce591d76,
+    0x6f05e409, 0x4b7c0188, 0x39720a3d, 0x7c927c24, 0x86e3725f, 0x724d9db9,
+    0x1ac15bb4, 0xd39eb8fc, 0xed545578, 0x08fca5b5, 0xd83d7cd3, 0x4dad0fc4,
+    0x1e50ef5e, 0xb161e6f8, 0xa28514d9, 0x6c51133c, 0x6fd5c7e7, 0x56e14ec4,
+    0x362abfce, 0xddc6c837, 0xd79a3234, 0x92638212, 0x670efa8e, 0x406000e0,
+    0x3a39ce37, 0xd3faf5cf, 0xabc27737, 0x5ac52d1b, 0x5cb0679e, 0x4fa33742,
+    0xd3822740, 0x99bc9bbe, 0xd5118e9d, 0xbf0f7315, 0xd62d1c7e, 0xc700c47b,
+    0xb78c1b6b, 0x21a19045, 0xb26eb1be, 0x6a366eb4, 0x5748ab2f, 0xbc946e79,
+    0xc6a376d2, 0x6549c2c8, 0x530ff8ee, 0x468dde7d, 0xd5730a1d, 0x4cd04dc6,
+    0x2939bbdb, 0xa9ba4650, 0xac9526e8, 0xbe5ee304, 0xa1fad5f0, 0x6a2d519a,
+    0x63ef8ce2, 0x9a86ee22, 0xc089c2b8, 0x43242ef6, 0xa51e03aa, 0x9cf2d0a4,
+    0x83c061ba, 0x9be96a4d, 0x8fe51550, 0xba645bd6, 0x2826a2f9, 0xa73a3ae1,
+    0x4ba99586, 0xef5562e9, 0xc72fefd3, 0xf752f7da, 0x3f046f69, 0x77fa0a59,
+    0x80e4a915, 0x87b08601, 0x9b09e6ad, 0x3b3ee593, 0xe990fd5a, 0x9e34d797,
+    0x2cf0b7d9, 0x022b8b51, 0x96d5ac3a, 0x017da67d, 0xd1cf3ed6, 0x7c7d2d28,
+    0x1f9f25cf, 0xadf2b89b, 0x5ad6b472, 0x5a88f54c, 0xe029ac71, 0xe019a5e6,
+    0x47b0acfd, 0xed93fa9b, 0xe8d3c48d, 0x283b57cc, 0xf8d56629, 0x79132e28,
+    0x785f0191, 0xed756055, 0xf7960e44, 0xe3d35e8c, 0x15056dd4, 0x88f46dba,
+    0x03a16125, 0x0564f0bd, 0xc3eb9e15, 0x3c9057a2, 0x97271aec, 0xa93a072a,
+    0x1b3f6d9b, 0x1e6321f5, 0xf59c66fb, 0x26dcf319, 0x7533d928, 0xb155fdf5,
+    0x03563482, 0x8aba3cbb, 0x28517711, 0xc20ad9f8, 0xabcc5167, 0xccad925f,
+    0x4de81751, 0x3830dc8e, 0x379d5862, 0x9320f991, 0xea7a90c2, 0xfb3e7bce,
+    0x5121ce64, 0x774fbe32, 0xa8b6e37e, 0xc3293d46, 0x48de5369, 0x6413e680,
+    0xa2ae0810, 0xdd6db224, 0x69852dfd, 0x09072166, 0xb39a460a, 0x6445c0dd,
+    0x586cdecf, 0x1c20c8ae, 0x5bbef7dd, 0x1b588d40, 0xccd2017f, 0x6bb4e3bb,
+    0xdda26a7e, 0x3a59ff45, 0x3e350a44, 0xbcb4cdd5, 0x72eacea8, 0xfa6484bb,
+    0x8d6612ae, 0xbf3c6f47, 0xd29be463, 0x542f5d9e, 0xaec2771b, 0xf64e6370,
+    0x740e0d8d, 0xe75b1357, 0xf8721671, 0xaf537d5d, 0x4040cb08, 0x4eb4e2cc,
+    0x34d2466a, 0x0115af84, 0xe1b00428, 0x95983a1d, 0x06b89fb4, 0xce6ea048,
+    0x6f3f3b82, 0x3520ab82, 0x011a1d4b, 0x277227f8, 0x611560b1, 0xe7933fdc,
+    0xbb3a792b, 0x344525bd, 0xa08839e1, 0x51ce794b, 0x2f32c9b7, 0xa01fbac9,
+    0xe01cc87e, 0xbcc7d1f6, 0xcf0111c3, 0xa1e8aac7, 0x1a908749, 0xd44fbd9a,
+    0xd0dadecb, 0xd50ada38, 0x0339c32a, 0xc6913667, 0x8df9317c, 0xe0b12b4f,
+    0xf79e59b7, 0x43f5bb3a, 0xf2d519ff, 0x27d9459c, 0xbf97222c, 0x15e6fc2a,
+    0x0f91fc71, 0x9b941525, 0xfae59361, 0xceb69ceb, 0xc2a86459, 0x12baa8d1,
+    0xb6c1075e, 0xe3056a0c, 0x10d25065, 0xcb03a442, 0xe0ec6e0e, 0x1698db3b,
+    0x4c98a0be, 0x3278e964, 0x9f1f9532, 0xe0d392df, 0xd3a0342b, 0x8971f21e,
+    0x1b0a7441, 0x4ba3348c, 0xc5be7120, 0xc37632d8, 0xdf359f8d, 0x9b992f2e,
+    0xe60b6f47, 0x0fe3f11d, 0xe54cda54, 0x1edad891, 0xce6279cf, 0xcd3e7e6f,
+    0x1618b166, 0xfd2c1d05, 0x848fd2c5, 0xf6fb2299, 0xf523f357, 0xa6327623,
+    0x93a83531, 0x56cccd02, 0xacf08162, 0x5a75ebb5, 0x6e163697, 0x88d273cc,
+    0xde966292, 0x81b949d0, 0x4c50901b, 0x71c65614, 0xe6c6c7bd, 0x327a140a,
+    0x45e1d006, 0xc3f27b9a, 0xc9aa53fd, 0x62a80f00, 0xbb25bfe2, 0x35bdd2f6,
+    0x71126905, 0xb2040222, 0xb6cbcf7c, 0xcd769c2b, 0x53113ec0, 0x1640e3d3,
+    0x38abbd60, 0x2547adf0, 0xba38209c, 0xf746ce76, 0x77afa1c5, 0x20756060,
+    0x85cbfe4e, 0x8ae88dd8, 0x7aaaf9b0, 0x4cf9aa7e, 0x1948c25c, 0x02fb8a8c,
+    0x01c36ae4, 0xd6ebe1f9, 0x90d4f869, 0xa65cdea0, 0x3f09252d, 0xc208e69f,
+    0xb74e6132, 0xce77e25b, 0x578fdfe3, 0x3ac372e6,
+  ];
+  
+  var P_ORIG = [
+    0x243f6a88, 0x85a308d3, 0x13198a2e, 0x03707344, 0xa4093822, 0x299f31d0,
+    0x082efa98, 0xec4e6c89, 0x452821e6, 0x38d01377, 0xbe5466cf, 0x34e90c6c,
+    0xc0ac29b7, 0xc97c50dd, 0x3f84d5b5, 0xb5470917, 0x9216d5d9, 0x8979fb1b,
+  ];
+  
+  var C_ORIG = [
+    0x4f727068, 0x65616e42, 0x65686f6c, 0x64657253, 0x63727944, 0x6f756274,
+  ];
+  
+  var BASE64_CODE =
+    "./ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789".split("");
+  
+  var stringToBytes = utf8Array;
+  
+  function _crypt(b, salt, rounds, callback, progressCallback) {
+    var cdata = C_ORIG.slice(),
+      clen = cdata.length,
+      err;
+  
+    // Validate
+    if (rounds < 4 || rounds > 31) {
+      err = Error("Illegal number of rounds (4-31): " + rounds);
+      if (callback) {
+        nextTick(callback.bind(this, err));
+        return;
+      } else throw err;
+    }
+    if (salt.length !== BCRYPT_SALT_LEN) {
+      err = Error(
+        "Illegal salt length: " + salt.length + " != " + BCRYPT_SALT_LEN
+      );
+      if (callback) {
+        nextTick(callback.bind(this, err));
+        return;
+      } else throw err;
+    }
+    rounds = (1 << rounds) >>> 0;
+  
+    var P,
+      S,
+      i = 0,
+      j;
+  
+    //Use typed arrays when available - huge speedup!
+    if (Int32Array) {
+      P = new Int32Array(P_ORIG);
+      S = new Int32Array(S_ORIG);
+    } else {
+      P = P_ORIG.slice();
+      S = S_ORIG.slice();
+    }
+  
+    _ekskey(salt, b, P, S);
+  
+    /**
+     * Calcualtes the next round.
+     * @returns {Array.<number>|undefined} Resulting array if callback has been omitted, otherwise `undefined`
+     * @inner
+     */
+    function next() {
+      if (progressCallback) progressCallback(i / rounds);
+      if (i < rounds) {
+        var start = Date.now();
+        for (; i < rounds; ) {
+          i = i + 1;
+          _key(b, P, S);
+          _key(salt, P, S);
+          if (Date.now() - start > MAX_EXECUTION_TIME) break;
+        }
+      } else {
+        for (i = 0; i < 64; i++)
+          for (j = 0; j < clen >> 1; j++) _encipher(cdata, j << 1, P, S);
+        var ret = [];
+        for (i = 0; i < clen; i++)
+          ret.push(((cdata[i] >> 24) & 0xff) >>> 0),
+            ret.push(((cdata[i] >> 16) & 0xff) >>> 0),
+            ret.push(((cdata[i] >> 8) & 0xff) >>> 0),
+            ret.push((cdata[i] & 0xff) >>> 0);
+        if (callback) {
+          callback(null, ret);
+          return;
+        } else return ret;
+      }
+      if (callback) nextTick(next);
+    }
+  
+    // Async
+    if (typeof callback !== "undefined") {
+      next();
+  
+      // Sync
+    } else {
+      var res;
+      while (true) if (typeof (res = next()) !== "undefined") return res || [];
+    }
+  }
+  
+  function utf8Length(string) {
+    var len = 0,
+      c = 0;
+    for (var i = 0; i < string.length; ++i) {
+      c = string.charCodeAt(i);
+      if (c < 128) len += 1;
+      else if (c < 2048) len += 2;
+      else if (
+        (c & 0xfc00) === 0xd800 &&
+        (string.charCodeAt(i + 1) & 0xfc00) === 0xdc00
+      ) {
+        ++i;
+        len += 4;
+      } else len += 3;
+    }
+    return len;
+  }
+  
+  function base64_decode(s, len) {
+    var off = 0,
+      slen = s.length,
+      olen = 0,
+      rs = [],
+      c1,
+      c2,
+      c3,
+      c4,
+      o,
+      code;
+    if (len <= 0) throw Error("Illegal len: " + len);
+    while (off < slen - 1 && olen < len) {
+      code = s.charCodeAt(off++);
+      c1 = code < BASE64_INDEX.length ? BASE64_INDEX[code] : -1;
+      code = s.charCodeAt(off++);
+      c2 = code < BASE64_INDEX.length ? BASE64_INDEX[code] : -1;
+      if (c1 == -1 || c2 == -1) break;
+      o = (c1 << 2) >>> 0;
+      o |= (c2 & 0x30) >> 4;
+      rs.push(stringFromCharCode(o));
+      if (++olen >= len || off >= slen) break;
+      code = s.charCodeAt(off++);
+      c3 = code < BASE64_INDEX.length ? BASE64_INDEX[code] : -1;
+      if (c3 == -1) break;
+      o = ((c2 & 0x0f) << 4) >>> 0;
+      o |= (c3 & 0x3c) >> 2;
+      rs.push(stringFromCharCode(o));
+      if (++olen >= len || off >= slen) break;
+      code = s.charCodeAt(off++);
+      c4 = code < BASE64_INDEX.length ? BASE64_INDEX[code] : -1;
+      o = ((c3 & 0x03) << 6) >>> 0;
+      o |= c4;
+      rs.push(stringFromCharCode(o));
+      ++olen;
+    }
+    var res = [];
+    for (off = 0; off < olen; off++) res.push(rs[off].charCodeAt(0));
+    return res;
+  }
+  
+  function safeStringCompare(known, unknown) {
+    var diff = known.length ^ unknown.length;
+    for (var i = 0; i < known.length; ++i) {
+      diff |= known.charCodeAt(i) ^ unknown.charCodeAt(i);
+    }
+    return diff === 0;
+  }
+  
+  function random(len) {
+    /* node */ if (typeof module !== "undefined" && module && module["exports"])
+      try {
+        return require("crypto")["randomBytes"](len);
+      } catch (e) {}
+    /* WCA */ try {
+      var a;
+      (self["crypto"] || self["msCrypto"])["getRandomValues"](
+        (a = new Uint32Array(len))
+      );
+      return Array.prototype.slice.call(a);
+    } catch (e) {}
+    /* fallback */ if (!randomFallback)
+      throw Error(
+        "Neither WebCryptoAPI nor a crypto module is available. Use bcrypt.setRandomFallback to set an alternative"
+      );
+    return randomFallback(len);
+  }
+  
+  function _hash(s, salt, callback, progressCallback) {
+    var err;
+    if (typeof s !== "string" || typeof salt !== "string") {
+      err = Error("Invalid string / salt: Not a string");
+      if (callback) {
+        nextTick(callback.bind(this, err));
+        return;
+      } else throw err;
+    }
+  
+    // Validate the salt
+    var minor, offset;
+    if (salt.charAt(0) !== "$" || salt.charAt(1) !== "2") {
+      err = Error("Invalid salt version: " + salt.substring(0, 2));
+      if (callback) {
+        nextTick(callback.bind(this, err));
+        return;
+      } else throw err;
+    }
+    if (salt.charAt(2) === "$") (minor = String.fromCharCode(0)), (offset = 3);
+    else {
+      minor = salt.charAt(2);
+      if (
+        (minor !== "a" && minor !== "b" && minor !== "y") ||
+        salt.charAt(3) !== "$"
+      ) {
+        err = Error("Invalid salt revision: " + salt.substring(2, 4));
+        if (callback) {
+          nextTick(callback.bind(this, err));
+          return;
+        } else throw err;
+      }
+      offset = 4;
+    }
+  
+    // Extract number of rounds
+    if (salt.charAt(offset + 2) > "$") {
+      err = Error("Missing salt rounds");
+      if (callback) {
+        nextTick(callback.bind(this, err));
+        return;
+      } else throw err;
+    }
+    var r1 = parseInt(salt.substring(offset, offset + 1), 10) * 10,
+      r2 = parseInt(salt.substring(offset + 1, offset + 2), 10),
+      rounds = r1 + r2,
+      real_salt = salt.substring(offset + 3, offset + 25);
+    s += minor >= "a" ? "\x00" : "";
+  
+    var passwordb = stringToBytes(s),
+      saltb = base64_decode(real_salt, BCRYPT_SALT_LEN);
+  
+    /**
+     * Finishes hashing.
+     * @param {Array.<number>} bytes Byte array
+     * @returns {string}
+     * @inner
+     */
+    function finish(bytes) {
+      var res = [];
+      res.push("$2");
+      if (minor >= "a") res.push(minor);
+      res.push("$");
+      if (rounds < 10) res.push("0");
+      res.push(rounds.toString());
+      res.push("$");
+      res.push(base64_encode(saltb, saltb.length));
+      res.push(base64_encode(bytes, C_ORIG.length * 4 - 1));
+      return res.join("");
+    }
+  
+    // Sync
+    if (typeof callback == "undefined")
+      return finish(_crypt(passwordb, saltb, rounds));
+    // Async
+    else {
+      _crypt(
+        passwordb,
+        saltb,
+        rounds,
+        function (err, bytes) {
+          if (err) callback(err, null);
+          else callback(null, finish(bytes));
+        },
+        progressCallback
+      );
+    }
+  }
+  
+  export const compareSync = function (s, hash) {
+    if (typeof s !== "string" || typeof hash !== "string")
+      throw Error("Illegal arguments: " + typeof s + ", " + typeof hash);
+    if (hash.length !== 60) return false;
+    return safeStringCompare(
+      hashSync(s, hash.substr(0, hash.length - 31)),
+      hash
+    );
+  };
+  
+  export const genSaltSync = function (rounds, seed_length) {
+    rounds = rounds || GENSALT_DEFAULT_LOG2_ROUNDS;
+    if (typeof rounds !== "number")
+      throw Error(
+        "Illegal arguments: " + typeof rounds + ", " + typeof seed_length
+      );
+    if (rounds < 4) rounds = 4;
+    else if (rounds > 31) rounds = 31;
+    var salt = [];
+    salt.push("$2a$");
+    if (rounds < 10) salt.push("0");
+    salt.push(rounds.toString());
+    salt.push("$");
+    salt.push(base64_encode(random(BCRYPT_SALT_LEN), BCRYPT_SALT_LEN)); // May throw
+    return salt.join("");
+  };
+  
+  export const hashSync = function (s, salt) {
+    if (typeof salt === "undefined") salt = GENSALT_DEFAULT_LOG2_ROUNDS;
+    if (typeof salt === "number") salt = genSaltSync(salt);
+    if (typeof s !== "string" || typeof salt !== "string")
+      throw Error("Illegal arguments: " + typeof s + ", " + typeof salt);
+    return _hash(s, salt);
+  };
+  

utils/password.ts

@@ -0,0 +1,17 @@
+import * as _bcrypt from "@/utils/bcrypt";
+export const bcrypt = _bcrypt;
+
+export const hashPassword = (pass: string) => {
+  var salt = bcrypt.genSaltSync(10);
+  var hash = bcrypt.hashSync(pass, salt);
+  return hash;
+};
+export const matchingPassword = async (a: string, b: string) => {
+  let result =  await bcrypt.compareSync(a, b);
+  return result;
+};
+
+export const password = {
+  hash: hashPassword,
+  match: matchingPassword,
+};