Vendor Chatwoot Vue 3 frontend into frontend/

Copy the Chatwoot (v4.14.0) frontend runnable subset into frontend/ for customization: - app/javascript/ (Vue SPA: dashboard, widget, sdk, portal, superadmin) - app/views/ (ERB templates for vite-plugin-ruby entrypoint resolution) - app/helpers/, app/assets/ (Rails view helpers, static assets) - enterprise/ (Enterprise edition frontend overlay) - config/vite.json, vite.config.ts, bin/vite (Vite-Rails toolchain) - package.json, pnpm-lock.yaml, tailwind/postcss/eslint configs - Gemfile, Gemfile.lock (vite_rails gem for bin/vite binstub) Excluded Rails backend: controllers, models, services, jobs, mailers, policies, db, lib, spec, public, node_modules. Update references to the new frontend location: - .gitignore: exclude frontend build artifacts (node_modules, tmp, packs), keep frontend/bin/ and frontend/vendor/ via negation - backend/scripts/parity_frontend_smoke.sh: CHATWOOT_DIR default reference/chatwoot -> ../frontend - backend/scripts/parity_frontend_browser_smoke.mjs: same default update - AGENTS.md: add frontend section with Rails/Vite coupling notes - README: architecture tree includes frontend/
2026-07-07 14:56:01 +08:00
parent aeddedf2a3
commit 321c61aaae
5737 changed files with 945861 additions and 3 deletions
@@ -0,0 +1,106 @@
+import axios from 'axios';
+import { actions } from '../../labels';
+import * as types from '../../../mutation-types';
+import labelsList from './fixtures';
+
+const commit = vi.fn();
+global.axios = axios;
+vi.mock('axios');
+
+describe('#actions', () => {
+  describe('#get', () => {
+    it('sends correct actions if API is success', async () => {
+      const mockedGet = vi.fn(url => {
+        if (url === '/api/v1/labels') {
+          return Promise.resolve({ data: { payload: labelsList } });
+        }
+        if (url === '/api/v1/accounts//cache_keys') {
+          return Promise.resolve({ data: { cache_keys: { labels: 0 } } });
+        }
+        // Return default value or throw an error for unexpected requests
+        return Promise.reject(new Error('Unexpected request: ' + url));
+      });
+
+      axios.get = mockedGet;
+
+      await actions.get({ commit });
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_LABEL_UI_FLAG, { isFetching: true }],
+        [types.default.SET_LABELS, labelsList],
+        [types.default.SET_LABEL_UI_FLAG, { isFetching: false }],
+      ]);
+    });
+    it('sends correct actions if API is error', async () => {
+      axios.get.mockRejectedValue({ message: 'Incorrect header' });
+      await actions.get({ commit });
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_LABEL_UI_FLAG, { isFetching: true }],
+        [types.default.SET_LABEL_UI_FLAG, { isFetching: false }],
+      ]);
+    });
+  });
+
+  describe('#create', () => {
+    it('sends correct actions if API is success', async () => {
+      axios.post.mockResolvedValue({ data: labelsList[0] });
+      await actions.create({ commit }, labelsList[0]);
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_LABEL_UI_FLAG, { isCreating: true }],
+        [types.default.ADD_LABEL, labelsList[0]],
+        [types.default.SET_LABEL_UI_FLAG, { isCreating: false }],
+      ]);
+    });
+    it('sends correct actions if API is error', async () => {
+      axios.post.mockRejectedValue({ message: 'Incorrect header' });
+      await expect(actions.create({ commit })).rejects.toThrow(Error);
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_LABEL_UI_FLAG, { isCreating: true }],
+        [types.default.SET_LABEL_UI_FLAG, { isCreating: false }],
+      ]);
+    });
+  });
+
+  describe('#update', () => {
+    it('sends correct actions if API is success', async () => {
+      axios.patch.mockResolvedValue({ data: labelsList[0] });
+      await actions.update({ commit }, labelsList[0]);
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_LABEL_UI_FLAG, { isUpdating: true }],
+        [types.default.EDIT_LABEL, labelsList[0]],
+        [types.default.SET_LABEL_UI_FLAG, { isUpdating: false }],
+      ]);
+    });
+    it('sends correct actions if API is error', async () => {
+      axios.patch.mockRejectedValue({ message: 'Incorrect header' });
+      await expect(actions.update({ commit }, labelsList[0])).rejects.toThrow(
+        Error
+      );
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_LABEL_UI_FLAG, { isUpdating: true }],
+        [types.default.SET_LABEL_UI_FLAG, { isUpdating: false }],
+      ]);
+    });
+  });
+
+  describe('#delete', () => {
+    it('sends correct actions if API is success', async () => {
+      axios.delete.mockResolvedValue({ data: labelsList[0] });
+      await actions.delete({ commit }, labelsList[0].id);
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_LABEL_UI_FLAG, { isDeleting: true }],
+        [types.default.DELETE_LABEL, labelsList[0].id],
+        [types.default.SET_LABEL_UI_FLAG, { isDeleting: false }],
+      ]);
+    });
+    it('sends correct actions if API is error', async () => {
+      axios.delete.mockRejectedValue({ message: 'Incorrect header' });
+      await expect(
+        actions.delete({ commit }, labelsList[0].id)
+      ).rejects.toThrow(Error);
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_LABEL_UI_FLAG, { isDeleting: true }],
+        [types.default.SET_LABEL_UI_FLAG, { isDeleting: false }],
+      ]);
+    });
+  });
+});
@@ -0,0 +1,37 @@
+export default [
+  {
+    id: 1,
+    title: 'customer-support',
+    description: 'Customer support queries',
+    color: '#0076FF',
+    show_on_sidebar: true,
+  },
+  {
+    id: 4,
+    title: 'saas-customer',
+    description: 'Customers who have account on app.chatwoot.com',
+    color: '#A8DBCB',
+    show_on_sidebar: false,
+  },
+  {
+    id: 5,
+    title: 'hosted-customer',
+    description: 'Customers who have self-hosted instance',
+    color: '#F50471',
+    show_on_sidebar: false,
+  },
+  {
+    id: 6,
+    title: 'enterprise',
+    description: 'Customers who are using enterprise',
+    color: '#A90CFD',
+    show_on_sidebar: false,
+  },
+  {
+    id: 7,
+    title: 'billing-enquiry',
+    description: 'Queries on billing issues',
+    color: '#74B57A',
+    show_on_sidebar: false,
+  },
+];
@@ -0,0 +1,30 @@
+import { getters } from '../../labels';
+import labels from './fixtures';
+describe('#getters', () => {
+  it('getLabels', () => {
+    const state = { records: labels };
+    expect(getters.getLabels(state)).toEqual(labels);
+  });
+
+  it('getLabelsOnSidebar', () => {
+    const state = { records: labels };
+    expect(getters.getLabelsOnSidebar(state)).toEqual([labels[0]]);
+  });
+
+  it('getUIFlags', () => {
+    const state = {
+      uiFlags: {
+        isFetching: true,
+        isCreating: false,
+        isUpdating: false,
+        isDeleting: false,
+      },
+    };
+    expect(getters.getUIFlags(state)).toEqual({
+      isFetching: true,
+      isCreating: false,
+      isUpdating: false,
+      isDeleting: false,
+    });
+  });
+});
@@ -0,0 +1,39 @@
+import types from '../../../mutation-types';
+import { mutations } from '../../labels';
+import labels from './fixtures';
+describe('#mutations', () => {
+  describe('#SET_LABELS', () => {
+    it('set label records', () => {
+      const state = { records: [] };
+      mutations[types.SET_LABELS](state, labels);
+      expect(state.records).toEqual(labels);
+    });
+  });
+
+  describe('#ADD_LABEL', () => {
+    it('push newly created label to the store', () => {
+      const state = { records: [labels[0]] };
+      mutations[types.ADD_LABEL](state, labels[1]);
+      expect(state.records).toEqual([labels[0], labels[1]]);
+    });
+  });
+
+  describe('#EDIT_LABEL', () => {
+    it('update label record', () => {
+      const state = { records: [labels[0]] };
+      mutations[types.EDIT_LABEL](state, {
+        id: 1,
+        title: 'customer-support-queries',
+      });
+      expect(state.records[0].title).toEqual('customer-support-queries');
+    });
+  });
+
+  describe('#DELETE_LABEL', () => {
+    it('delete label record', () => {
+      const state = { records: [labels[0]] };
+      mutations[types.DELETE_LABEL](state, 1);
+      expect(state.records).toEqual([]);
+    });
+  });
+});