v1.9.3

.gitignore

@@ -24,5 +24,6 @@
 secrets.production.js
 secrets.development.js
 get-pass-key.js
+getPassKey.js
 
 .idea

package.json

@@ -1,6 +1,6 @@
 {
   "name": "automa",
-  "version": "1.9.2",
+  "version": "1.9.3",
   "description": "An extension for automating your browser by connecting blocks",
   "license": "MIT",
   "repository": {

src/background/collection-engine/flow-handler.js → src/background/collectionEngine/flowHandler.js

@@ -1,6 +1,6 @@
-import dataExporter from '@/utils/data-exporter';
-import WorkflowEngine from '../workflow-engine/engine';
-import blocksHandler from '../workflow-engine/blocks-handler';
+import dataExporter from '@/utils/dataExporter';
+import WorkflowEngine from '../workflowEngine/engine';
+import blocksHandler from '../workflowEngine/blocksHandler';
 
 export function workflow(flow) {
   return new Promise((resolve, reject) => {

src/background/collection-engine/index.js → src/background/collectionEngine/index.js

@@ -1,9 +1,9 @@
 import { nanoid } from 'nanoid';
 import browser from 'webextension-polyfill';
 import { toCamelCase } from '@/utils/helper';
-import * as flowHandler from './flow-handler';
-import blocksHandler from '../workflow-engine/blocks-handler';
-import WorkflowEngine from '../workflow-engine/engine';
+import * as flowHandler from './flowHandler';
+import blocksHandler from '../workflowEngine/blocksHandler';
+import WorkflowEngine from '../workflowEngine/engine';
 
 const executedWorkflows = (workflows, options) => {
   if (workflows.length === 0) return;

src/background/index.js

@@ -1,17 +1,17 @@
 import browser from 'webextension-polyfill';
 import { MessageListener } from '@/utils/message';
 import { parseJSON, findTriggerBlock } from '@/utils/helper';
-import getFile from '@/utils/get-file';
-import decryptFlow, { getWorkflowPass } from '@/utils/decrypt-flow';
+import getFile from '@/utils/getFile';
+import decryptFlow, { getWorkflowPass } from '@/utils/decryptFlow';
 import {
   registerSpecificDay,
   registerWorkflowTrigger,
-} from '../utils/workflow-trigger';
-import WorkflowState from './workflow-state';
-import CollectionEngine from './collection-engine';
-import WorkflowEngine from './workflow-engine/engine';
-import blocksHandler from './workflow-engine/blocks-handler';
-import WorkflowLogger from './workflow-logger';
+} from '../utils/workflowTrigger';
+import WorkflowState from './WorkflowState';
+import CollectionEngine from './collectionEngine';
+import WorkflowEngine from './workflowEngine/engine';
+import blocksHandler from './workflowEngine/blocksHandler';
+import WorkflowLogger from './WorkflowLogger';
 
 const validateUrl = (str) => str?.startsWith('http');
 const storage = {

src/content/blocks-handler.js → src/background/workflowEngine/blocksHandler.js

@@ -1,8 +1,8 @@
 import { toCamelCase } from '@/utils/helper';
 
-const blocksHandler = require.context('./blocks-handler', false, /\.js$/);
+const blocksHandler = require.context('./blocksHandler', false, /\.js$/);
 const handlers = blocksHandler.keys().reduce((acc, key) => {
-  const name = key.replace(/^\.\/handler-|\.js/g, '');
+  const name = key.replace(/^\.\/handler|\.js/g, '');
 
   acc[toCamelCase(name)] = blocksHandler(key).default;
 

src/background/workflow-engine/blocks-handler/handler-active-tab.js → src/background/workflowEngine/blocksHandler/handlerActiveTab.js

@@ -1,6 +1,6 @@
 import browser from 'webextension-polyfill';
 import { getBlockConnection } from '../helper';
-import executeContentScript from '../execute-content-script';
+import executeContentScript from '../executeContentScript';
 
 async function activeTab(block) {
   const nextBlockId = getBlockConnection(block);

src/background/workflow-engine/blocks-handler/handler-conditions.js → src/background/workflowEngine/blocksHandler/handlerConditions.js

@@ -1,6 +1,6 @@
-import compareBlockValue from '@/utils/compare-block-value';
-import mustacheReplacer from '@/utils/reference-data/mustache-replacer';
-import testConditions from '@/utils/test-conditions';
+import compareBlockValue from '@/utils/compareBlockValue';
+import mustacheReplacer from '@/utils/referenceData/mustacheReplacer';
+import testConditions from '@/utils/testConditions';
 import { getBlockConnection } from '../helper';
 
 async function conditions({ data, outputs }, { prevBlockData, refData }) {

src/background/workflow-engine/blocks-handler/handler-execute-workflow.js → src/background/workflowEngine/blocksHandler/handlerExecuteWorkflow.js

@@ -1,6 +1,6 @@
 import browser from 'webextension-polyfill';
 import { isWhitespace, parseJSON } from '@/utils/helper';
-import decryptFlow, { getWorkflowPass } from '@/utils/decrypt-flow';
+import decryptFlow, { getWorkflowPass } from '@/utils/decryptFlow';
 import WorkflowEngine from '../engine';
 import { getBlockConnection } from '../helper';
 

src/background/workflow-engine/blocks-handler/handler-export-data.js → src/background/workflowEngine/blocksHandler/handlerExportData.js

@@ -1,5 +1,5 @@
 import browser from 'webextension-polyfill';
-import { default as dataExporter, files } from '@/utils/data-exporter';
+import { default as dataExporter, files } from '@/utils/dataExporter';
 import { getBlockConnection } from '../helper';
 
 async function exportData({ data, outputs }, { refData }) {

src/background/workflow-engine/blocks-handler/handler-insert-data.js → src/background/workflowEngine/blocksHandler/handlerInsertData.js

@@ -1,5 +1,5 @@
 import { parseJSON } from '@/utils/helper';
-import mustacheReplacer from '@/utils/reference-data/mustache-replacer';
+import mustacheReplacer from '@/utils/referenceData/mustacheReplacer';
 import { getBlockConnection } from '../helper';
 
 function insertData({ outputs, data }, { refData }) {

src/background/workflow-engine/blocks-handler/handler-switch-to.js → src/background/workflowEngine/blocksHandler/handlerSwitchTo.js

@@ -1,6 +1,6 @@
 import { objectHasKey } from '@/utils/helper';
 import { getBlockConnection } from '../helper';
-import executeContentScript, { getFrames } from '../execute-content-script';
+import executeContentScript, { getFrames } from '../executeContentScript';
 
 async function switchTo(block) {
   const nextBlockId = getBlockConnection(block);

src/background/workflow-engine/blocks-handler/handler-trigger.js → src/background/workflowEngine/blocksHandler/handlerTrigger.js

@@ -1,5 +1,5 @@
 import { getBlockConnection } from '../helper';
-import executeContentScript from '../execute-content-script';
+import executeContentScript from '../executeContentScript';
 
 async function trigger(block) {
   const nextBlockId = getBlockConnection(block);

src/background/workflow-engine/blocks-handler/handler-webhook.js → src/background/workflowEngine/blocksHandler/handlerWebhook.js

@@ -14,7 +14,7 @@ export async function webhook({ data, outputs }) {
     const response = await executeWebhook(data);
 
     if (!response.ok) {
-      if (fallbackOutput) {
+      if (fallbackOutput.connections.length > 0) {
         return {
           data: '',
           nextBlockId: fallbackOutput,
@@ -45,7 +45,11 @@ export async function webhook({ data, outputs }) {
       this.setVariable(data.variableName, returnData);
     }
     if (data.saveData) {
-      this.addDataToColumn(data.dataColumn, returnData);
+      if (data.dataColumn === '$assignColumns' && Array.isArray(returnData)) {
+        this.addDataToColumn(returnData);
+      } else {
+        this.addDataToColumn(data.dataColumn, returnData);
+      }
     }
 
     return {

src/background/workflow-engine/blocks-handler/handler-while-loop.js → src/background/workflowEngine/blocksHandler/handlerWhileLoop.js

@@ -1,4 +1,4 @@
-import testConditions from '@/utils/test-conditions';
+import testConditions from '@/utils/testConditions';
 import { getBlockConnection } from '../helper';
 
 async function whileLoop({ data, outputs }, { refData }) {

src/background/workflow-engine/helper.js → src/background/workflowEngine/helper.js

@@ -40,6 +40,8 @@ export function waitTabLoaded(tabId) {
 }
 
 export function convertData(data, type) {
+  if (type === 'any') return data;
+
   let result = data;
 
   switch (type) {

src/background/workflow-engine/worker.js → src/background/workflowEngine/worker.js

@@ -3,9 +3,9 @@ import browser from 'webextension-polyfill';
 import cloneDeep from 'lodash.clonedeep';
 import { toCamelCase, sleep, objectHasKey, isObject } from '@/utils/helper';
 import { tasks } from '@/utils/shared';
-import referenceData from '@/utils/reference-data';
+import referenceData from '@/utils/referenceData';
 import { convertData, waitTabLoaded, getBlockConnection } from './helper';
-import executeContentScript from './execute-content-script';
+import executeContentScript from './executeContentScript';
 
 class Worker {
   constructor(engine) {

src/components/newtab/logs/LogsDataViewer.vue

@@ -47,7 +47,7 @@ import { shallowReactive, computed, defineAsyncComponent } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { dataExportTypes } from '@/utils/shared';
 import { objectHasKey } from '@/utils/helper';
-import dataExporter from '@/utils/data-exporter';
+import dataExporter from '@/utils/dataExporter';
 
 const SharedCodemirror = defineAsyncComponent(() =>
   import('@/components/newtab/shared/SharedCodemirror.vue')

src/components/newtab/settings/SettingsCloudBackup.vue

@@ -127,7 +127,7 @@ import { useStore } from 'vuex';
 import { useToast } from 'vue-toastification';
 import browser from 'webextension-polyfill';
 import { fetchApi, cacheApi } from '@/utils/api';
-import { convertWorkflow } from '@/utils/workflow-data';
+import { convertWorkflow } from '@/utils/workflowData';
 import { parseJSON } from '@/utils/helper';
 import dayjs from '@/lib/dayjs';
 import Workflow from '@/models/workflow';

src/components/newtab/shared/SharedCard.vue

@@ -70,7 +70,7 @@
 import { onMounted, shallowReactive } from 'vue';
 import { useI18n } from 'vue-i18n';
 import dayjs from '@/lib/dayjs';
-import triggerText from '@/utils/trigger-text';
+import triggerText from '@/utils/triggerText';
 
 const props = defineProps({
   data: {

src/components/newtab/workflow/WorkflowBuilder.vue

@@ -792,7 +792,14 @@ export default {
         const copiedNodesLen = store.state.copiedNodes.length;
         if (copiedNodesLen > 0) {
           if (isBlock) {
-            contextMenu.items.unshift(...contextMenuItems.common);
+            contextMenuItems.common.forEach((item) => {
+              const isExists = contextMenu.items.some(
+                (menu) => menu.id === item.id
+              );
+              if (isExists) return;
+
+              contextMenu.items.unshift(item);
+            });
           } else {
             contextMenu.items = contextMenuItems.common;
           }

src/components/newtab/workflow/WorkflowDataTable.vue

@@ -59,6 +59,7 @@ const emit = defineEmits(['update', 'close', 'change']);
 const { t } = useI18n();
 
 const dataTypes = [
+  { id: 'any', name: 'Any' },
   { id: 'string', name: 'Text' },
   { id: 'integer', name: 'Number' },
   { id: 'boolean', name: 'Boolean' },

src/components/newtab/workflow/WorkflowProtect.vue

@@ -35,7 +35,7 @@ import { useI18n } from 'vue-i18n';
 import { nanoid } from 'nanoid';
 import AES from 'crypto-js/aes';
 import hmacSHA256 from 'crypto-js/hmac-sha256';
-import getPassKey from '@/utils/get-pass-key';
+import getPassKey from '@/utils/getPassKey';
 
 const props = defineProps({
   workflow: {

src/components/newtab/workflow/WorkflowShare.vue

@@ -179,7 +179,7 @@ import { useToast } from 'vue-toastification';
 import { fetchApi } from '@/utils/api';
 import { workflowCategories } from '@/utils/shared';
 import { parseJSON, debounce } from '@/utils/helper';
-import { convertWorkflow } from '@/utils/workflow-data';
+import { convertWorkflow } from '@/utils/workflowData';
 import SharedWysiwyg from '@/components/newtab/shared/SharedWysiwyg.vue';
 
 const props = defineProps({

src/components/newtab/workflow/edit/EditTrigger.vue

@@ -213,7 +213,7 @@ import { useI18n } from 'vue-i18n';
 import { useToast } from 'vue-toastification';
 import dayjs from 'dayjs';
 import { isObject } from '@/utils/helper';
-import recordShortcut from '@/utils/record-shortcut';
+import recordShortcut from '@/utils/recordShortcut';
 
 const props = defineProps({
   data: {

src/components/newtab/workflow/edit/EditWebhook.vue

@@ -119,7 +119,12 @@
           class="w-full mt-2"
           @change="updateData({ dataPath: $event })"
         />
-        <insert-workflow-data :data="data" variables @update="updateData" />
+        <insert-workflow-data
+          :data="data"
+          :columns="[{ name: '[Assign columns]', id: '$assignColumns' }]"
+          variables
+          @update="updateData"
+        />
       </ui-tab-panel>
     </ui-tab-panels>
     <ui-modal

src/components/newtab/workflow/edit/InsertWorkflowData.vue

@@ -33,7 +33,7 @@
     @change="updateData({ dataColumn: $event })"
   >
     <option
-      v-for="column in workflow.data.value.table"
+      v-for="column in [...columns, ...workflow.data.value.table]"
       :key="column.id"
       :value="column.id"
     >
@@ -85,6 +85,10 @@ defineProps({
   },
   extraRow: Boolean,
   variables: Boolean,
+  columns: {
+    type: Array,
+    default: () => [],
+  },
 });
 const emit = defineEmits(['update']);
 

src/components/newtab/workflow/edit/TriggerEventKeyboard.vue

@@ -36,7 +36,7 @@
 <script setup>
 import { shallowReactive, watch, onMounted } from 'vue';
 import { objectHasKey } from '@/utils/helper';
-import { keyDefinitions } from '@/utils/us-keyboard-layout';
+import { keyDefinitions } from '@/utils/USKeyboardLayout';
 
 const props = defineProps({
   params: {

src/background/workflow-engine/blocks-handler.js → src/content/blocksHandler.js

@@ -1,8 +1,8 @@
 import { toCamelCase } from '@/utils/helper';
 
-const blocksHandler = require.context('./blocks-handler', false, /\.js$/);
+const blocksHandler = require.context('./blocksHandler', false, /\.js$/);
 const handlers = blocksHandler.keys().reduce((acc, key) => {
-  const name = key.replace(/^\.\/handler-|\.js/g, '');
+  const name = key.replace(/^\.\/handler|\.js/g, '');
 
   acc[toCamelCase(name)] = blocksHandler(key).default;
 

src/content/blocks-handler/handler-attribute-value.js → src/content/blocksHandler/handlerAttributeValue.js

@@ -1,4 +1,4 @@
-import handleSelector from '../handle-selector';
+import handleSelector from '../handleSelector';
 
 function attributeValue(block) {
   return new Promise((resolve, reject) => {

src/content/blocks-handler/handler-element-exists.js → src/content/blocksHandler/handlerElementExists.js

@@ -1,4 +1,4 @@
-import handleSelector from '../handle-selector';
+import handleSelector from '../handleSelector';
 
 function elementExists(block) {
   return new Promise((resolve) => {

src/content/blocks-handler/handler-element-scroll.js → src/content/blocksHandler/handlerElementScroll.js

@@ -1,4 +1,4 @@
-import handleSelector from '../handle-selector';
+import handleSelector from '../handleSelector';
 
 function elementScroll(block) {
   function incScrollPos(element, data, vertical = true) {

src/content/blocks-handler/handler-event-click.js → src/content/blocksHandler/handlerEventClick.js

@@ -1,5 +1,5 @@
 import { sendMessage } from '@/utils/message';
-import handleSelector from '../handle-selector';
+import handleSelector from '../handleSelector';
 
 function eventClick(block) {
   return new Promise((resolve, reject) => {

src/content/blocks-handler/handler-forms.js → src/content/blocksHandler/handlerForms.js

@@ -1,5 +1,5 @@
-import handleFormElement from '@/utils/handle-form-element';
-import handleSelector, { markElement } from '../handle-selector';
+import handleFormElement from '@/utils/handleFormElement';
+import handleSelector, { markElement } from '../handleSelector';
 
 async function forms(block) {
   const { data } = block;

src/content/blocks-handler/handler-get-text.js → src/content/blocksHandler/handlerGetText.js

@@ -1,4 +1,4 @@
-import handleSelector from '../handle-selector';
+import handleSelector from '../handleSelector';
 
 function getText(block) {
   return new Promise((resolve, reject) => {

src/content/blocks-handler/handler-hover-element.js → src/content/blocksHandler/handlerHoverElement.js

@@ -1,5 +1,5 @@
 import { sendMessage } from '@/utils/message';
-import handleSelector from '../handle-selector';
+import handleSelector from '../handleSelector';
 
 function eventClick(block) {
   return new Promise((resolve, reject) => {

src/content/blocks-handler/handler-link.js → src/content/blocksHandler/handlerLink.js

@@ -1,4 +1,4 @@
-import handleSelector, { markElement } from '../handle-selector';
+import handleSelector, { markElement } from '../handleSelector';
 
 async function link(block) {
   const element = await handleSelector(block, { returnElement: true });

src/content/blocks-handler/handler-save-assets.js → src/content/blocksHandler/handlerSaveSssets.js

@@ -1,4 +1,4 @@
-import handleSelector from '../handle-selector';
+import handleSelector from '../handleSelector';
 
 async function saveAssets(block) {
   let elements = await handleSelector(block, { returnElement: true });

src/content/blocks-handler/handler-switch-to.js → src/content/blocksHandler/handlerSwitchTo.js

@@ -1,4 +1,4 @@
-import handleSelector from '../handle-selector';
+import handleSelector from '../handleSelector';
 
 function switchTo(block) {
   return new Promise((resolve, reject) => {

src/content/blocks-handler/handler-trigger-event.js → src/content/blocksHandler/handlerTriggerEvent.js

@@ -1,7 +1,7 @@
 import { sendMessage } from '@/utils/message';
-import simulateEvent from '@/utils/simulate-event';
-import simulateMouseEvent from '@/utils/simulate-event/mouse-event';
-import handleSelector from '../handle-selector';
+import simulateEvent from '@/utils/simulateEvent';
+import simulateMouseEvent from '@/utils/simulateEvent/mouseEvent';
+import handleSelector from '../handleSelector';
 
 const modifiers = {
   altKey: 1,

src/content/blocks-handler/handler-upload-file.js → src/content/blocksHandler/handlerUploadFile.js

@@ -1,5 +1,5 @@
 import { sendMessage } from '@/utils/message';
-import handleSelector from '../handle-selector';
+import handleSelector from '../handleSelector';
 
 function injectFiles(element, files) {
   const notFileTypeAttr = element.getAttribute('type') !== 'file';

src/content/element-selector/App.vue → src/content/elementSelector/App.vue

@@ -150,12 +150,12 @@ import { reactive, ref, watch, inject, nextTick } from 'vue';
 import { getCssSelector } from 'css-selector-generator';
 import { debounce } from '@/utils/helper';
 import { finder } from '@medv/finder';
-import findElement from '@/utils/find-element';
+import findElement from '@/utils/FindElement';
 import AppBlocks from './AppBlocks.vue';
 import AppSelector from './AppSelector.vue';
 import AppElementList from './AppElementList.vue';
 import AppElementHighlighter from './AppElementHighlighter.vue';
-import findElementList from './list-selector';
+import findElementList from './listSelector';
 
 const selectedElement = {
   path: [],

src/content/element-selector/AppBlocks.vue → src/content/elementSelector/AppBlocks.vue

@@ -39,11 +39,11 @@ import { tasks } from '@/utils/shared';
 import EditForms from '@/components/newtab/workflow/edit/EditForms.vue';
 import EditTriggerEvent from '@/components/newtab/workflow/edit/EditTriggerEvent.vue';
 import EditScrollElement from '@/components/newtab/workflow/edit/EditScrollElement.vue';
-import handleForms from '../blocks-handler/handler-forms';
-import handleGetText from '../blocks-handler/handler-get-text';
-import handleEventClick from '../blocks-handler/handler-event-click';
-import handelTriggerEvent from '../blocks-handler/handler-trigger-event';
-import handleElementScroll from '../blocks-handler/handler-element-scroll';
+import handleForms from '../blocksHandler/handlerForms';
+import handleGetText from '../blocksHandler/handlerGetText';
+import handleEventClick from '../blocksHandler/handlerEventClick';
+import handelTriggerEvent from '../blocksHandler/handlerTriggerEvent';
+import handleElementScroll from '../blocksHandler/handlerElementScroll';
 
 const props = defineProps({
   selector: {

src/content/element-selector/main.js → src/content/elementSelector/main.js

@@ -1,9 +1,9 @@
 import { createApp } from 'vue';
 import vRemixicon from 'v-remixicon';
 import App from './App.vue';
-import compsUi from './comps-ui';
+import compsUi from './compsUi';
 import icons from './icons';
-import vueI18n from './vue-i18n';
+import vueI18n from './vueI18n';
 import '@/assets/css/tailwind.css';
 
 export default function (rootElement) {

src/content/handle-selector.js → src/content/handleSelector.js

@@ -1,4 +1,4 @@
-import FindElement from '@/utils/find-element';
+import FindElement from '@/utils/FindElement';
 import { scrollIfNeeded } from '@/utils/helper';
 
 /* eslint-disable consistent-return */

src/content/index.js

@@ -1,9 +1,9 @@
 import browser from 'webextension-polyfill';
 import { nanoid } from 'nanoid';
 import { toCamelCase } from '@/utils/helper';
-import FindElement from '@/utils/find-element';
-import executedBlock from './executed-block';
-import blocksHandler from './blocks-handler';
+import FindElement from '@/utils/FindElement';
+import executedBlock from './executedBlock';
+import blocksHandler from './blocksHandler';
 
 function handleConditionBuilder({ data, type }) {
   if (!type.startsWith('element')) return null;

src/models/workflow.js

@@ -1,9 +1,9 @@
 import { Model } from '@vuex-orm/core';
 import { nanoid } from 'nanoid';
 import browser from 'webextension-polyfill';
-import { cleanWorkflowTriggers } from '@/utils/workflow-trigger';
+import { cleanWorkflowTriggers } from '@/utils/workflowTrigger';
 import { fetchApi } from '@/utils/api';
-import decryptFlow, { getWorkflowPass } from '@/utils/decrypt-flow';
+import decryptFlow, { getWorkflowPass } from '@/utils/decryptFlow';
 import Log from './log';
 
 class Workflow extends Model {

src/newtab/App.vue

@@ -57,7 +57,7 @@ import { useI18n } from 'vue-i18n';
 import { compare } from 'compare-versions';
 import browser from 'webextension-polyfill';
 import { useTheme } from '@/composable/theme';
-import { loadLocaleMessages, setI18nLanguage } from '@/lib/vue-i18n';
+import { loadLocaleMessages, setI18nLanguage } from '@/lib/vueI18n';
 import { fetchApi, getSharedWorkflows, getUserWorkflows } from '@/utils/api';
 import dayjs from '@/lib/dayjs';
 import Log from '@/models/log';

src/newtab/index.js

@@ -2,9 +2,9 @@ import { createApp } from 'vue';
 import App from './App.vue';
 import router from './router';
 import store from '../store';
-import compsUi from '../lib/comps-ui';
-import vueI18n from '../lib/vue-i18n';
-import vRemixicon, { icons } from '../lib/v-remixicon';
+import compsUi from '../lib/compsUi';
+import vueI18n from '../lib/vueI18n';
+import vRemixicon, { icons } from '../lib/vRemixicon';
 import vueToastification from '../lib/vue-toastification';
 import '../assets/css/tailwind.css';
 import '../assets/css/fonts.css';

src/newtab/pages/Workflows.vue

@@ -316,11 +316,11 @@ import { useShortcut } from '@/composable/shortcut';
 import { useGroupTooltip } from '@/composable/groupTooltip';
 import { sendMessage } from '@/utils/message';
 import { fetchApi } from '@/utils/api';
-import { exportWorkflow, importWorkflow } from '@/utils/workflow-data';
+import { exportWorkflow, importWorkflow } from '@/utils/workflowData';
 import {
   registerWorkflowTrigger,
   cleanWorkflowTriggers,
-} from '@/utils/workflow-trigger';
+} from '@/utils/workflowTrigger';
 import { findTriggerBlock, isWhitespace } from '@/utils/helper';
 import SharedCard from '@/components/newtab/shared/SharedCard.vue';
 import Workflow from '@/models/workflow';

src/newtab/pages/settings/SettingsShortcuts.vue

@@ -56,7 +56,7 @@ import { ref, reactive, computed, onBeforeUnmount } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useToast } from 'vue-toastification';
 import { mapShortcuts, getReadableShortcut } from '@/composable/shortcut';
-import recordShortcut from '@/utils/record-shortcut';
+import recordShortcut from '@/utils/recordShortcut';
 
 const { t } = useI18n();
 const toast = useToast();