ninegrid2 6.1286.0 → 6.1287.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ninegrid2",
   "type": "module",
-  "version": "6.1286.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,7 +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 대신 텍스트 처리가 더 확실한 raw 플러그인이나 설정을 사용합니다.
+// string 플러그인이 문제를 일으키면 아래 설정을 확인하세요.
 import { string } from 'rollup-plugin-string';
 
 export default {
@@ -24,41 +24,47 @@ export default {
     ],
     external: [],
     plugins: [
-        // 1. JSON (최상단 유지)
+        // 1. JSON (최상단)
         json(),
 
-        // 2. SVG 처리 (순수 문자열로 읽기)
-        // CKEditor 5 아이콘 에러 해결의 핵심입니다.
+        // 2. SVG 처리 (순수 문자열 유지)
+        // 만약 여전히 invalid-svg가 뜬다면 이 플러그인을 빼고
+        // npm install -D @rollup/plugin-image 설치 후 image({ include: '**/*.svg' })로 교체하세요.
         string({
             include: '**/*.svg',
         }),
 
-        // 3. 이미지 에셋 (SVG는 제외시켜서 충돌 방지)
+        // 3. 이미지 에셋
         url({
-            exclude: '**/*.svg', // ⭐ SVG는 위에서 string이 처리하도록 제외
+            // ⭐ 중요: SVG가 url 플러그인에 의해 Base64로 변하지 않도록 확실히 제외합니다.
+            exclude: '**/*.svg',
             include: ['**/*.png', '**/*.jpg', '**/*.gif'],
             limit: 8192,
         }),
 
-        // 4. CSS
+        // 4. CSS (CKEditor 스타일 주입)
         postcss({
             extract: false,
             minimize: true,
+            // CKEditor 모듈 내의 CSS를 처리하기 위해 필수
+            modules: false,
             use: ['sass'],
         }),
 
-        // 5. 해석 (browser: true 옵션은 CKEditor 모듈 해석에 필수)
+        // 5. 모듈 해석
         resolve({
             browser: true,
             preferBuiltins: false,
-            // CKEditor는 'main' 대신 'module' 필드를 사용하는 경우가 많습니다.
+            // CKEditor 5는 ESM 우선이므로 module 필드를 먼저 읽어야 합니다.
             mainFields: ['module', 'main']
         }),
 
-        // 6. CommonJS
+        // 6. CommonJS (순서 중요: resolve 뒤에 배치)
         commonjs({
-            // CKEditor 아이콘(SVG)이 JS 모듈로 오해받지 않도록 범위 설정
+            // CKEditor의 일부 레거시 코드를 처리
             include: /node_modules/,
+            // SVG 문자열이 CommonJS로 변환되는 것을 방지하기 위해 확장자 명시 권장
+            extensions: ['.js', '.cjs']
         }),
     ]
 };