INT-3353: Update to use TinyMCE 8 by default

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+### Changed
+- Set the default `channel` to `8`. #INT-3353
+- Moved `rollup-plugin-execute` to devDependency. #INT-3353
+
 ## 3.1.0 - 2025-05-29
 
 ### Fixed

README.md

@@ -4,10 +4,10 @@
 
 This package is a thin wrapper around [TinyMCE](https://github.com/tinymce/tinymce) to make it easier to use in a Svelte application.
 
-* For the TinyMCE Svelte Quick Start, see: [TinyMCE Documentation - Svelte Integration](https://www.tiny.cloud/docs/tinymce/7/svelte-cloud/).
-* For a self-hosted setup using TinyMCE package with TinyMCE Svelte, see: [TinyMCE Documentation - TinyMCE package with Svelte](https://www.tiny.cloud/docs/tinymce/7/svelte-pm/).
-* For a self-hosted setup using TinyMCE .zip package with TinyMCE Svelte, see: [TinyMCE Documentation - TinyMCE .zip package with Svelte](https://www.tiny.cloud/docs/tinymce/7/svelte-zip/).
-* For the TinyMCE Svelte Technical Reference, see: [TinyMCE Documentation - TinyMCE Svelte Technical Reference](https://www.tiny.cloud/docs/tinymce/7/svelte-ref/).
+* For the TinyMCE Svelte Quick Start, see: [TinyMCE Documentation - Svelte Integration](https://www.tiny.cloud/docs/tinymce/latest/svelte-cloud/).
+* For a self-hosted setup using TinyMCE package with TinyMCE Svelte, see: [TinyMCE Documentation - TinyMCE package with Svelte](https://www.tiny.cloud/docs/tinymce/latest/svelte-pm/).
+* For a self-hosted setup using TinyMCE .zip package with TinyMCE Svelte, see: [TinyMCE Documentation - TinyMCE .zip package with Svelte](https://www.tiny.cloud/docs/tinymce/latest/svelte-zip/).
+* For the TinyMCE Svelte Technical Reference, see: [TinyMCE Documentation - TinyMCE Svelte Technical Reference](https://www.tiny.cloud/docs/tinymce/latest/svelte-ref/).
 * For our quick demos, check out the TinyMCE Svelte [Storybook](https://tinymce.github.io/tinymce-svelte/).
 
 

package.json

@@ -46,7 +46,7 @@
     "LICENSE.txt"
   ],
   "peerDependencies": {
-    "tinymce": "^7.0.0 || ^6.0.0 || ^5.0.0"
+    "tinymce": "^8.0.0 || ^7.0.0 || ^6.0.0 || ^5.0.0"
   },
   "peerDependenciesMeta": {
     "tinymce": {
@@ -76,6 +76,7 @@
     "react-dom": "^18",
     "rollup": "^2.56.2",
     "rollup-plugin-css-only": "^3.1.0",
+    "rollup-plugin-execute": "^1.1.1",
     "rollup-plugin-livereload": "^2.0.0",
     "rollup-plugin-svelte": "^7.1.5",
     "rollup-plugin-terser": "^7.0.0",
@@ -84,7 +85,7 @@
     "svelte-check": "^3.8.0",
     "svelte-loader": "^3.2.0",
     "svelte-preprocess": "^5.1.4",
-    "tinymce": "^7.2.1",
+    "tinymce": "^8.0.0",
     "tslib": "^2.6.2",
     "typescript": "^5.4.5",
     "vite": "^5.2.13",
@@ -95,7 +96,5 @@
     "glob-parent": "^5.1.2",
     "trim": "^0.0.3"
   },
-  "dependencies": {
-    "rollup-plugin-execute": "^1.1.1"
-  }
+  "dependencies": {}
 }

src/main/component/Editor.svelte

@@ -65,7 +65,7 @@
   import { createEventDispatcher, onDestroy, onMount } from 'svelte';
   import type { TinyMCE, Editor as TinyMCEEditor } from 'tinymce';
   type EditorOptions = Parameters<TinyMCE['init']>[0];
-  type Channel = `${'4' | '5' | '6' | '7'}${'' | '-dev' | '-testing' | `.${number}` | `.${number}.${number}`}`;
+  type Channel = `${'4' | '5' | '6' | '7' | '8'}${'' | '-dev' | '-testing' | `.${number}` | `.${number}.${number}`}`;
 
   import { bindHandlers } from './Utils';
   export let id: string = uuid('tinymce-svelte'); // default values
@@ -74,7 +74,7 @@
   export let readonly: boolean = false;
   export let apiKey: string = 'no-api-key';
   export let licenseKey: string | undefined = undefined;
-  export let channel: Channel = '7';
+  export let channel: Channel = '8';
   export let scriptSrc: string | undefined = undefined;
   export let conf: EditorOptions = {};
   export let modelEvents: string = 'change input undo redo';

src/stories/Editor.stories.svelte

@@ -29,7 +29,7 @@ TinyMCE provides a <span style="text-decoration: underline;">full-featured</span
   const toggleReadonly = () => {
     readonly = !readonly;
   }
-  const controls = { channel: '7', conf: { plugins: 'help' } }
+  const controls = { channel: '8' }
 </script>
 
 <Story name="Iframe" args={{ ...controls, inline: false }} let:args>

yarn.lock

@@ -7487,10 +7487,10 @@ tiny-invariant@^1.3.1, tiny-invariant@^1.3.3:
   resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.3.3.tgz#46680b7a873a0d5d10005995eb90a70d74d60127"
   integrity sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==
 
-tinymce@^7.2.1:
-  version "7.2.1"
-  resolved "https://registry.yarnpkg.com/tinymce/-/tinymce-7.2.1.tgz#9b4f6b5a0fa647e2953c174ac69aa47483683332"
-  integrity sha512-ADd1cvdIuq6NWyii0ZOZRuu+9sHIdQfcRNWBcBps2K8vy7OjlRkX6iw7zz1WlL9kY4z4L1DvIP+xOrVX/46aHA==
+tinymce@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/tinymce/-/tinymce-8.0.0.tgz#e6abd6bd31a2972f0a514462c281d4f7b2dae50e"
+  integrity sha512-E1OwCXXCzmZLx6sQVeMHdb61Hsp+7AxWtYstXp7Yw59Et4AdHQ0N36n7InVaYDmq2aBlCM8qkTQYKEqKgecP3A==
 
 tmp@^0.2.1:
   version "0.2.3"