fix: i18m, demo assets, control dependencies

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"
@@ -88,12 +97,13 @@
     "vite": "^5.4.8",
     "vite-plugin-banner": "^0.8.0",
     "vite-plugin-compression": "^0.5.1",
-    "vite-plugin-html": "^3.2.2"
+    "vite-plugin-html": "^3.2.2",
+    "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/demo/js/events.js

@@ -8,11 +8,7 @@ export const editorEvents = editor => {
     editor.i18n.setLang(value)
   }
   controlFilter.addEventListener('input', onChangeFilterInput)
-  if (formeoLocale) {
-    localeSelect.value = JSON.parse(formeoLocale)
-  } else {
-    localeSelect.value = 'en-US'
-  }
+  localeSelect.value = formeoLocale || 'en-US'
 
   localeSelect.addEventListener('change', onChangeLocale, false)
 }

src/demo/js/options/index.js

@@ -8,7 +8,7 @@ const renderContainer = '.render-form'
 export const editorOptions = {
   editorContainer,
   i18n: {
-    location: `./assets/lang`,
+    location: './assets/lang',
   },
   actions: {
     // save: formData => null, // do something on save action
@@ -32,4 +32,20 @@ export const editorOptions = {
 export const renderOptions = {
   renderContainer,
   external,
+  elements: {
+    tinymce: {
+      dependencies: { js: 'cdnjs.cloudflare.com/ajax/libs/tinymce/4.9.11/tinymce.min.js' },
+      action: {
+        onRender: elem => {
+          if (elem.id) {
+            const selector = `#${elem.id}`
+            window.tinymce.remove(selector)
+            window.tinymce.init({
+              selector: selector,
+            })
+          }
+        },
+      },
+    },
+  },
 }

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'