@thangph2146/nextjs-editor 1.0.2 → 1.0.3

package/README.md

@@ -61,7 +61,7 @@ export function MyEditor() {
 
 ## Ghi chú
 
-- **Ảnh**: Trong bản standalone, dialog chèn ảnh mặc định chỉ có tab **URL**. Để dùng tab thư viện ảnh (upload/folder), app Next.js cần cung cấp implementation uploads và alias module `@thangph2146/nextjs-editor` tới hooks uploads của app.
+- **Ảnh**: Trong bản standalone, dialog chèn ảnh chỉ có tab **URL** và **File**. Để tab **Thư viện** hiển thị ảnh từ API của project, trong `next.config` (webpack) thêm alias: `"@thangph2146/nextjs-editor/uploads-hooks"` → đường dẫn tới file hooks uploads của app (ví dụ `src/features/uploads/hooks/use-uploads-queries.ts`). Hook cần export `useImagesList(page, limit)` trả về `{ data: { data: { folderTree, pagination } }, isLoading }` với `folderTree` có cấu trúc `FolderNode` (name, path, images, subfolders).
 - **Next.js**: Package dùng `next/image` và `next/dynamic` khi chạy trong Next.js; cần cài `next` trong project.
 
 ## Build từ source

package/dist/index.cjs

@@ -1166,32 +1166,6 @@ var init_tabs = __esm({
   }
 });
 
-// src/features/uploads/hooks/use-uploads-queries.ts
-var emptyFolderTree, useImagesList;
-var init_use_uploads_queries = __esm({
-  "src/features/uploads/hooks/use-uploads-queries.ts"() {
-    "use strict";
-    emptyFolderTree = {
-      name: "",
-      path: "",
-      images: [],
-      subfolders: []
-    };
-    useImagesList = (_page = 1, _limit = 50) => ({
-      data: {
-        success: true,
-        data: {
-          data: [],
-          folderTree: emptyFolderTree,
-          pagination: { page: 1, limit: 50, total: 0, totalPages: 0 }
-        }
-      },
-      isLoading: false,
-      isError: false
-    });
-  }
-});
-
 // src/components/ui/collapsible.tsx
 function Collapsible({
   className,
@@ -1449,7 +1423,7 @@ function InsertImageUploadsDialogBody({
   const [altText, setAltText] = (0, import_react5.useState)("");
   const [openFolders, setOpenFolders] = (0, import_react5.useState)(/* @__PURE__ */ new Set());
   const limit = 100;
-  const { data: imagesData, isLoading } = useImagesList(1, limit);
+  const { data: imagesData, isLoading } = (0, import_uploads_hooks.useImagesList)(1, limit);
   const folderTree = imagesData?.data?.folderTree;
   const isDisabled = !selectedImage;
   const handleImageSelect = React6.useCallback((imageUrl, originalName) => {
@@ -1744,7 +1718,7 @@ function getDragSelection(event) {
   }
   return range;
 }
-var import_react5, React6, import_LexicalComposerContext2, import_utils14, import_lexical5, import_lucide_react3, import_image, import_jsx_runtime13, getDOMSelection, INSERT_IMAGE_COMMAND;
+var import_react5, React6, import_LexicalComposerContext2, import_utils14, import_lexical5, import_uploads_hooks, import_lucide_react3, import_image, import_jsx_runtime13, getDOMSelection, INSERT_IMAGE_COMMAND;
 var init_images_plugin = __esm({
   "src/components/editor/plugins/images-plugin.tsx"() {
     "use strict";
@@ -1761,7 +1735,7 @@ var init_images_plugin = __esm({
     init_input();
     init_label();
     init_tabs();
-    init_use_uploads_queries();
+    import_uploads_hooks = require("@thangph2146/nextjs-editor/uploads-hooks");
     import_lucide_react3 = require("lucide-react");
     import_image = __toESM(require("next/image"), 1);
     init_collapsible();
@@ -19644,12 +19618,12 @@ var init_emoji_list = __esm({
 });
 
 // src/index.tsx
-var index_exports = {};
-__export(index_exports, {
+var src_exports = {};
+__export(src_exports, {
   Editor: () => Editor,
   editorThemePath: () => editorThemePath
 });
-module.exports = __toCommonJS(index_exports);
+module.exports = __toCommonJS(src_exports);
 
 // src/components/editor/editor-x/editor.tsx
 var import_LexicalComposer = require("@lexical/react/LexicalComposer");