@opengis/fastify-table 2.4.0 → 2.4.2

package/dist/script/dump.ts

@@ -1,216 +1,216 @@
-// Вигрузка схеми бд
-// Usage examples:
-// bun .\script\dump.js --table=bpmn.tasks
-// bun .\script\dump.js --schema=bpmn
-
-import { type ExtendedPG } from "../server/types/core.js";
-
-import path from "node:path";
-import { existsSync } from "node:fs";
-import { mkdir, writeFile, rm } from "node:fs/promises";
-
-import { config, handlebars, pgClients, getTemplate } from "../utils.js";
-
-import { build, teardown } from "../helper.js";
-
-if (import.meta.main) {
-  dumpMigrateSQL();
-}
-
-const debug = false;
-
-export default async function dumpMigrateSQL() {
-  const app = await build();
-  // app.addHook("onClose", async () => teardown());
-
-  try {
-    // const { database, host, port, user, password } = config.pg;
-
-    if (!config.pg) {
-      console.error("empty config.pg, skip...");
-      return null;
-    }
-
-    if (!Bun.argv[2]) {
-      console.error("missing schema / table name, skip...");
-    }
-
-    const [key, value] = Bun.argv[2]?.substring?.(2)?.split?.("=") || [];
-    const tableName = key === "table" ? value : null;
-    const schemaName =
-      key === "schema" ? value : value?.split?.(".")?.shift?.();
-
-    const pg = pgClients.client;
-    // const pg = await getPGAsync({ database, host, port, user, password });
-    await pg.query(`select 1`);
-
-    const schemaExists = await pg
-      .query(
-        `SELECT 1 FROM information_schema.schemata WHERE schema_name = $1`,
-        [schemaName]
-      )
-      .then((el: any) => el.rowCount);
-
-    if (!schemaExists) {
-      console.error("Вказаної схеми не існує", config.pg?.database);
-      return null;
-    }
-
-    // if (tableName && !pg.pk?.[tableName]) {
-    //     console.error('Вказаної таблиці не існує', config.pg?.database);
-    //     return null;
-    // }
-
-    const dump = await schemaItem({
-      pg,
-      table: tableName,
-      schema: schemaName,
-      debug,
-    });
-
-    if (debug) {
-      console.log(dump);
-      return null;
-    }
-
-    const filepath = await saveFile(dump, tableName || schemaName || "");
-    console.log("success", filepath);
-    // app.close();
-  } catch (err) {
-    console.error(err);
-    // app.close();
-  } finally {
-    await app.close();
-    process.exit(0);
-  }
-}
-
-async function saveFile(data: any, filename: string) {
-  if (!data) throw new Error(`no data - ${filename}`);
-
-  const filepath = path.join("log/dump", `${filename}.sql`);
-  const fileExists = existsSync(filepath);
-
-  // overwrite old file
-  if (fileExists) {
-    await rm(filepath, { force: true, recursive: true });
-  }
-
-  await mkdir(path.dirname(filepath), { recursive: true });
-  await writeFile(filepath, Buffer.from(data, "utf-8"));
-
-  return filepath;
-}
-
-async function schemaItem({
-  pg,
-  table,
-  schema,
-  debug,
-}: {
-  pg: ExtendedPG;
-  table?: string | null;
-  schema?: string;
-  debug?: boolean;
-}) {
-  if (!schema && !table) return new Error("param schema is required");
-
-  const { rows: schemaInfo } =
-    await pg.query(`select c.oid,relname,nspname,obj_description(c.oid) as description,
-    (
-      select json_agg(row_to_json(q))
-      from (
-        select
-          column_name,
-          case 
-            when data_type='USER-DEFINED' AND udt_name='geometry' THEN 'geometry' 
-            when data_type='ARRAY' AND udt_name='_text'  THEN 'text[]' 
-            when data_type='ARRAY' AND udt_name='_int4'  THEN 'integer[]' 
-            else data_type 
-          end as data_type,
-          ordinal_position,
-          column_default,
-          is_nullable,
-          case 
-            when column_name='uid' then 'ідентифікатор автора запису в БД'
-            when column_name='cdate' then 'Дата створення запису в БД'
-            when column_name='editor_id' then 'Ідентифікатор автора, який останій вніс зміни в запис'
-            when column_name='editor_date' then 'Час останії зміни в записі'
-            when column_name='files' then 'Системна колонка'
-            when column_name='doc_status' then 'Статус документа'
-            when column_name='reg_status' then 'Статус реєстрації'
-            when column_name='obj_version' then 'Версія запису'
-          else col_description(a.attrelid,ordinal_position) 
-          end as description
-        from information_schema.columns col
-        LEFT JOIN pg_attribute a ON col.column_name=a.attname and c.oid = a.attrelid
-        where col.table_schema=nspname and col.table_name=relname
-      )q
-    ) as columns
-    from pg_class c
-    LEFT JOIN pg_namespace n ON n.oid = c.relnamespace
-    where ${
-      table ? `nspname||'.'||relname='${table}'` : `'${schema}'=nspname`
-    } and relam=2
-    order by nspname,relname`);
-
-  if (!schemaInfo?.length) throw new Error("invalid params");
-
-  const { rows: constraints } =
-    await pg.query(`select con.conrelid::regclass as constraint_table, a.column_name,
-    con.conname as constraint_name,contype as constraint_type, con.confrelid::regclass as foreign_table, 
-    con.confupdtype, con.confdeltype, con.confmatchtype, u.column_name as foreign_column,
-    case when contype='c' then pg_get_constraintdef(con.oid, true) else null end AS check_definition from pg_constraint con
-    left join pg_class c ON c.oid = con.conrelid              
-    left join pg_namespace n ON n.oid = c.relnamespace
-    left join lateral (
-      select string_agg(a.attname,',') as column_name from pg_attribute a 
-        where con.conrelid = a.attrelid and a.attnum = any(con.conkey) limit 1
-    )a on 1=1
-    left join lateral (
-      select column_name from information_schema.constraint_column_usage u 
-        where conname=u.constraint_name limit 1
-    )u on 1=1
-    where ${
-      table ? `conrelid::regclass::text = '${table}'` : `nspname = '${schema}'`
-    }`);
-
-  // add table constraints, mermaid
-  schemaInfo?.forEach((row: any) => {
-    // constraint type to column
-    row?.columns?.forEach((col: any) => {
-      const { constraint_type } =
-        constraints?.find(
-          (con: any) =>
-            con?.column_name === col?.column_name &&
-            con.constraint_table === `${row.nspname}.${row.relname}`
-        ) || {};
-      Object.assign(col, { constraint_type });
-    });
-
-    // table relations
-    const tableConstraints = constraints
-      ?.filter(
-        (el: any) => el?.constraint_table === `${row.nspname}.${row.relname}`
-      )
-      ?.map((el: any) => ({
-        ...el,
-        check_definition: el.check_definition
-          ? new handlebars.SafeString(el.check_definition)
-          : null,
-      }));
-    Object.assign(row, { constraints: tableConstraints });
-  });
-
-  if (debug) return schemaInfo;
-
-  const body = await getTemplate("pt", "schemaItem.pt");
-
-  const schemaContent = await handlebars.compile(
-    typeof body === "string"
-      ? body
-      : body?.hbs || "template not found schemaItem.pt"
-  )({ nspname: schema, rows: schemaInfo, constraints });
-
-  return schemaContent.replace(/'/g, "'");
-}
+// Вигрузка схеми бд
+// Usage examples:
+// bun .\script\dump.js --table=bpmn.tasks
+// bun .\script\dump.js --schema=bpmn
+
+import { type ExtendedPG } from "../server/types/core.js";
+
+import path from "node:path";
+import { existsSync } from "node:fs";
+import { mkdir, writeFile, rm } from "node:fs/promises";
+
+import { config, handlebars, pgClients, getTemplate } from "../utils.js";
+
+import { build, teardown } from "../helper.js";
+
+if (import.meta.main) {
+  dumpMigrateSQL();
+}
+
+const debug = false;
+
+export default async function dumpMigrateSQL() {
+  const app = await build();
+  // app.addHook("onClose", async () => teardown());
+
+  try {
+    // const { database, host, port, user, password } = config.pg;
+
+    if (!config.pg) {
+      console.error("empty config.pg, skip...");
+      return null;
+    }
+
+    if (!Bun.argv[2]) {
+      console.error("missing schema / table name, skip...");
+    }
+
+    const [key, value] = Bun.argv[2]?.substring?.(2)?.split?.("=") || [];
+    const tableName = key === "table" ? value : null;
+    const schemaName =
+      key === "schema" ? value : value?.split?.(".")?.shift?.();
+
+    const pg = pgClients.client;
+    // const pg = await getPGAsync({ database, host, port, user, password });
+    await pg.query(`select 1`);
+
+    const schemaExists = await pg
+      .query(
+        `SELECT 1 FROM information_schema.schemata WHERE schema_name = $1`,
+        [schemaName]
+      )
+      .then((el: any) => el.rowCount);
+
+    if (!schemaExists) {
+      console.error("Вказаної схеми не існує", config.pg?.database);
+      return null;
+    }
+
+    // if (tableName && !pg.pk?.[tableName]) {
+    //     console.error('Вказаної таблиці не існує', config.pg?.database);
+    //     return null;
+    // }
+
+    const dump = await schemaItem({
+      pg,
+      table: tableName,
+      schema: schemaName,
+      debug,
+    });
+
+    if (debug) {
+      console.log(dump);
+      return null;
+    }
+
+    const filepath = await saveFile(dump, tableName || schemaName || "");
+    console.log("success", filepath);
+    // app.close();
+  } catch (err) {
+    console.error(err);
+    // app.close();
+  } finally {
+    await app.close();
+    process.exit(0);
+  }
+}
+
+async function saveFile(data: any, filename: string) {
+  if (!data) throw new Error(`no data - ${filename}`);
+
+  const filepath = path.join("log/dump", `${filename}.sql`);
+  const fileExists = existsSync(filepath);
+
+  // overwrite old file
+  if (fileExists) {
+    await rm(filepath, { force: true, recursive: true });
+  }
+
+  await mkdir(path.dirname(filepath), { recursive: true });
+  await writeFile(filepath, Buffer.from(data, "utf-8"));
+
+  return filepath;
+}
+
+async function schemaItem({
+  pg,
+  table,
+  schema,
+  debug,
+}: {
+  pg: ExtendedPG;
+  table?: string | null;
+  schema?: string;
+  debug?: boolean;
+}) {
+  if (!schema && !table) return new Error("param schema is required");
+
+  const { rows: schemaInfo } =
+    await pg.query(`select c.oid,relname,nspname,obj_description(c.oid) as description,
+    (
+      select json_agg(row_to_json(q))
+      from (
+        select
+          column_name,
+          case 
+            when data_type='USER-DEFINED' AND udt_name='geometry' THEN 'geometry' 
+            when data_type='ARRAY' AND udt_name='_text'  THEN 'text[]' 
+            when data_type='ARRAY' AND udt_name='_int4'  THEN 'integer[]' 
+            else data_type 
+          end as data_type,
+          ordinal_position,
+          column_default,
+          is_nullable,
+          case 
+            when column_name='uid' then 'ідентифікатор автора запису в БД'
+            when column_name='cdate' then 'Дата створення запису в БД'
+            when column_name='editor_id' then 'Ідентифікатор автора, який останій вніс зміни в запис'
+            when column_name='editor_date' then 'Час останії зміни в записі'
+            when column_name='files' then 'Системна колонка'
+            when column_name='doc_status' then 'Статус документа'
+            when column_name='reg_status' then 'Статус реєстрації'
+            when column_name='obj_version' then 'Версія запису'
+          else col_description(a.attrelid,ordinal_position) 
+          end as description
+        from information_schema.columns col
+        LEFT JOIN pg_attribute a ON col.column_name=a.attname and c.oid = a.attrelid
+        where col.table_schema=nspname and col.table_name=relname
+      )q
+    ) as columns
+    from pg_class c
+    LEFT JOIN pg_namespace n ON n.oid = c.relnamespace
+    where ${
+      table ? `nspname||'.'||relname='${table}'` : `'${schema}'=nspname`
+    } and relam=2
+    order by nspname,relname`);
+
+  if (!schemaInfo?.length) throw new Error("invalid params");
+
+  const { rows: constraints } =
+    await pg.query(`select con.conrelid::regclass as constraint_table, a.column_name,
+    con.conname as constraint_name,contype as constraint_type, con.confrelid::regclass as foreign_table, 
+    con.confupdtype, con.confdeltype, con.confmatchtype, u.column_name as foreign_column,
+    case when contype='c' then pg_get_constraintdef(con.oid, true) else null end AS check_definition from pg_constraint con
+    left join pg_class c ON c.oid = con.conrelid              
+    left join pg_namespace n ON n.oid = c.relnamespace
+    left join lateral (
+      select string_agg(a.attname,',') as column_name from pg_attribute a 
+        where con.conrelid = a.attrelid and a.attnum = any(con.conkey) limit 1
+    )a on 1=1
+    left join lateral (
+      select column_name from information_schema.constraint_column_usage u 
+        where conname=u.constraint_name limit 1
+    )u on 1=1
+    where ${
+      table ? `conrelid::regclass::text = '${table}'` : `nspname = '${schema}'`
+    }`);
+
+  // add table constraints, mermaid
+  schemaInfo?.forEach((row: any) => {
+    // constraint type to column
+    row?.columns?.forEach((col: any) => {
+      const { constraint_type } =
+        constraints?.find(
+          (con: any) =>
+            con?.column_name === col?.column_name &&
+            con.constraint_table === `${row.nspname}.${row.relname}`
+        ) || {};
+      Object.assign(col, { constraint_type });
+    });
+
+    // table relations
+    const tableConstraints = constraints
+      ?.filter(
+        (el: any) => el?.constraint_table === `${row.nspname}.${row.relname}`
+      )
+      ?.map((el: any) => ({
+        ...el,
+        check_definition: el.check_definition
+          ? new handlebars.SafeString(el.check_definition)
+          : null,
+      }));
+    Object.assign(row, { constraints: tableConstraints });
+  });
+
+  if (debug) return schemaInfo;
+
+  const body = await getTemplate("pt", "schemaItem.pt");
+
+  const schemaContent = await handlebars.compile(
+    typeof body === "string"
+      ? body
+      : body?.hbs || "template not found schemaItem.pt"
+  )({ nspname: schema, rows: schemaInfo, constraints });
+
+  return schemaContent.replace(/'/g, "'");
+}

package/dist/script/migrate.ts

@@ -1,41 +1,41 @@
-import path from "node:path";
-import Fastify from "fastify";
-
-import config from "../config.js";
-import plugin from "../index.js";
-
-import execMigrations from "../server/plugins/migration/exec.migrations.js";
-import pgClients from "../server/plugins/pg/pgClients.js";
-
-const timeoutMs = +(config.migrationTimeout || 5000);
-
-const port = process.env.PORT || config.port || 3000;
-
-if (import.meta.main) {
-  migrate();
-}
-
-export default function migrate() {
-  const app = Fastify();
-
-  app.register(plugin, config);
-
-  app.listen({ host: "0.0.0.0", port }, (err: any) => {
-    console.log(`Server started via port: ${port}`);
-
-    execMigrations(
-      path.join(process.cwd(), "server/migrations"),
-      pgClients.client
-    ).catch((err) => console.error(err.toString()));
-
-    setTimeout(() => {
-      console.log("Server closed after timeout", timeoutMs);
-      app.close();
-      process.exit(0);
-    }, timeoutMs);
-    if (err) {
-      console.error("migrations error", err.toString());
-      process.exit(1);
-    }
-  });
-}
+import path from "node:path";
+import Fastify from "fastify";
+
+import config from "../config.js";
+import plugin from "../index.js";
+
+import execMigrations from "../server/plugins/migration/exec.migrations.js";
+import pgClients from "../server/plugins/pg/pgClients.js";
+
+const timeoutMs = +(config.migrationTimeout || 5000);
+
+const port = process.env.PORT || config.port || 3000;
+
+if (import.meta.main) {
+  migrate();
+}
+
+export default function migrate() {
+  const app = Fastify();
+
+  app.register(plugin, config);
+
+  app.listen({ host: "0.0.0.0", port }, (err: any) => {
+    console.log(`Server started via port: ${port}`);
+
+    execMigrations(
+      path.join(process.cwd(), "server/migrations"),
+      pgClients.client
+    ).catch((err) => console.error(err.toString()));
+
+    setTimeout(() => {
+      console.log("Server closed after timeout", timeoutMs);
+      app.close();
+      process.exit(0);
+    }, timeoutMs);
+    if (err) {
+      console.error("migrations error", err.toString());
+      process.exit(1);
+    }
+  });
+}

package/dist/server/helpers/core/badge.js

@@ -11,6 +11,6 @@ export default async function badge(id, options) {
     const item = classifier?.arr.find((el) => el.id?.toString?.() === id.toString());
     if (!item)
         return id;
-    return `<span style='color:${item.color || '#14b8a6'};border-color:${item.color || '#14b8a6'}; overflow:hidden;
+    return `<span style='color:${item.color || '#14b8a6'};border-color:${item.color || '#14b8a6'}; overflow:hidden;
 text-overflow:ellipsis; white-space:nowrap;' class="block w-fit py-1.5 px-3 rounded-full text-xs font-medium border border-teal-500 text-teal-500 max-w-[220px] text-nowrap ">${item.text}</span>`;
 }

package/dist/server/helpers/list/descriptionList.js

@@ -33,14 +33,14 @@ export default async function descriptionList(data, opt) {
             continue;
         const key = keys[i + 1];
         const d1 = (await format(data[key], key, data)) || '-';
-        result.push(`<div class="flex flex-wrap sm:grid sm:grid-cols-3 gap-1 py-3 even:bg-gray-50 text-[12px]">
-            <dt class="text-gray-900 w-full sm:w-auto sm:col-span-1 pr-2 break-words">
-                ${nameHBS || name}
-            </dt>
-            
-            <dd class="text-gray-700 sm:col-span-2 w-full sm:w-auto break-words whitespace-normal">
-                ${d1}
-            </dd>
+        result.push(`<div class="flex flex-wrap sm:grid sm:grid-cols-3 gap-1 py-3 even:bg-gray-50 text-[12px]">
+            <dt class="text-gray-900 w-full sm:w-auto sm:col-span-1 pr-2 break-words">
+                ${nameHBS || name}
+            </dt>
+            
+            <dd class="text-gray-700 sm:col-span-2 w-full sm:w-auto break-words whitespace-normal">
+                ${d1}
+            </dd>
         </div>`);
     }
     return `<dl class=" divide-y divide-gray-100 py-[5px] w-full">${result.join('')}</dl>`;

package/dist/server/helpers/list/tableList.js

@@ -65,8 +65,8 @@ export default async function tableList(data, opt) {
         const isActionsColumn = hash.noactions && i === keys.length - 2;
         result.push(`<th class="py-2 min-w-[200px] ${isActionsColumn
             ? "last:min-w-[60px] last:max-w-[60px] last:bg-white last:sticky last:right-0"
-            : ""}">
-                    ${nameHBS || name}
+            : ""}">
+                    ${nameHBS || name}
         </th>`);
     }
     result.push('</tr></thead><tbody class="divide-y divide-gray-200">');
@@ -90,9 +90,9 @@ export default async function tableList(data, opt) {
                 ? (await handlebars.compile(key)({ ...row, token, hash })) || "-"
                 : null;
             const isActionsColumn = hash.noactions && i === keys.length - 2;
-            result.push(`<td class="py-2 pr-5 ${isActionsColumn ? "last:sticky last:right-0" : ""}">
+            result.push(`<td class="py-2 pr-5 ${isActionsColumn ? "last:sticky last:right-0" : ""}">
                                ${d1 ||
-                format(tokenData || row[key], key, row, hash)}
+                format(tokenData || row[key], key, row, hash)}
                             </td>`);
         }
         // action token

package/dist/server/helpers/list/utils/button.js

@@ -6,6 +6,6 @@ export default function button(token, title, permission = '') {
     const permissionAttr = handlePermission
         ? `v-permission="${handlePermission}"`
         : '';
-    return `<button ${permissionAttr} onclick="window.v3plugin.$form({ token: '${token}' })"
+    return `<button ${permissionAttr} onclick="window.v3plugin.$form({ token: '${token}' })"
     class="inline-flex items-center px-2 py-1 text-sm font-medium text-white duration-300 bg-blue-600 border border-transparent rounded-lg gap-x-2 hover:bg-blue-700 hover:text-white">${title || 'Додати'}</button>`;
 }

package/dist/server/helpers/list/utils/buttonDel.js

@@ -11,8 +11,8 @@ export default function button(token, permission = '') {
     const permissionAttr = handlePermission
         ? `v-permission="${handlePermission}"`
         : '';
-    return `<button ${permissionAttr} onclick="window.v3plugin.$api({ api: '/api/table/${token}', method:'delete',confirm: { title:'Підтвердити операцію',  text: 'Ви впевнені що хочете вилучити запис?', cancel: 'Скасувати', confirm : 'Виконати'} })"
-    class="group px-2 py-1 inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border border-transparent hover:text-white ring-offset-white bg-${newColor}-100 text-${newColor}-100 hover:bg-${newColor}-500 focus:ring-${newColor}-500">
-    <svg  class="group-hover:fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="13" height="13" fill="#ef4444"><path d="M135.2 17.7L128 32 32 32C14.3 32 0 46.3 0 64S14.3 96 32 96l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-96 0-7.2-14.3C307.4 6.8 296.3 0 284.2 0L163.8 0c-12.1 0-23.2 6.8-28.6 17.7zM416 128L32 128 53.2 467c1.6 25.3 22.6 45 47.9 45l245.8 0c25.3 0 46.3-19.7 47.9-45L416 128z"/></svg>
+    return `<button ${permissionAttr} onclick="window.v3plugin.$api({ api: '/api/table/${token}', method:'delete',confirm: { title:'Підтвердити операцію',  text: 'Ви впевнені що хочете вилучити запис?', cancel: 'Скасувати', confirm : 'Виконати'} })"
+    class="group px-2 py-1 inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border border-transparent hover:text-white ring-offset-white bg-${newColor}-100 text-${newColor}-100 hover:bg-${newColor}-500 focus:ring-${newColor}-500">
+    <svg  class="group-hover:fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="13" height="13" fill="#ef4444"><path d="M135.2 17.7L128 32 32 32C14.3 32 0 46.3 0 64S14.3 96 32 96l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-96 0-7.2-14.3C307.4 6.8 296.3 0 284.2 0L163.8 0c-12.1 0-23.2 6.8-28.6 17.7zM416 128L32 128 53.2 467c1.6 25.3 22.6 45 47.9 45l245.8 0c25.3 0 46.3-19.7 47.9-45L416 128z"/></svg>
     </button>`;
 }

package/dist/server/helpers/list/utils/buttonEdit.js

@@ -11,8 +11,8 @@ export default function button(token, permission = '') {
     const permissionAttr = handlePermission
         ? `v-permission="${handlePermission}"`
         : '';
-    return `<button ${permissionAttr} onclick="window.v3plugin.$form({ token: '${token}' })"
-    class="group px-2 py-1 inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border border-transparent hover:text-white ring-offset-white bg-${newColor}-100 text-${newColor}-100 hover:bg-${newColor}-500 focus:ring-${newColor}-500">
-    <svg class="group-hover:fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="13" height="13" fill="#3b82f6"><path d="M471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7zm-299.2 220c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3 172.4 241.7zM96 64C43 64 0 107 0 160L0 416c0 53 43 96 96 96l256 0c53 0 96-43 96-96l0-96c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 96c0 17.7-14.3 32-32 32L96 448c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L96 64z"/></svg>
+    return `<button ${permissionAttr} onclick="window.v3plugin.$form({ token: '${token}' })"
+    class="group px-2 py-1 inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border border-transparent hover:text-white ring-offset-white bg-${newColor}-100 text-${newColor}-100 hover:bg-${newColor}-500 focus:ring-${newColor}-500">
+    <svg class="group-hover:fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="13" height="13" fill="#3b82f6"><path d="M471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7zm-299.2 220c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3 172.4 241.7zM96 64C43 64 0 107 0 160L0 416c0 53 43 96 96 96l256 0c53 0 96-43 96-96l0-96c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 96c0 17.7-14.3 32-32 32L96 448c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L96 64z"/></svg>
     </button>`;
 }

package/dist/server/helpers/utils/button.js

@@ -6,6 +6,6 @@ export default function button(token, title, permission = '') {
     const permissionAttr = handlePermission
         ? `v-permission="${handlePermission}"`
         : '';
-    return `<button ${permissionAttr} onclick="window.v3plugin.$form({ token: '${token}' })"
+    return `<button ${permissionAttr} onclick="window.v3plugin.$form({ token: '${token}' })"
     class="inline-flex items-center px-2 py-1 text-sm font-medium text-white duration-300 bg-blue-600 border border-transparent rounded-lg gap-x-2 hover:bg-blue-700 hover:text-white">${title || 'Редагувати'}</button>`;
 }