@opengis/admin 0.1.75 → 0.1.77

package/server/plugins/hook.js

@@ -1,215 +1,215 @@
-import path from 'node:path';
-
-import { 
-    getTemplatePath, addHook, getToken, getTemplate, config, pgClients,
-    initPG,
-} from '@opengis/fastify-table/utils.js';
-
-import getMenu from '../routes/menu/controllers/getMenu.js';
-
-const { client } = pgClients;
-
-export default async function plugin(fastify) {
-    const user1 = config?.auth?.disable || process.env.NODE_ENV !== 'admin' ? { uid: '1' } : null;
-    await initPG(client);
-
-    fastify.addHook('onListen', async () => {
-        const json = await getMenu({ user: { uid: 1 } });
-        // insert interface list to db (user access management)
-        if (client?.pk?.['admin.routes'] && json?.length) {
-          const menuList = json.filter((el) => el?.menu?.length && el?.ua || el?.en || el?.name);
-          const interfaces = menuList.reduce((acc, curr) => { curr.menu.forEach((el) => acc.push(el.path)); return acc; }, []);
-          await client.query('update admin.routes set enabled=false where not array[route_id] <@ $1::text[]', [interfaces]);
-    
-          const q = `insert into admin.menu(name, ord) values${menuList.map((el, i) => `('${(el?.ua || el?.en || el?.name).replace(/'/g, '’')}', ${i}) `).join(',')
-            } on conflict (name) do update set ord=excluded.ord, enabled=true returning name, menu_id`;
-          const { rows = [] } = menuList?.length ? await client.query(q) : {};
-          await client.query('update admin.menu set enabled=false where not array[menu_id] <@ $1::text[]', [rows.map((el) => el.menu_id)]);
-    
-          const menus = rows.reduce((acc, curr) => Object.assign(acc, { [curr.menu_id]: menuList.find((item) => (item?.ua || item?.en || item?.name) === curr.name) }), {});
-          const values = Object.entries(menus).reduce((acc, curr) => { curr[1]?.menu?.forEach((el) => acc.push({ ...el, menuId: curr[0] })); return acc; }, []);
-    
-          await Promise.all(values.filter((el) => el?.table).map(async (el) => {
-            const loadTable = await getTemplate('table', el.table);
-            Object.assign(el, { 
-                table1: loadTable?.table || el.table, 
-                actions: loadTable?.actions,
-                access: loadTable?.access,
-            });
-          }));
-    
-          const q1 = `insert into admin.routes(route_id, alias, title, menu_id, table_name, actions, access) 
-          values ${values.map((el) => `('${el.path}', '${el.table}', ${(el.title || el.ua) ? `'${el.title || el.ua}'` : 'null'}, '${el.menuId}', '${el.table1}', 
-          ${el.actions?.length ? `'{ ${el.actions} }'::text[]` : 'null'}, ${el.access ? `'${el.access}'` : 'null'})`).join(',')} 
-          on conflict (route_id) do update set menu_id=excluded.menu_id, alias=excluded.alias, title=excluded.title, enabled=true,
-          table_name=excluded.table_name, actions=excluded.actions, access=excluded.access returning route_id, table_name`;
-          try {
-            const { rowCount } = values?.length ? await client.query(q1) : {};
-            console.log('interface insert ok', /* values, */ rowCount);
-          } catch (err) {
-            console.log('interface insert error', values, q1, err);
-          }
-        }
-    });
-    
-    fastify.addHook('onListen', async () => {
-        const clsQuery = [];
-        if (!client?.pk?.['admin.cls']) return;
-    
-        const selectList = await getTemplatePath('select');
-        const clsList = (await getTemplatePath('cls'))?.filter((el) => !(selectList?.map((el) => el?.[0]) || []).includes(el[0]));
-        const cls = (selectList || []).concat(clsList || [])
-          ?.map((el) => ({ name: el[0], module: path.basename(path.dirname(path.dirname(el[1]))), type: { 'json': 'cls', 'sql': 'select' }[el[2]] }))
-        if (!cls?.length) return;
-    
-        const dupes = cls.filter((el, idx, arr) => arr.map((item) => item.name).indexOf(el.name) !== idx);
-        //console.log('cls insert skip dupes', dupes.map((el) => el.name));
-    
-        try {
-          await Promise.all(cls.filter((el, idx, arr) => arr.map((item) => item.name).indexOf(el.name) === idx).map(async (el) => {
-            const { name, module, type } = el;
-            const loadTemplate = await getTemplate(type, name);
-            // console.log(name, type);
-            if (type === 'select') {
-              clsQuery.push(`insert into admin.cls(name,type,data,module) values('${name}','sql','${(loadTemplate?.sql || loadTemplate)?.replace(/'/g, "''")}', '${module?.replace(/'/g, "''")}')`);
-            } else if (type === 'cls' && loadTemplate?.length) {
-              clsQuery.push(`insert into admin.cls(name,type, module) values('${name}','json', '${module?.replace(/'/g, "''")}'); 
-                insert into admin.cls(code,name,parent,icon) 
-                select value->>'id',value->>'text','${name}',value->>'icon' 
-                from json_array_elements('${JSON.stringify(loadTemplate).replace(/'/g, "''")}'::json)`);
-            } else {
-              console.log(name, type, 'empty');
-            }
-          }));
-    
-          await client.query('truncate admin.cls');
-          if (clsQuery.filter((el) => el).length) {
-            await client.query(clsQuery.filter((el) => el).join(';'));
-            console.log('cls insert ok', clsQuery?.length);
-          }
-        } catch (err) {
-          console.error('cls insert error', err.toString());
-        }
-    });
-
-    addHook('afterTable', async ({ table, res = {}, payload: rows = [], user = {} }) => {
-        const loadTable = await getTemplate('table', table);
-        const { uid } = user1 || user;
-        if (!uid || !table || !client?.pk?.[table] || !rows.length || !loadTable?.table) return;
-
-        // admin.custom_column - user column data
-        const { rows: properties = [] } = await client.query(`select column_id, name, title, format, data from admin.custom_column 
-        where _table and entity=$1 and uid=$2`, [table, uid]);
-        const extraColumnList = properties.map((row) => ({ id: row.column_id, name: row.name, title: row.title, format: row.format, data: row.data }));
-        if (!extraColumnList?.length) return;
-
-        if (res?.columns?.length) {
-            extraColumnList.forEach((col) => res.columns.push(col));
-        }
-
-        const { rows: extraData = [] } = await client.query(`select object_id, json_object_agg( property_id, coalesce(value_date::text,value_text) ) as extra from crm.extra_data 
-        where property_entity=$1 and property_id=any($2) and object_id=any($3) group by object_id`, [table, extraColumnList?.map((el) => el.id), rows.map((el) => el.id)]);
-
-        if (!extraData?.length) {
-            // Object.assign(rows?.[0] || {}, { ...extraColumnList.reduce((acc, curr) => Object.assign(acc, { [curr.name]: null }), {}) });
-            return;
-        }
-
-        rows.filter((row) => extraData.map((el) => el?.object_id).includes(row.id)).forEach((row) => {
-            const { extra = {} } = extraData.find((el) => el.object_id === row.id);
-            Object.assign(row, { ...Object.fromEntries(Object.entries(extra).map((el) => [extraColumnList.find((col) => col.id === el[0]).name, el[1]])) });
-        });
-
-        // admin.custom_column - metaFormat
-        await Promise.all(extraColumnList.filter((el) => el?.data).map(async (attr) => {
-            const values = [...new Set(rows?.map((el) => el[attr.name]).flat())].filter((el) => el);
-            if (!values.length) return;
-            const cls = await getSelectVal({ name: attr.data, values });
-            if (!cls) return;
-            rows.forEach(el => {
-                const val = el[attr.name]?.map?.(c => cls[c] || c) || cls[el[attr.name]] || el[attr.name];
-                if (!val) return;
-                Object.assign(el, { [val?.color ? `${attr.name}_data` : `${attr.name}_text`]: (val.color ? val : val.text || val) });
-            });
-        }));
-    });
-
-    // extract table from form token for user columns - p.2 - read (refactor to global token)
-    addHook('preTemplate', async ({ name, type, user = {} }) => {
-        if (!name || !type) return;
-        const { uid } = user1 || user;
-        const tokenData = await getToken({
-            uid, token: name, mode: 'w', json: 1,
-        })  // edit?
-            || await getToken({
-                uid, token: name, mode: 'a', json: 1,
-            }) || {}; // add?
-        return { name: tokenData?.[type] };
-    });
-
-    addHook('afterTemplate', async ({ name, type, payload: data = {}, user = {} }) => {
-        const { uid } = user1 || user;
-        // extract table from form token for user columns - p.1 - assign (refactor to global token)
-        if (!uid || !data || type !== 'form' || !name) return null;
-
-        const { form, id, table } = await getToken({
-            uid, token: name, mode: 'w', json: 1,
-        })  // edit?
-            || await getToken({
-                uid, token: name, mode: 'a', json: 1,
-            }) || {}; // add?
-
-        const { rows: properties = [] } = await client.query(`select name, title, format, data from admin.custom_column 
-        where entity=$1 and uid=$2`, [table || name, uid]);
-
-        await Promise.all(properties.map(async (el) => {
-            const clsData = el.data ? await getTemplate(['cls', 'select'], el.data) : undefined;
-            const type = clsData ? 'Select' : ({ date: 'DatePicker' }[el.format] || 'Text');
-            Object.assign(data?.schema || data || {}, { [el.name]: { type, ua: el.title, data: el.data, options: type === 'Select' && Array.isArray(clsData) && clsData?.length ? clsData : undefined, extra: 1 } });
-        }));
-    });
-
-    addHook('afterUpdate', async ({ table, body = {}, payload: res = {}, user = {} }) => {
-        const { uid } = user1 || user;
-        if (!uid || !table || !Object.keys(body)?.length) return null;
-
-        const loadTable = await getTemplate('table', table);
-        if (!client?.pk?.[loadTable?.table || table]) return null;
-        const pk = client?.pk?.[loadTable?.table || table];
-        const id = res[pk];
-
-        const { rows: properties = [] } = await client.query(`select column_id, name, title, format, data from admin.custom_column 
-        where entity=$1 and uid=$2`, [table, uid]);
-
-        if (!id || !properties?.length) return null;
-
-        const q = `delete from crm.extra_data where property_entity='${table}' and object_id='${id}';${properties
-            .filter((el) => Object.keys(body).includes(el.name))
-            .map((el) => `insert into crm.extra_data(property_id,property_key,property_entity,object_id,${el.format?.toLowerCase() === 'date' ? 'value_date' : 'value_text'})
-        select '${el.column_id}', '${el.name}', '${table}', '${id}', ${el.format?.toLowerCase() === 'date' ? `'${body[el.name]}'::timestamp without time zone` : `'${body[el.name]}'::text`}`)
-            .join(';\n') || ''}`;
-        return client.query(q);
-    });
-
-    addHook('afterInsert', async ({ table, body = {}, payload: res = {}, user = {} }) => {
-        const { uid } = user1 || user;
-        if (!uid || !table || !Object.keys(body)?.length) return null;
-
-        const loadTable = await getTemplate('table', table);
-        if (!client?.pk?.[loadTable?.table || table]) return null;
-        const pk = client?.pk?.[loadTable?.table || table];
-        const id = res.rows?.[0]?.[pk];
-
-        const { rows: properties = [] } = await client.query(`select column_id, name, title, format, data from admin.custom_column 
-        where entity=$1 and uid=$2`, [table, uid]);
-
-        if (!id || !properties?.length) return null;
-
-        const q = properties
-            .filter((el) => Object.keys(body).includes(el.name))
-            .map((el) => `insert into crm.extra_data(property_id,property_key,property_entity,object_id,${el.format?.toLowerCase() === 'date' ? 'value_date' : 'value_text'})
-        select '${el.column_id}', '${el.name}', '${table}', '${id}', ${el.format?.toLowerCase() === 'date' ? `'${body[el.name]}'::timestamp without time zone` : `'${body[el.name]}'::text`}`)
-            .join(';\n');
-        return client.query(q);
-    });
+import path from 'node:path';
+
+import { 
+    getTemplatePath, addHook, getToken, getTemplate, config, pgClients,
+    initPG,
+} from '@opengis/fastify-table/utils.js';
+
+import getMenu from '../routes/menu/controllers/getMenu.js';
+
+const { client } = pgClients;
+
+export default async function plugin(fastify) {
+    const user1 = config?.auth?.disable || process.env.NODE_ENV !== 'admin' ? { uid: '1' } : null;
+    await initPG(client);
+
+    fastify.addHook('onListen', async () => {
+        const json = await getMenu({ user: { uid: 1 } });
+        // insert interface list to db (user access management)
+        if (client?.pk?.['admin.routes'] && json?.length) {
+          const menuList = json.filter((el) => el?.menu?.length && el?.ua || el?.en || el?.name);
+          const interfaces = menuList.reduce((acc, curr) => { curr.menu.forEach((el) => acc.push(el.path)); return acc; }, []);
+          await client.query('update admin.routes set enabled=false where not array[route_id] <@ $1::text[]', [interfaces]);
+    
+          const q = `insert into admin.menu(name, ord) values${menuList.map((el, i) => `('${(el?.ua || el?.en || el?.name).replace(/'/g, '’')}', ${i}) `).join(',')
+            } on conflict (name) do update set ord=excluded.ord, enabled=true returning name, menu_id`;
+          const { rows = [] } = menuList?.length ? await client.query(q) : {};
+          await client.query('update admin.menu set enabled=false where not array[menu_id] <@ $1::text[]', [rows.map((el) => el.menu_id)]);
+    
+          const menus = rows.reduce((acc, curr) => Object.assign(acc, { [curr.menu_id]: menuList.find((item) => (item?.ua || item?.en || item?.name) === curr.name) }), {});
+          const values = Object.entries(menus).reduce((acc, curr) => { curr[1]?.menu?.forEach((el) => acc.push({ ...el, menuId: curr[0] })); return acc; }, []);
+    
+          await Promise.all(values.filter((el) => el?.table).map(async (el) => {
+            const loadTable = await getTemplate('table', el.table);
+            Object.assign(el, { 
+                table1: loadTable?.table || el.table, 
+                actions: loadTable?.actions,
+                access: loadTable?.access,
+            });
+          }));
+    
+          const q1 = `insert into admin.routes(route_id, alias, title, menu_id, table_name, actions, access) 
+          values ${values.map((el) => `('${el.path}', '${el.table}', ${(el.title || el.ua) ? `'${el.title || el.ua}'` : 'null'}, '${el.menuId}', '${el.table1}', 
+          ${el.actions?.length ? `'{ ${el.actions} }'::text[]` : 'null'}, ${el.access ? `'${el.access}'` : 'null'})`).join(',')} 
+          on conflict (route_id) do update set menu_id=excluded.menu_id, alias=excluded.alias, title=excluded.title, enabled=true,
+          table_name=excluded.table_name, actions=excluded.actions, access=excluded.access returning route_id, table_name`;
+          try {
+            const { rowCount } = values?.length ? await client.query(q1) : {};
+            console.log('interface insert ok', /* values, */ rowCount);
+          } catch (err) {
+            console.log('interface insert error', values, q1, err);
+          }
+        }
+    });
+    
+    fastify.addHook('onListen', async () => {
+        const clsQuery = [];
+        if (!client?.pk?.['admin.cls']) return;
+    
+        const selectList = await getTemplatePath('select');
+        const clsList = (await getTemplatePath('cls'))?.filter((el) => !(selectList?.map((el) => el?.[0]) || []).includes(el[0]));
+        const cls = (selectList || []).concat(clsList || [])
+          ?.map((el) => ({ name: el[0], module: path.basename(path.dirname(path.dirname(el[1]))), type: { 'json': 'cls', 'sql': 'select' }[el[2]] }))
+        if (!cls?.length) return;
+    
+        const dupes = cls.filter((el, idx, arr) => arr.map((item) => item.name).indexOf(el.name) !== idx);
+        //console.log('cls insert skip dupes', dupes.map((el) => el.name));
+    
+        try {
+          await Promise.all(cls.filter((el, idx, arr) => arr.map((item) => item.name).indexOf(el.name) === idx).map(async (el) => {
+            const { name, module, type } = el;
+            const loadTemplate = await getTemplate(type, name);
+            // console.log(name, type);
+            if (type === 'select') {
+              clsQuery.push(`insert into admin.cls(name,type,data,module) values('${name}','sql','${(loadTemplate?.sql || loadTemplate)?.replace(/'/g, "''")}', '${module?.replace(/'/g, "''")}')`);
+            } else if (type === 'cls' && loadTemplate?.length) {
+              clsQuery.push(`insert into admin.cls(name,type, module) values('${name}','json', '${module?.replace(/'/g, "''")}'); 
+                insert into admin.cls(code,name,parent,icon) 
+                select value->>'id',value->>'text','${name}',value->>'icon' 
+                from json_array_elements('${JSON.stringify(loadTemplate).replace(/'/g, "''")}'::json)`);
+            } else {
+              console.log(name, type, 'empty');
+            }
+          }));
+    
+          await client.query('truncate admin.cls');
+          if (clsQuery.filter((el) => el).length) {
+            await client.query(clsQuery.filter((el) => el).join(';'));
+            console.log('cls insert ok', clsQuery?.length);
+          }
+        } catch (err) {
+          console.error('cls insert error', err.toString());
+        }
+    });
+
+    addHook('afterTable', async ({ table, res = {}, payload: rows = [], user = {} }) => {
+        const loadTable = await getTemplate('table', table);
+        const { uid } = user1 || user;
+        if (!uid || !table || !client?.pk?.[table] || !rows.length || !loadTable?.table) return;
+
+        // admin.custom_column - user column data
+        const { rows: properties = [] } = await client.query(`select column_id, name, title, format, data from admin.custom_column 
+        where _table and entity=$1 and uid=$2`, [table, uid]);
+        const extraColumnList = properties.map((row) => ({ id: row.column_id, name: row.name, title: row.title, format: row.format, data: row.data }));
+        if (!extraColumnList?.length) return;
+
+        if (res?.columns?.length) {
+            extraColumnList.forEach((col) => res.columns.push(col));
+        }
+
+        const { rows: extraData = [] } = await client.query(`select object_id, json_object_agg( property_id, coalesce(value_date::text,value_text) ) as extra from crm.extra_data 
+        where property_entity=$1 and property_id=any($2) and object_id=any($3) group by object_id`, [table, extraColumnList?.map((el) => el.id), rows.map((el) => el.id)]);
+
+        if (!extraData?.length) {
+            // Object.assign(rows?.[0] || {}, { ...extraColumnList.reduce((acc, curr) => Object.assign(acc, { [curr.name]: null }), {}) });
+            return;
+        }
+
+        rows.filter((row) => extraData.map((el) => el?.object_id).includes(row.id)).forEach((row) => {
+            const { extra = {} } = extraData.find((el) => el.object_id === row.id);
+            Object.assign(row, { ...Object.fromEntries(Object.entries(extra).map((el) => [extraColumnList.find((col) => col.id === el[0]).name, el[1]])) });
+        });
+
+        // admin.custom_column - metaFormat
+        await Promise.all(extraColumnList.filter((el) => el?.data).map(async (attr) => {
+            const values = [...new Set(rows?.map((el) => el[attr.name]).flat())].filter((el) => el);
+            if (!values.length) return;
+            const cls = await getSelectVal({ name: attr.data, values });
+            if (!cls) return;
+            rows.forEach(el => {
+                const val = el[attr.name]?.map?.(c => cls[c] || c) || cls[el[attr.name]] || el[attr.name];
+                if (!val) return;
+                Object.assign(el, { [val?.color ? `${attr.name}_data` : `${attr.name}_text`]: (val.color ? val : val.text || val) });
+            });
+        }));
+    });
+
+    // extract table from form token for user columns - p.2 - read (refactor to global token)
+    addHook('preTemplate', async ({ name, type, user = {} }) => {
+        if (!name || !type) return;
+        const { uid } = user1 || user;
+        const tokenData = await getToken({
+            uid, token: name, mode: 'w', json: 1,
+        })  // edit?
+            || await getToken({
+                uid, token: name, mode: 'a', json: 1,
+            }) || {}; // add?
+        return { name: tokenData?.[type] };
+    });
+
+    addHook('afterTemplate', async ({ name, type, payload: data = {}, user = {} }) => {
+        const { uid } = user1 || user;
+        // extract table from form token for user columns - p.1 - assign (refactor to global token)
+        if (!uid || !data || type !== 'form' || !name) return null;
+
+        const { form, id, table } = await getToken({
+            uid, token: name, mode: 'w', json: 1,
+        })  // edit?
+            || await getToken({
+                uid, token: name, mode: 'a', json: 1,
+            }) || {}; // add?
+
+        const { rows: properties = [] } = await client.query(`select name, title, format, data from admin.custom_column 
+        where entity=$1 and uid=$2`, [table || name, uid]);
+
+        await Promise.all(properties.map(async (el) => {
+            const clsData = el.data ? await getTemplate(['cls', 'select'], el.data) : undefined;
+            const type = clsData ? 'Select' : ({ date: 'DatePicker' }[el.format] || 'Text');
+            Object.assign(data?.schema || data || {}, { [el.name]: { type, ua: el.title, data: el.data, options: type === 'Select' && Array.isArray(clsData) && clsData?.length ? clsData : undefined, extra: 1 } });
+        }));
+    });
+
+    addHook('afterUpdate', async ({ table, body = {}, payload: res = {}, user = {} }) => {
+        const { uid } = user1 || user;
+        if (!uid || !table || !Object.keys(body)?.length) return null;
+
+        const loadTable = await getTemplate('table', table);
+        if (!client?.pk?.[loadTable?.table || table]) return null;
+        const pk = client?.pk?.[loadTable?.table || table];
+        const id = res[pk];
+
+        const { rows: properties = [] } = await client.query(`select column_id, name, title, format, data from admin.custom_column 
+        where entity=$1 and uid=$2`, [table, uid]);
+
+        if (!id || !properties?.length) return null;
+
+        const q = `delete from crm.extra_data where property_entity='${table}' and object_id='${id}';${properties
+            .filter((el) => Object.keys(body).includes(el.name))
+            .map((el) => `insert into crm.extra_data(property_id,property_key,property_entity,object_id,${el.format?.toLowerCase() === 'date' ? 'value_date' : 'value_text'})
+        select '${el.column_id}', '${el.name}', '${table}', '${id}', ${el.format?.toLowerCase() === 'date' ? `'${body[el.name]}'::timestamp without time zone` : `'${body[el.name]}'::text`}`)
+            .join(';\n') || ''}`;
+        return client.query(q);
+    });
+
+    addHook('afterInsert', async ({ table, body = {}, payload: res = {}, user = {} }) => {
+        const { uid } = user1 || user;
+        if (!uid || !table || !Object.keys(body)?.length) return null;
+
+        const loadTable = await getTemplate('table', table);
+        if (!client?.pk?.[loadTable?.table || table]) return null;
+        const pk = client?.pk?.[loadTable?.table || table];
+        const id = res.rows?.[0]?.[pk];
+
+        const { rows: properties = [] } = await client.query(`select column_id, name, title, format, data from admin.custom_column 
+        where entity=$1 and uid=$2`, [table, uid]);
+
+        if (!id || !properties?.length) return null;
+
+        const q = properties
+            .filter((el) => Object.keys(body).includes(el.name))
+            .map((el) => `insert into crm.extra_data(property_id,property_key,property_entity,object_id,${el.format?.toLowerCase() === 'date' ? 'value_date' : 'value_text'})
+        select '${el.column_id}', '${el.name}', '${table}', '${id}', ${el.format?.toLowerCase() === 'date' ? `'${body[el.name]}'::timestamp without time zone` : `'${body[el.name]}'::text`}`)
+            .join(';\n');
+        return client.query(q);
+    });
 }

package/server/plugins/vite.js

@@ -1,71 +1,71 @@
-import fs from 'fs';
-import path, { dirname } from 'path';
-import { fileURLToPath } from 'url';
-
-const dir = dirname(fileURLToPath(import.meta.url));
-const root = `${dir}/../..`;
-
-const isProduction = process.env.NODE_ENV === 'production';
-
-async function plugin(fastify) {
-  // vite server
-  if (!isProduction) {
-    const vite = await import('vite');
-
-    const viteServer = await vite.createServer({
-      server: {
-        middlewareMode: true,
-      },
-    });
-    // hot reload
-    viteServer.watcher.on('all', function (d, t) {
-      if (!t.includes('module')) return;
-      console.log(d, t);
-      viteServer.ws.send({ type: 'full-reload' });
-    });
-
-    // this is middleware for vite's dev servert
-    fastify.addHook('onRequest', async (req, reply) => {
-      const { user } = req.session?.passport || {};
-      if (!user) return reply.redirect('/login');
-
-      const next = () => new Promise((resolve) => {
-        viteServer.middlewares(req.raw, reply.raw, () => resolve());
-      });
-      await next();
-    });
-    fastify.get('*', async () => { });
-    return;
-  }
-
-  // From Build
-  fastify.get('*', async (req, reply) => {
-    const { user } = req.session?.passport || {};
-
-    if (!user) return reply.redirect('/login');
-    const stream = fs.createReadStream('dist/index.html');
-    return reply.type('text/html').send(stream);
-  });
-
-  const fileSize = {}
-  async function staticFile(req, reply) {
-    const assetsDir = 'dist';
-    const filePath = path.join(root, assetsDir, req.url);
-    const ext = path.extname(filePath);
-
-    if (!fs.existsSync(filePath)) return { status: 404, message: 'not found' }
-    fileSize[filePath] = fileSize[filePath] || fs.statSync(filePath).size;
-    const mime = {
-      '.js': 'text/javascript', '.css': 'text/css', '.woff2': 'application/font-woff', '.png': 'image/png', '.svg': 'image/svg+xml', '.jpg': 'image/jpg',
-    }[ext];
-    reply.headers({ 'Cache-control': 'max-age=3600, public', 'Content-length': fileSize[filePath], 'Content-Encoding': 'identity' });
-
-    const stream = fs.createReadStream(filePath);
-    return mime ? reply.type(mime).send(stream) : stream;
-  }
-
-  fastify.get('/assets/*', staticFile);
-  fastify.get('/public/*', staticFile);
-}
-
-export default plugin;
+import fs from 'fs';
+import path, { dirname } from 'path';
+import { fileURLToPath } from 'url';
+
+const dir = dirname(fileURLToPath(import.meta.url));
+const root = `${dir}/../..`;
+
+const isProduction = process.env.NODE_ENV === 'production';
+
+async function plugin(fastify) {
+  // vite server
+  if (!isProduction) {
+    const vite = await import('vite');
+
+    const viteServer = await vite.createServer({
+      server: {
+        middlewareMode: true,
+      },
+    });
+    // hot reload
+    viteServer.watcher.on('all', function (d, t) {
+      if (!t.includes('module')) return;
+      console.log(d, t);
+      viteServer.ws.send({ type: 'full-reload' });
+    });
+
+    // this is middleware for vite's dev servert
+    fastify.addHook('onRequest', async (req, reply) => {
+      const { user } = req.session?.passport || {};
+      if (!user) return reply.redirect('/login');
+
+      const next = () => new Promise((resolve) => {
+        viteServer.middlewares(req.raw, reply.raw, () => resolve());
+      });
+      await next();
+    });
+    fastify.get('*', async () => { });
+    return;
+  }
+
+  // From Build
+  fastify.get('*', async (req, reply) => {
+    const { user } = req.session?.passport || {};
+
+    if (!user) return reply.redirect('/login');
+    const stream = fs.createReadStream('dist/index.html');
+    return reply.type('text/html').send(stream);
+  });
+
+  const fileSize = {}
+  async function staticFile(req, reply) {
+    const assetsDir = 'dist';
+    const filePath = path.join(root, assetsDir, req.url);
+    const ext = path.extname(filePath);
+
+    if (!fs.existsSync(filePath)) return { status: 404, message: 'not found' }
+    fileSize[filePath] = fileSize[filePath] || fs.statSync(filePath).size;
+    const mime = {
+      '.js': 'text/javascript', '.css': 'text/css', '.woff2': 'application/font-woff', '.png': 'image/png', '.svg': 'image/svg+xml', '.jpg': 'image/jpg',
+    }[ext];
+    reply.headers({ 'Cache-control': 'max-age=3600, public', 'Content-length': fileSize[filePath], 'Content-Encoding': 'identity' });
+
+    const stream = fs.createReadStream(filePath);
+    return mime ? reply.type(mime).send(stream) : stream;
+  }
+
+  fastify.get('/assets/*', staticFile);
+  fastify.get('/public/*', staticFile);
+}
+
+export default plugin;