ninegrid2 6.1285.0 → 6.1287.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ninegrid2",
   "type": "module",
-  "version": "6.1285.0",
+  "version": "6.1287.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -20,6 +20,7 @@
   "description": "",
   "devDependencies": {
     "@rollup/plugin-commonjs": "^28.0.3",
+    "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-url": "^8.0.2",

package/rollup.config.js

@@ -3,6 +3,7 @@ import commonjs from "@rollup/plugin-commonjs";
 import postcss from 'rollup-plugin-postcss';
 import json from '@rollup/plugin-json';
 import url from '@rollup/plugin-url';
+// string 플러그인이 문제를 일으키면 아래 설정을 확인하세요.
 import { string } from 'rollup-plugin-string';
 
 export default {
@@ -23,36 +24,47 @@ export default {
     ],
     external: [],
     plugins: [
-        // 1. JSON 파일 처리 (CKEditor 내부 설정 로드용)
+        // 1. JSON (최상단)
         json(),
 
-        // 2. SVG 아이콘 처리 (문자열로 읽어서 CKEditor 아이콘 주입)
+        // 2. SVG 처리 (순수 문자열 유지)
+        // 만약 여전히 invalid-svg가 뜬다면 이 플러그인을 빼고
+        // npm install -D @rollup/plugin-image 설치 후 image({ include: '**/*.svg' })로 교체하세요.
         string({
             include: '**/*.svg',
         }),
 
-        // 3. 이미지 및 기타 에셋 처리
+        // 3. 이미지 에셋
         url({
+            // ⭐ 중요: SVG가 url 플러그인에 의해 Base64로 변하지 않도록 확실히 제외합니다.
+            exclude: '**/*.svg',
             include: ['**/*.png', '**/*.jpg', '**/*.gif'],
             limit: 8192,
         }),
 
-        // 4. CSS 및 PostCSS 처리
+        // 4. CSS (CKEditor 스타일 주입)
         postcss({
-            extract: false, // Shadow DOM 환경이므로 JS에 내장하여 주입하는 것이 유리함
+            extract: false,
             minimize: true,
-            // CKEditor는 Sass를 쓰지 않으므로 필요 없다면 생략 가능하지만,
-            // 기존 설정 유지 및 범용성을 위해 남겨둡니다.
+            // CKEditor 모듈 내의 CSS를 처리하기 위해 필수
+            modules: false,
             use: ['sass'],
         }),
 
-        // 5. 모듈 해석 (브라우저 환경 우선)
+        // 5. 모듈 해석
         resolve({
             browser: true,
-            preferBuiltins: false
+            preferBuiltins: false,
+            // CKEditor 5는 ESM 우선이므로 module 필드를 먼저 읽어야 합니다.
+            mainFields: ['module', 'main']
         }),
 
-        // 6. CommonJS 변환
-        commonjs(),
+        // 6. CommonJS (순서 중요: resolve 뒤에 배치)
+        commonjs({
+            // CKEditor의 일부 레거시 코드를 처리
+            include: /node_modules/,
+            // SVG 문자열이 CommonJS로 변환되는 것을 방지하기 위해 확장자 명시 권장
+            extensions: ['.js', '.cjs']
+        }),
     ]
 };