INT-3396: Maintenance (#466)

* Remove unnecessary dependencies for storybook

* Fix tests

* Upgrade storybook to v10

* reorder properties in package.json

* Format eslint config

Author: tiny-ben-tran

.storybook/main.ts

@@ -4,18 +4,14 @@ const config: StorybookConfig = {
   stories: [
     "../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)",
   ],
-  addons: [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-interactions",
-  ],
+
+  addons: ["@storybook/addon-links", "@storybook/addon-docs"],
+
   framework: {
     name: "@storybook/angular",
     options: {},
   },
-  docs: {
-    autodocs: "tag",
-  },
+
   core: {
     disableTelemetry: true
   }

eslint.config.mjs

@@ -1,3 +1,5 @@
+import storybook from 'eslint-plugin-storybook';
+
 // eslint.config.js
 import { defineConfig } from 'eslint/config';
 import tinymceEslintPlugin from '@tinymce/eslint-plugin';
@@ -6,11 +8,11 @@ import js from '@eslint/js';
 import pluginChaiFriendly from 'eslint-plugin-chai-friendly';
 
 export default defineConfig([
-	{
+  {
     plugins: {
-        '@tinymce': tinymceEslintPlugin
+      '@tinymce': tinymceEslintPlugin
     },
-    extends: [ '@tinymce/standard' ],
+    extends: ['@tinymce/standard'],
     files: [
       'tinymce-angular-component/src/**/*.ts',
       'stories/**/*.ts'
@@ -22,7 +24,7 @@ export default defineConfig([
       parserOptions: {
         sourceType: 'module',
         project: [
-            './tsconfig.json'
+          './tsconfig.json'
         ]
       },
     },
@@ -42,7 +44,7 @@ export default defineConfig([
       browser: true
     },
     plugins: { js },
-    extends: [ 'js/recommended' ],
+    extends: ['js/recommended'],
     parser: 'espree',
     languageOptions: {
       parserOptions: {
@@ -51,11 +53,11 @@ export default defineConfig([
       },
     },
     rules: {
-      'indent': [ 'error', 2, { 'SwitchCase': 1 } ],
+      'indent': ['error', 2, { 'SwitchCase': 1 }],
       'no-shadow': 'error',
-      'no-unused-vars': [ 'error', { 'argsIgnorePattern': '^_' } ],
-      'object-curly-spacing': [ 'error', 'always', { 'arraysInObjects': false, 'objectsInObjects': false } ],
-      'quotes': [ 'error', 'single' ],
+      'no-unused-vars': ['error', { 'argsIgnorePattern': '^_' }],
+      'object-curly-spacing': ['error', 'always', { 'arraysInObjects': false, 'objectsInObjects': false }],
+      'quotes': ['error', 'single'],
       'semi': 'error'
     }
   },
@@ -73,5 +75,6 @@ export default defineConfig([
       'max-classes-per-file': 'off',
       '@typescript-eslint/no-non-null-assertion': 'off'
     }
-  }
+  },
+  ...storybook.configs['flat/recommended']
 ]);

package.json

@@ -1,22 +1,23 @@
 {
+  "name": "@tinymce/tinymce-angular",
+  "version": "9.1.2-rc",
+  "private": true,
   "description": "Official TinyMCE Angular Component",
-  "author": "Ephox Corporation DBA Tiny Technologies, Inc.",
   "license": "MIT",
+  "author": "Ephox Corporation DBA Tiny Technologies, Inc.",
   "scripts": {
-    "preinstall": "node -e \"if(process.env.npm_execpath.indexOf('yarn') === -1) throw new Error('You must use Yarn to install, not NPM')\"",
-    "test": "yarn bedrock-auto -b chrome-headless -f tinymce-angular-component/src/test/ts/browser/*Test.ts",
-    "test-manual": "bedrock -f tinymce-angular-component/src/test/ts/**/*Test.ts",
+    "build": "yarn run clean && ng-packagr -p tinymce-angular-component/ng-package.json && json -I -f dist/tinymce-angular/package.json -e 'this.version=process.env.npm_package_version' && copyfiles README.md dist/tinymce-angular/",
+    "build-storybook": "ng run angular:build-storybook",
     "clean": "yarn rimraf dist",
+    "deploy-storybook": "yarn build-storybook && gh-pages -d ./storybook-static -u 'tiny-bot <no-reply@tiny.cloud>'",
+    "preinstall": "node -e \"if(process.env.npm_execpath.indexOf('yarn') === -1) throw new Error('You must use Yarn to install, not NPM')\"",
     "lint": "eslint tinymce-angular-component/src/**/*.ts stories/**/*.ts",
-    "build": "yarn run clean && ng-packagr -p tinymce-angular-component/ng-package.json && json -I -f dist/tinymce-angular/package.json -e 'this.version=process.env.npm_package_version' && copyfiles README.md dist/tinymce-angular/",
     "storybook": "ng run angular:storybook",
-    "build-storybook": "ng run angular:build-storybook",
-    "deploy-storybook": "yarn build-storybook && gh-pages -d ./storybook-static -u 'tiny-bot <no-reply@tiny.cloud>'"
+    "test": "yarn bedrock-auto -b chrome-headless -f tinymce-angular-component/src/test/ts/browser/*Test.ts",
+    "test-manual": "bedrock -f tinymce-angular-component/src/test/ts/**/*Test.ts"
   },
-  "private": true,
   "devDependencies": {
     "@angular-devkit/build-angular": "^21.0.5",
-    "@angular-devkit/core": "^21.0.5",
     "@angular/animations": "^21.0.8",
     "@angular/cdk": "^21.0.6",
     "@angular/cli": "^21.0.5",
@@ -28,53 +29,35 @@
     "@angular/language-service": "^21.0.8",
     "@angular/material": "^21.0.6",
     "@angular/platform-browser": "^21.0.8",
-    "@babel/core": "^7.24.9",
     "@ephox/agar": "^8.0.1",
     "@ephox/bedrock-client": "^14.1.1",
     "@ephox/bedrock-server": "^14.1.3",
     "@ephox/sugar": "^9.3.1",
-    "@storybook/addon-essentials": "9.0.0-alpha.12",
-    "@storybook/addon-interactions": "^9.0.0-alpha.10",
-    "@storybook/addon-links": "^9",
-    "@storybook/angular": "^9",
-    "@storybook/blocks": "^9.0.0-alpha.17",
-    "@storybook/test": "^9.0.0-alpha.2",
+    "@storybook/addon-docs": "^10.3.6",
+    "@storybook/addon-links": "^10.3.6",
+    "@storybook/angular": "^10.3.6",
     "@tinymce/beehive-flow": "^0.19.0",
     "@tinymce/eslint-plugin": "^3.0.0",
     "@tinymce/miniature": "^6.0.0",
-    "@types/chai": "^4.3.16",
     "@types/node": "^20.14.12",
-    "autoprefixer": "^10.4.19",
-    "babel-loader": "^9.1.3",
-    "chai": "^5.1.1",
-    "codelyzer": "^6.0.2",
     "copyfiles": "^2.4.1",
-    "core-js": "^3.36.1",
     "eslint-plugin-chai-friendly": "^1.0.0",
-    "eslint-plugin-storybook": "^0.8.0",
+    "eslint-plugin-storybook": "10.3.6",
     "gh-pages": "^6.1.0",
     "json": "11.0.0",
     "ng-packagr": "^18.1.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "regenerator-runtime": "^0.14.1",
     "rimraf": "^6.0.1",
     "rxjs": "^7.8.1",
-    "storybook": "^9",
+    "storybook": "^10.3.6",
     "tinymce": "^8.0.0",
     "tinymce-4": "npm:tinymce@^4",
     "tinymce-5": "npm:tinymce@^5",
     "tinymce-6": "npm:tinymce@^6",
     "tinymce-7": "npm:tinymce@^7",
     "tinymce-7.5.0": "npm:tinymce@7.5.0",
     "tinymce-8": "npm:tinymce@^8",
-    "to-string-loader": "^1.1.5",
     "tslib": "^2.6.2",
     "typescript": "^5.9.3",
-    "webpack": "^5.95.0",
     "zone.js": "~0.16.0"
-  },
-  "version": "9.1.2-rc",
-  "name": "@tinymce/tinymce-angular",
-  "dependencies": {}
+  }
 }