@clickview/online 0.65.0 → 0.65.1-dev.1

package/package.json

@@ -1,12 +1,16 @@
 {
   "name": "@clickview/online",
-  "version": "0.65.0",
+  "version": "0.65.1-dev.1",
   "description": "Online",
   "main": "dist/online-app.js",
   "types": "dist/index.d.ts",
+  "type": "module",
   "scripts": {
-    "start": "cross-env NODE_ENV=development webpack -w --config ./tooling/webpack.config.js",
-    "build": "cross-env NODE_ENV=production webpack --config ./tooling/webpack.config.js"
+    "start": "npm run build",
+    "type-check": "tsc --noEmit",
+    "build-app": "vite build --config vite.config.app.ts",
+    "build-styles": "vite build --config vite.config.styles.ts",
+    "build": "npm run type-check && npm run build-app && npm run build-styles"
   },
   "repository": {
     "type": "git",

package/typings/utils/imports.d.ts

@@ -6,7 +6,8 @@
 declare module '*.handlebars';
 declare module '*.hbs';
 declare module '*.scss';
-declare module '*.svg';
+
+declare module 'virtual:i18n-data';
 
 declare module '*.json' {
   export const value: any;

package/vite.config.app.ts

@@ -0,0 +1,68 @@
+import config from '../../libs/tooling/vite/vite.base.config';
+
+const externalGlobals = {
+  // Cropper
+  'cropperjs': 'Cropper',
+  'cropper': 'Cropper',
+
+  // Shared Dependencies
+  'react-bootstrap': 'ReactBootstrap',
+  'reactbootstrap': 'ReactBootstrap',
+  'react-transition-group': 'ReactTransitionGroup',
+  'reacttransitiongroup': 'ReactTransitionGroup',
+  'react-intersection-observer': 'ReactIntersectionObserver',
+  'reactintersectionobserver': 'ReactIntersectionObserver',
+  'react-autosuggest': 'Autosuggest',
+  'autosuggest': 'Autosuggest',
+  'backbone-validation': 'Backbone.Validation',
+  'backbone.validation': 'Backbone.Validation',
+  'bloodhound': 'Bloodhound',
+
+  // Common Dependencies
+  'react': 'React',
+  'react-dom': 'ReactDOM',
+  'ReactDOM': 'ReactDOM',
+  'underscore': '_',
+  '_': '_',
+  'backbone': 'Backbone',
+  'backbone.marionette': 'Marionette',
+  'marionette': 'Marionette',
+  'handlebars': 'Handlebars',
+  'bootstrap': 'bootstrap',
+  'backbone.radio': 'Backbone.Radio',
+  'signalr': 'signalR',
+  'redux': 'Redux',
+  'react-redux': 'ReactRedux',
+  'reactredux': 'ReactRedux',
+  'dompurify': 'DOMPurify',
+  'jquery': '$',
+  '$': '$',
+  'node-polyglot': 'Polyglot',
+  'polyglot': 'Polyglot',
+  'moment': 'moment',
+  'linkifyjs': 'linkify',
+  'linkify': 'linkify',
+  'gapi': 'gapi'
+};
+
+export default config({
+  root: __dirname,
+  // Use a function for externals to ensure proper matching
+  externals: id => Object.keys(externalGlobals).includes(id),
+  globals: externalGlobals,
+
+  lib: {
+    entry: './src/index.ts',
+    name: '@clickview/online',
+    formats: ['umd']
+  },
+
+  outDir: 'dist/online',
+  outputScriptName: 'online-app.js',
+  outputCssName: 'online-app.css',
+
+  define: {
+    'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV ?? 'development'),
+    'process.env': {}
+  }
+});

package/vite.config.styles.ts

@@ -0,0 +1,8 @@
+import config from '../../libs/tooling/vite/vite.base.config';
+
+export default config({
+  root: __dirname,
+  entry: './src/styles/core.ts',
+  outputCssName: 'styles-app.css',
+  outDir: 'dist/styles'
+});