@tinymce/tinymce-svelte 2.0.2 → 3.0.0-feature.20240530235949626.shab9dfb24

package/CHANGELOG.md

@@ -7,6 +7,19 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+### Added
+
+- Update README.md to contain license key info.
+- Added storybook dependence's for various `storybook/...` packages.
+- Added `react` and `react-dom` to dev-dependencies due to certain packages required it.
+- Added events `Input`, `CompositionEnd`, `CompositionStart` & `CompositionUpdate`.
+- Added `licenseKey` to config option.
+
+### Changed
+
+- Bumped package version to `3.0.0-rc` from `2.0.3-rc`.
+- Bumped `tinymce` version to `7.1.1` latest.
+
 ## 2.0.0 - 2023-12-04
 
 ### Changed

package/README.md

@@ -70,6 +70,20 @@ Type: string
 <Editor
   apiKey="your-api-key"
 />
+
+```
+#### License Key
+
+Tiny Cloud license key. Required for deployments using the Tiny Cloud to provide the TinyMCE editor.
+
+Default value: licenseKey
+Type: string
+
+##### Example using licenseKey
+```
+<Editor
+  licenseKey="your-license-key"
+/>
 ```
 
 #### Channel

package/dist/component/Editor.svelte

@@ -1,3 +1,9 @@
+<!--
+  @component
+
+  @see {@link https://www.tiny.cloud/docs/tinymce/7/svelte-ref/} for the TinyMCE Svelte Technical Reference.
+-->
+
 <script context="module">var _a;
 const uuid = (prefix) => {
     return prefix + '_' + Math.floor(Math.random() * 1000000000) + String(Date.now());
@@ -48,7 +54,8 @@ export let id = uuid('tinymce-svelte'); // default values
 export let inline = undefined;
 export let disabled = false;
 export let apiKey = 'no-api-key';
-export let channel = '6';
+export let licenseKey = '';
+export let channel = '7';
 export let scriptSrc = undefined;
 export let conf = {};
 export let modelEvents = 'change input undo redo';
@@ -85,7 +92,7 @@ const getTinymce = () => {
 };
 const init = () => {
     //
-    const finalInit = Object.assign(Object.assign({}, conf), { target: element, inline: inline !== undefined ? inline : conf.inline !== undefined ? conf.inline : false, readonly: disabled, setup: (editor) => {
+    const finalInit = Object.assign(Object.assign({}, conf), { target: element, inline: inline !== undefined ? inline : conf.inline !== undefined ? conf.inline : false, readonly: disabled, license_key: licenseKey, setup: (editor) => {
             editorRef = editor;
             editor.on('init', () => {
                 editor.setContent(value);

package/dist/component/Utils.js

@@ -11,6 +11,10 @@ const validEvents = [
     'Change',
     'ClearUndos',
     'Click',
+    'CommentChange',
+    'CompositionEnd',
+    'CompositionStart',
+    'CompositionUpdate',
     'ContextMenu',
     'Copy',
     'Cut',
@@ -30,6 +34,7 @@ const validEvents = [
     'GetContent',
     'Hide',
     'Init',
+    'Input',
     'KeyDown',
     'KeyPress',
     'KeyUp',

package/dist/component/Utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Utils.js","sourceRoot":"","sources":["../../src/main/component/Utils.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,GAAG;IAClB,UAAU;IACV,SAAS;IACT,eAAe;IACf,mBAAmB;IACnB,kBAAkB;IAClB,gBAAgB;IAChB,kBAAkB;IAClB,aAAa;IACb,MAAM;IACN,QAAQ;IACR,YAAY;IACZ,OAAO;IACP,aAAa;IACb,MAAM;IACN,KAAK;IACL,UAAU;IACV,YAAY;IACZ,OAAO;IACP,MAAM;IACN,UAAU;IACV,SAAS;IACT,aAAa;IACb,UAAU;IACV,MAAM;IACN,aAAa;IACb,OAAO;IACP,SAAS;IACT,UAAU;IACV,YAAY;IACZ,MAAM;IACN,MAAM;IACN,SAAS;IACT,UAAU;IACV,OAAO;IACP,aAAa;IACb,WAAW;IACX,YAAY;IACZ,YAAY;IACZ,WAAW;IACX,UAAU;IACV,WAAW;IACX,SAAS;IACT,YAAY;IACZ,mBAAmB;IACnB,eAAe;IACf,gBAAgB;IAChB,OAAO;IACP,aAAa;IACb,YAAY;IACZ,YAAY;IACZ,eAAe;IACf,MAAM;IACN,QAAQ;IACR,OAAO;IACP,cAAc;IACd,aAAa;IACb,iBAAiB;IACjB,WAAW;IACX,YAAY;IACZ,MAAM;IACN,QAAQ;IACR,MAAM;IACN,WAAW;CAAE,CAAC;AAEhB,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE;IACxC,WAAW,CAAC,OAAO,CAAE,CAAC,SAAS,EAAE,EAAE;QACjC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACzB,QAAQ,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE;gBAChC,SAAS;gBACT,KAAK,EAAE,CAAC;gBACR,MAAM;aACP,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE;IAClC,MAAM,MAAM,GAAG,GAAG,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC3C,MAAM,CAAC,cAAc,GAAG,QAAQ,CAAC;IACjC,MAAM,CAAC,IAAI,GAAG,wBAAwB,CAAC;IACvC,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC;IACjB,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC;IACnB,IAAI,GAAG,CAAC,IAAI,EAAE;QACZ,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;KAC9B;AACH,CAAC,CAAC;AAEF,OAAO,EACL,YAAY,EACZ,UAAU,EACX,CAAC"}
+{"version":3,"file":"Utils.js","sourceRoot":"","sources":["../../src/main/component/Utils.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,GAAG;IAClB,UAAU;IACV,SAAS;IACT,eAAe;IACf,mBAAmB;IACnB,kBAAkB;IAClB,gBAAgB;IAChB,kBAAkB;IAClB,aAAa;IACb,MAAM;IACN,QAAQ;IACR,YAAY;IACZ,OAAO;IACP,eAAe;IACf,gBAAgB;IAChB,kBAAkB;IAClB,mBAAmB;IACnB,aAAa;IACb,MAAM;IACN,KAAK;IACL,UAAU;IACV,YAAY;IACZ,OAAO;IACP,MAAM;IACN,UAAU;IACV,SAAS;IACT,aAAa;IACb,UAAU;IACV,MAAM;IACN,aAAa;IACb,OAAO;IACP,SAAS;IACT,UAAU;IACV,YAAY;IACZ,MAAM;IACN,MAAM;IACN,OAAO;IACP,SAAS;IACT,UAAU;IACV,OAAO;IACP,aAAa;IACb,WAAW;IACX,YAAY;IACZ,YAAY;IACZ,WAAW;IACX,UAAU;IACV,WAAW;IACX,SAAS;IACT,YAAY;IACZ,mBAAmB;IACnB,eAAe;IACf,gBAAgB;IAChB,OAAO;IACP,aAAa;IACb,YAAY;IACZ,YAAY;IACZ,eAAe;IACf,MAAM;IACN,QAAQ;IACR,OAAO;IACP,cAAc;IACd,aAAa;IACb,iBAAiB;IACjB,WAAW;IACX,YAAY;IACZ,MAAM;IACN,QAAQ;IACR,MAAM;IACN,WAAW;CAAE,CAAC;AAEhB,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE;IACxC,WAAW,CAAC,OAAO,CAAE,CAAC,SAAS,EAAE,EAAE;QACjC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACzB,QAAQ,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE;gBAChC,SAAS;gBACT,KAAK,EAAE,CAAC;gBACR,MAAM;aACP,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE;IAClC,MAAM,MAAM,GAAG,GAAG,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC3C,MAAM,CAAC,cAAc,GAAG,QAAQ,CAAC;IACjC,MAAM,CAAC,IAAI,GAAG,wBAAwB,CAAC;IACvC,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC;IACjB,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC;IACnB,IAAI,GAAG,CAAC,IAAI,EAAE;QACZ,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;KAC9B;AACH,CAAC,CAAC;AAEF,OAAO,EACL,YAAY,EACZ,UAAU,EACX,CAAC"}

package/dist/index.mjs

@@ -571,7 +571,7 @@ function create_else_block(ctx) {
 		},
 		m(target, anchor) {
 			insert(target, textarea, anchor);
-			/*textarea_binding*/ ctx[18](textarea);
+			/*textarea_binding*/ ctx[19](textarea);
 		},
 		p(ctx, dirty) {
 			if (dirty & /*id*/ 1) {
@@ -583,12 +583,12 @@ function create_else_block(ctx) {
 				detach(textarea);
 			}
 
-			/*textarea_binding*/ ctx[18](null);
+			/*textarea_binding*/ ctx[19](null);
 		}
 	};
 }
 
-// (128:0) {#if inline}
+// (135:0) {#if inline}
 function create_if_block(ctx) {
 	let div;
 
@@ -599,7 +599,7 @@ function create_if_block(ctx) {
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
-			/*div_binding*/ ctx[17](div);
+			/*div_binding*/ ctx[18](div);
 		},
 		p(ctx, dirty) {
 			if (dirty & /*id*/ 1) {
@@ -611,7 +611,7 @@ function create_if_block(ctx) {
 				detach(div);
 			}
 
-			/*div_binding*/ ctx[17](null);
+			/*div_binding*/ ctx[18](null);
 		}
 	};
 }
@@ -636,7 +636,7 @@ function create_fragment(ctx) {
 		m(target, anchor) {
 			insert(target, div, anchor);
 			if_block.m(div, null);
-			/*div_binding_1*/ ctx[19](div);
+			/*div_binding_1*/ ctx[20](div);
 		},
 		p(ctx, [dirty]) {
 			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
@@ -663,7 +663,7 @@ function create_fragment(ctx) {
 			}
 
 			if_block.d();
-			/*div_binding_1*/ ctx[19](null);
+			/*div_binding_1*/ ctx[20](null);
 		}
 	};
 }
@@ -678,7 +678,8 @@ function instance($$self, $$props, $$invalidate) {
 	let { inline = undefined } = $$props;
 	let { disabled = false } = $$props;
 	let { apiKey = 'no-api-key' } = $$props;
-	let { channel = '6' } = $$props;
+	let { licenseKey = '' } = $$props;
+	let { channel = '7' } = $$props;
 	let { scriptSrc = undefined } = $$props;
 	let { conf = {} } = $$props;
 	let { modelEvents = 'change input undo redo' } = $$props;
@@ -721,17 +722,18 @@ function instance($$self, $$props, $$invalidate) {
 		if ('inline' in $$props) $$invalidate(1, inline = $$props.inline);
 		if ('disabled' in $$props) $$invalidate(7, disabled = $$props.disabled);
 		if ('apiKey' in $$props) $$invalidate(8, apiKey = $$props.apiKey);
-		if ('channel' in $$props) $$invalidate(9, channel = $$props.channel);
-		if ('scriptSrc' in $$props) $$invalidate(10, scriptSrc = $$props.scriptSrc);
-		if ('conf' in $$props) $$invalidate(11, conf = $$props.conf);
-		if ('modelEvents' in $$props) $$invalidate(12, modelEvents = $$props.modelEvents);
+		if ('licenseKey' in $$props) $$invalidate(9, licenseKey = $$props.licenseKey);
+		if ('channel' in $$props) $$invalidate(10, channel = $$props.channel);
+		if ('scriptSrc' in $$props) $$invalidate(11, scriptSrc = $$props.scriptSrc);
+		if ('conf' in $$props) $$invalidate(12, conf = $$props.conf);
+		if ('modelEvents' in $$props) $$invalidate(13, modelEvents = $$props.modelEvents);
 		if ('value' in $$props) $$invalidate(5, value = $$props.value);
 		if ('text' in $$props) $$invalidate(6, text = $$props.text);
 		if ('cssClass' in $$props) $$invalidate(2, cssClass = $$props.cssClass);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*editorRef, lastVal, value, disabled, disablindCache, _a*/ 123040) ;
+		if ($$self.$$.dirty & /*editorRef, lastVal, value, disabled, disablindCache, _a*/ 245920) ;
 	};
 
 	return [
@@ -744,6 +746,7 @@ function instance($$self, $$props, $$invalidate) {
 		text,
 		disabled,
 		apiKey,
+		licenseKey,
 		channel,
 		scriptSrc,
 		conf,
@@ -767,10 +770,11 @@ class Editor extends SvelteComponent {
 			inline: 1,
 			disabled: 7,
 			apiKey: 8,
-			channel: 9,
-			scriptSrc: 10,
-			conf: 11,
-			modelEvents: 12,
+			licenseKey: 9,
+			channel: 10,
+			scriptSrc: 11,
+			conf: 12,
+			modelEvents: 13,
 			value: 5,
 			text: 6,
 			cssClass: 2