fix: i18n, build and demo assets

package.json

@@ -2,7 +2,16 @@
   "name": "formeo",
   "version": "2.1.4",
   "type": "module",
-  "main": "dist/formeo.min.js",
+  "main": "dist/formeo.cjs.js",
+  "module": "dist/formeo.es.js",
+  "unpkg": "dist/formeo.umd.js",
+  "exports": {
+    ".": {
+      "import": "./dist/formeo.es.js",
+      "require": "./dist/formeo.cjs.js",
+      "default": "./dist/formeo.umd.js"
+    }
+  },
   "files": [
     "dist/*",
     "demo/**/*"
@@ -55,10 +64,9 @@
   "scripts": {
     "dev": "vite",
     "preview": "vite preview",
-    "analyze": "webpack --mode production -p --progress --config tools/webpack.config --analyze",
-    "build": "npm-run-all -p build:icons build:formeo build:demo",
-    "build:formeo": "vite build --mode lib",
-    "build:formeo:watch": "npm run build:formeo -- --watch",
+    "build:lib": "vite build --config vite.config.lib.mjs",
+    "build": "npm-run-all -p build:icons build:demo",
+    "prebuild": "npm run build:lib",
     "build:demo": "vite build --mode demo",
     "build:demo:watch": "vite build --mode demo --watch",
     "build:icons": "node ./tools/generate-sprite",
@@ -68,6 +76,7 @@
     "test:ci": "yarn test --coverage",
     "start": "npm-run-all build:icons dev",
     "semantic-release": "semantic-release --ci --debug",
+    "copy:lang": "node ./tools/copy-directory.mjs ./node_modules/formeo-i18n/dist/lang ./src/demo/assets/lang",
     "travis-deploy-once": "travis-deploy-once --pro",
     "prepush": "yarn test",
     "defaults": "webpack-defaults"
@@ -92,9 +101,9 @@
     "vite-plugin-static-copy": "^2.0.0"
   },
   "dependencies": {
-    "formeo-i18n": "^2.1.3",
+    "@draggable/formeo-languages": "^3.1.3",
+    "@draggable/i18n": "^1.0.7",
     "lodash": "^4.17.21",
-    "mi18n": "^1.0.2",
     "sortablejs": "^1.15.3"
   },
   "release": {

src/lib/js/common/actions.js

@@ -1,4 +1,4 @@
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import { SESSION_FORMDATA_KEY, CONDITION_TEMPLATE } from '../constants.js'
 import { identity, sessionStorage } from './utils/index.mjs'
 import events from './events.js'

src/lib/js/common/dom.js

@@ -1,5 +1,5 @@
 import h, { forEach } from './helpers.mjs'
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import animate from './animation.js'
 import Components from '../components/index.js'
 import { uuid, componentType, merge } from './utils/index.mjs'
@@ -735,7 +735,11 @@ class DOM {
   removeClasses(nodeList, className) {
     const removeClass = {
       string: elem => elem.classList.remove(className),
-      array: elem => className.forEach(name => elem.classList.remove(name)),
+      array: elem => {
+        for (const name of className) {
+          elem.classList.remove(name)
+        }
+      },
     }
     removeClass.object = removeClass.string // handles regex map
     h.forEach(nodeList, removeClass[this.childType(className)])
@@ -750,7 +754,11 @@ class DOM {
   addClasses(nodeList, className) {
     const addClass = {
       string: elem => elem.classList.add(className),
-      array: elem => className.forEach(name => elem.classList.add(name)),
+      array: elem => {
+        for (const name of className) {
+          elem.classList.add(name)
+        }
+      },
     }
     h.forEach(nodeList, addClass[this.childType(className)])
   }

src/lib/js/components/autocomplete.js

@@ -1,4 +1,4 @@
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import animate from '../common/animation.js'
 import dom from '../common/dom.js'
 import Components from './index.js'

src/lib/js/components/columns/column.js

@@ -1,4 +1,4 @@
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import Sortable from 'sortablejs'
 import Component from '../component.js'
 import h from '../../common/helpers.mjs'

src/lib/js/components/controls/control.js

@@ -1,4 +1,4 @@
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import dom from '../../common/dom.js'
 import { fetchDependencies } from '../../common/loaders.js'
 import { uuid } from '../../common/utils/index.mjs'

src/lib/js/components/controls/form/button.js

@@ -1,4 +1,4 @@
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import Control from '../control.js'
 
 class ButtonControl extends Control {

src/lib/js/components/controls/form/checkbox-group.js

@@ -1,5 +1,5 @@
 import { generateOptionConfig } from './shared.js'
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import Control from '../control.js'
 
 class CheckboxGroupControl extends Control {

src/lib/js/components/controls/form/input.date.js

@@ -1,4 +1,4 @@
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import Control from '../control.js'
 
 class DateControl extends Control {

src/lib/js/components/controls/form/input.file.js

@@ -1,4 +1,4 @@
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import Control from '../control.js'
 
 class FileControl extends Control {

src/lib/js/components/controls/form/input.hidden.js

@@ -1,4 +1,4 @@
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import Control from '../control.js'
 
 class HiddenControl extends Control {

src/lib/js/components/controls/form/input.number.js

@@ -1,4 +1,4 @@
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import Control from '../control.js'
 
 class NumberControl extends Control {

src/lib/js/components/controls/form/input.text.js

@@ -1,4 +1,4 @@
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import Control from '../control.js'
 // import Components from '../..'
 

src/lib/js/components/controls/form/radio-group.js

@@ -1,5 +1,5 @@
 import { generateOptionConfig } from './shared.js'
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import Control from '../control.js'
 
 class RadioGroupControl extends Control {

src/lib/js/components/controls/form/select.js

@@ -1,4 +1,4 @@
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import { generateOptionConfig } from './shared.js'
 import Control from '../control.js'
 

src/lib/js/components/controls/form/shared.js

@@ -1,4 +1,4 @@
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import { toTitleCase } from '../../../common/utils/string.mjs'
 
 export const generateOptionConfig = (type, count = 3) =>

src/lib/js/components/controls/form/textarea.js

@@ -1,4 +1,4 @@
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import Control from '../control.js'
 
 class TextAreaControl extends Control {

src/lib/js/components/controls/html/header.js

@@ -1,4 +1,4 @@
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import Control from '../control.js'
 
 const headerTags = Array.from(Array(5).keys())

src/lib/js/components/controls/html/hr.js

@@ -1,4 +1,4 @@
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import Control from '../control.js'
 
 class HRControl extends Control {

src/lib/js/components/controls/html/paragraph.js

@@ -1,4 +1,4 @@
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import Control from '../control.js'
 
 class ParagraphControl extends Control {

src/lib/js/components/controls/index.js

@@ -1,5 +1,5 @@
 import Sortable from 'sortablejs'
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import actions from '../../common/actions.js'
 import { indexOfNode, orderObjectsBy } from '../../common/helpers.mjs'
 import events from '../../common/events.js'

src/lib/js/components/fields/edit-panel-item.mjs

@@ -1,4 +1,4 @@
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import { orderObjectsBy, indexOfNode } from '../../common/helpers.mjs'
 import dom from '../../common/dom.js'
 import animate from '../../common/animation.js'

src/lib/js/components/fields/edit-panel.js

@@ -1,4 +1,4 @@
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import dom from '../../common/dom.js'
 import actions from '../../common/actions.js'
 import EditPanelItem from './edit-panel-item.mjs'

src/lib/js/components/fields/field.js

@@ -1,4 +1,4 @@
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import dom from '../../common/dom.js'
 import Panels from '../panels.js'
 import { clone, throttle, unique } from '../../common/utils/index.mjs'

src/lib/js/components/panels.js

@@ -1,4 +1,4 @@
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import Sortable from 'sortablejs'
 import h, { indexOfNode } from '../common/helpers.mjs'
 import dom from '../common/dom.js'

src/lib/js/components/rows/row.js

@@ -1,4 +1,4 @@
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import Sortable from 'sortablejs'
 import Component from '../component.js'
 import dom from '../../common/dom.js'

src/lib/js/config.js

@@ -1,4 +1,4 @@
-import mi18n from 'mi18n'
+import mi18n from '@draggable/i18n'
 import { isIE } from './common/helpers'
 const EN_US = import.meta.env.EN_US
 

src/lib/js/editor.js

@@ -1,13 +1,13 @@
 import '../sass/formeo.scss'
-import i18n from 'mi18n'
+import i18n from '@draggable/i18n'
 import dom from './common/dom.js'
 import Events from './common/events.js'
 import Actions from './common/actions.js'
 import Controls from './components/controls/index.js'
 import Components from './components/index.js'
 import { loadPolyfills, insertStyle, insertIcons, ajax } from './common/loaders.js'
 import { SESSION_LOCALE_KEY, FALLBACK_SVG_SPRITE } from './constants.js'
-import { sessionStorage, merge } from './common/utils/index.mjs'
+import { merge } from './common/utils/index.mjs'
 import { defaults } from './config.js'
 import sprite from '../icons/formeo-sprite.svg?raw'