@qualityunit/liveagent-components-editor 0.0.54 → 0.0.55

package/README.md

@@ -1,47 +1,50 @@
-# Svelte + TS + Vite
+# Editor component for LiveAgent
 
-This template should help get you started developing with Svelte and TypeScript in Vite.
+Basic usage example:
 
-## Recommended IDE Setup
+```html
 
-[VS Code](https://code.visualstudio.com/) + [Svelte](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode).
+<ckeditor5-classic placeHolder="Type text" lang="sk"/>
 
-## Need an official Svelte framework?
-
-Check out [SvelteKit](https://github.com/sveltejs/kit#readme), which is also powered by Vite. Deploy anywhere with its serverless-first approach and adapt to various platforms, with out of the box support for TypeScript, SCSS, and Less, and easily-added support for mdsvex, GraphQL, PostCSS, Tailwind CSS, and more.
-
-## Technical considerations
-
-**Why use this over SvelteKit?**
-
-- It brings its own routing solution which might not be preferable for some users.
-- It is first and foremost a framework that just happens to use Vite under the hood, not a Vite app.
-
-This template contains as little as possible to get started with Vite + TypeScript + Svelte, while taking into account the developer experience with regards to HMR and intellisense. It demonstrates capabilities on par with the other `create-vite` templates and is a good starting point for beginners dipping their toes into a Vite + Svelte project.
-
-Should you later need the extended capabilities and extensibility provided by SvelteKit, the template has been structured similarly to SvelteKit so that it is easy to migrate.
-
-**Why `global.d.ts` instead of `compilerOptions.types` inside `jsconfig.json` or `tsconfig.json`?**
-
-Setting `compilerOptions.types` shuts out all other types not explicitly listed in the configuration. Using triple-slash references keeps the default TypeScript setting of accepting type information from the entire workspace, while also adding `svelte` and `vite/client` type information.
+```
 
-**Why include `.vscode/extensions.json`?**
+or
 
-Other templates indirectly recommend extensions via the README, but this file allows VS Code to prompt the user to install the recommended extension upon opening the project.
+```ts
 
-**Why enable `allowJs` in the TS template?**
+const editor = document.createElement('ckeditor5-classic');
+editor.placeHolder = 'Type text';
+editor.lang = 'sk';
+document.body.appendChild(editor);
 
-While `allowJs: false` would indeed prevent the use of `.js` files in the project, it does not prevent the use of JavaScript syntax in `.svelte` files. In addition, it would force `checkJs: false`, bringing the worst of both worlds: not being able to guarantee the entire codebase is TypeScript, and also having worse typechecking for the existing JavaScript. In addition, there are valid use cases in which a mixed codebase may be relevant.
+```
 
-**Why is HMR not preserving my local component state?**
+Advanced usage example:
 
-HMR state preservation comes with a number of gotchas! It has been disabled by default in both `svelte-hmr` and `@sveltejs/vite-plugin-svelte` due to its often surprising behavior. You can read the details [here](https://github.com/rixo/svelte-hmr#svelte-hmr).
+```ts
 
-If you have state that's important to retain within a component, consider creating an external store which would not be replaced by HMR.
+const editor = document.createElement('ckeditor5-classic');
+// needed for "imageUpload" when this feature is enabled
+editor.insertImageServiceUrl = 'https://hosted.la.localhost/LiveAgent/server/agent/index.php?C=La_Agent_ImageUpload&M=upload&S=rghw2zc7hs9yfi0jh7qvoqxbl61t4nah&T=1720005193335e4&FormRequest=Y&FormResponse=Y';
+// needed for "imageUpload" when this feature is enabled
+editor.getImageServiceUrl = 'https://hosted.la.localhost/LiveAgent/server/scripts/file.php';
+editor.items = ['undo', 'redo', '|', 'heading', 'bold', 'italic', 'strikethrough', 'underline', 'fontColor', 'fontBackgroundColor', 'fontFamily', 'fontSize', '|', 'numberedList', 'bulletedList', '|', 'outdent', 'indent', 'blockQuote', '|', 'alignment', '|', 'link', 'imageUpload', 'mediaEmbed', 'horizontalLine', 'specialCharacters', 'code', 'codeBlock', 'insertTable', '|', 'style', '|', 'removeFormat', 'selectAll', '|', 'sourceEditing'];
+editor.allowHtmlSupport = false;
+editor.value = 'Your text';
+editor.placeHolder = 'Type text';
+editor.lang = 'sk';
+editor.valueChange = (evt, data) => {
+    console.log("Value change: " + editor.value, data);
+};
+editor.stateChange = (evt, data) => {
+    console.log("Status change: " + data);
+};
+editor.sourceEditingModeChange = (evt, data) => {
+    console.log("Source editing mode change: " + data);
+};
+editor.selectionRangeChange = (evt, data) => {
+    console.log("Selection range change: ", data);
+};
+document.body.appendChild(editor);
 
-```ts
-// store.ts
-// An extremely simple external store
-import { writable } from 'svelte/store'
-export default writable(0)
 ```

package/dist/ckeditor.js

@@ -1 +1 @@
-import "./ckeditor5-DdRcZxr8.js";
+import "./ckeditor5-CGOhm2Tg.js";

package/dist/{ckeditor5-DdRcZxr8.js → ckeditor5-CGOhm2Tg.js}

@@ -2296,7 +2296,7 @@ function y2(n, i) {
     e
   ];
 }
-const k2 = "42.0.0", C2 = new Date(2024, 5, 26);
+const k2 = "42.0.2", C2 = new Date(2024, 6, 25);
 /* istanbul ignore next -- @preserve */
 if (globalThis.CKEDITOR_VERSION)
   throw new w("ckeditor-duplicated-modules", null);

package/dist/editor-lib.js

@@ -1,4 +1,4 @@
-import { c as M, S as T, i as j, f as v, s as y, e as d, a as B, b as h, d as w, g as m, l as C, n as $, h as H, j as O, r as Q, k as R, t as U, m as V, o as W, p as z, q as K, u as F, v as G, w as k, x as X, y as E, z as I, A as J, B as Y, C as q, D as Z } from "./ckeditor5-DdRcZxr8.js";
+import { c as M, S as T, i as j, f as v, s as y, e as d, a as B, b as h, d as w, g as m, l as C, n as $, h as H, j as O, r as Q, k as R, t as U, m as V, o as W, p as z, q as K, u as F, v as G, w as k, x as X, y as E, z as I, A as J, B as Y, C as q, D as Z } from "./ckeditor5-CGOhm2Tg.js";
 function A(e) {
   return (e == null ? void 0 : e.length) !== void 0 ? e : Array.from(e);
 }

package/package.json

@@ -3,7 +3,7 @@
   "description": "Editor component for LiveAgent",
   "author": "QualityUnit",
   "private": false,
-  "version": "0.0.54",
+  "version": "0.0.55",
   "type": "module",
   "files": [
     "dist/*"
@@ -30,10 +30,10 @@
     "svelte": "^4.2.18",
     "svelte-check": "^3.8.4",
     "tslib": "^2.6.3",
-    "typescript": "^5.5.3",
-    "vite": "^5.3.2"
+    "typescript": "^5.5.4",
+    "vite": "^5.3.5"
   },
   "dependencies": {
-    "ckeditor5": "^42.0.0"
+    "ckeditor5": "^42.0.2"
   }
 }