rogee
321c61aaae
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/
114 lines
2.9 KiB
JavaScript
114 lines
2.9 KiB
JavaScript
import { createApp } from 'vue';
|
|
import { createI18n } from 'vue-i18n';
|
|
|
|
import axios from 'axios';
|
|
// Global Components
|
|
import hljsVuePlugin from '@highlightjs/vue-plugin';
|
|
|
|
import { plugin, defaultConfig } from '@formkit/vue';
|
|
import WootWizard from 'components/ui/Wizard.vue';
|
|
import FloatingVue from 'floating-vue';
|
|
import WootUiKit from 'dashboard/components';
|
|
import App from 'dashboard/App.vue';
|
|
import i18nMessages from 'dashboard/i18n';
|
|
import createAxios from 'dashboard/helper/APIHelper';
|
|
|
|
import commonHelpers, { isJSONValid } from 'dashboard/helper/commons';
|
|
import { sync } from 'vuex-router-sync';
|
|
import { createPinia } from 'pinia';
|
|
import router, { initalizeRouter } from 'dashboard/routes';
|
|
import store from 'dashboard/store';
|
|
import constants from 'dashboard/constants/globals';
|
|
import * as Sentry from '@sentry/vue';
|
|
import {
|
|
initializeAnalyticsEvents,
|
|
initializeChatwootEvents,
|
|
} from 'dashboard/helper/scriptHelpers.js';
|
|
import FluentIcon from 'shared/components/FluentIcon/DashboardIcon.vue';
|
|
import VueDOMPurifyHTML from 'vue-dompurify-html';
|
|
import { domPurifyConfig } from 'shared/helpers/HTMLSanitizer.js';
|
|
|
|
import { vResizeObserver } from '@vueuse/components';
|
|
import { directive as onClickaway } from 'vue3-click-away';
|
|
|
|
import 'floating-vue/dist/style.css';
|
|
|
|
const i18n = createI18n({
|
|
legacy: false, // https://github.com/intlify/vue-i18n/issues/1902
|
|
locale: 'en',
|
|
messages: i18nMessages,
|
|
});
|
|
|
|
sync(store, router);
|
|
|
|
const pinia = createPinia();
|
|
|
|
const app = createApp(App);
|
|
app.use(i18n);
|
|
app.use(store);
|
|
app.use(pinia);
|
|
app.use(router);
|
|
|
|
// [VITE] Disabled this, need to renable later
|
|
if (window.errorLoggingConfig) {
|
|
Sentry.init({
|
|
app,
|
|
dsn: window.errorLoggingConfig,
|
|
denyUrls: [
|
|
// Chrome extensions
|
|
/^chrome:\/\//i,
|
|
/chrome-extension:/i,
|
|
/extensions\//i,
|
|
|
|
// Locally saved copies
|
|
/file:\/\//i,
|
|
|
|
// Safari extensions.
|
|
/safari-web-extension:/i,
|
|
/safari-extension:/i,
|
|
],
|
|
integrations: [Sentry.browserTracingIntegration({ router })],
|
|
ignoreErrors: [
|
|
'ResizeObserver loop completed with undelivered notifications',
|
|
],
|
|
});
|
|
}
|
|
|
|
app.use(VueDOMPurifyHTML, domPurifyConfig);
|
|
app.use(WootUiKit);
|
|
app.use(
|
|
plugin,
|
|
defaultConfig({
|
|
rules: {
|
|
JSON: ({ value }) => isJSONValid(value),
|
|
},
|
|
})
|
|
);
|
|
app.use(FloatingVue, {
|
|
instantMove: true,
|
|
arrowOverflow: false,
|
|
disposeTimeout: 5000000,
|
|
});
|
|
app.use(hljsVuePlugin);
|
|
|
|
app.component('woot-wizard', WootWizard);
|
|
app.component('fluent-icon', FluentIcon);
|
|
|
|
app.directive('resize', vResizeObserver);
|
|
app.directive('on-clickaway', onClickaway);
|
|
|
|
// load common helpers into js
|
|
commonHelpers();
|
|
window.WootConstants = constants;
|
|
window.axios = createAxios(axios);
|
|
// [VITE] Disabled this we don't need it, we can use `useEmitter` directly
|
|
// app.prototype.$emitter = emitter;
|
|
|
|
initializeChatwootEvents();
|
|
initializeAnalyticsEvents();
|
|
initalizeRouter();
|
|
|
|
window.onload = () => {
|
|
app.mount('#app');
|
|
};
|