CKEditor5をオンラインビルドツールを利用して導入したい

フロント周りが弱く、的外れな事を記載してたらすみません。

実現したいこと

*rails7にオンラインビルドツールを利用してプラグイン(SourceEditing)を導入したい

オンラインビルドツールから一式DLしました。
https://ckeditor.com/ckeditor-5/builder/

これをビルドしてプロジェクトに導入しようとしてます。

最初はrailsアプリ内でビルドしようとしましたが、プロジェクトのnode.jsやesbuildとのバージョン問題があり断念。
なのでプロジェクト外でビルドしてrailsプロジェクトに取り込む事にしました。

そこまでの手順は以下の通りです。
間違っている箇所があればご指摘いただけると幸いです。

１．オンラインビルドツールで使用するプラグインを選択しDL。
DLしたディレクトリの中身は以下の通りです
↓
index.html
main.js
package.json
style.css
vite.config.js

２．DLしたディレクトリ内でインストールとビルド
npm install
npm run build

３．ビルド後のファイルをrailsアプリにコピー
３−１．dist/assetsに出来たindex-Dxxx.jsとindex-Dvxxx.cssファイルを
main.jss、style.cssにリネーム

　３−２．railsアプリにコピー
以下に配置
app/frontend/javascript/ckeditor/main.js
app/frontend/javascript/ckeditor/style.css

４．application.jsに以下を追加
app/frontend/javascript/application.js

javascript
1
2import { ClassicEditor, AccessibilityHelp, Autosave, Bold, Essentials, Italic, Paragraph, SelectAll, SourceEditing, Undo } from './ckeditor/main';
3import './ckeditor/style.css';
4
5const editorConfig = {
6	toolbar: {
7		items: ['bold', 'italic'],
8		shouldNotGroupWhenFull: true
9	},
10	//plugins: [AccessibilityHelp, Autosave, Bold, Essentials, Italic, Paragraph, SelectAll, SourceEditing, Undo],
11	initialData: '',
12			language: 'ja',
13	placeholder: 'Type or paste your content here!',
14	//translations: [translations]
15};
16ClassicEditor.create(document.querySelector('#editor'), editorConfig);
17

発生している問題・分からないこと

ファイルを保存すると、以下のようにエラーになります。

% yarn build:js-dev
yarn run v1.22.19
$ WATCH=true node esbuild.config.js
✘ [ERROR] No matching export in "app/frontend/javascript/ckeditor/main.js" for import "ClassicEditor"

    app/frontend/javascript/application.js:83:9:
      83 │ import { ClassicEditor, AccessibilityHelp, Autosave, Bold, Essentials, Italic, Paragraph, SelectAll, SourceEditing, Undo } from './ckeditor/main';
         ╵          ~~~~~~~~~~~~~

認識が出来ていないのでしょうか？

分かる方原因を教えていただけると幸いです。
宜しくお願い致します。

エラーメッセージ

error
1ブラウザのコンソールには以下のエラーが出てます
2TypeError: main_default.create is not a function

該当のソースコード

DLしたディレクトリ内のpackage.json

javascript
1
2{
3  "name": "ckeditor5-vanilla.js",
4  "version": "0.0.1",
5  "scripts": {
6    "start": "vite",
7    "build": "vite build"
8  },
9  "devDependencies": {
10    "vite": "^5",
11    "ckeditor5": "42.0.1",
12    "ckeditor5-premium-features": "42.0.1"
13  }
14}
15
16
17