@jhits/plugin-blog 0.0.12 → 0.0.14

package/package.json

@@ -1,20 +1,27 @@
 {
   "name": "@jhits/plugin-blog",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "description": "Professional blog management system for the JHITS ecosystem",
   "publishConfig": {
     "access": "public"
   },
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "main": "./src/index.ts",
+  "types": "./src/index.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
+      "types": "./src/index.tsx",
+      "import": "./src/index.tsx",
+      "default": "./src/index.tsx"
+    },
+    "./src": {
+      "types": "./src/index.tsx",
+      "import": "./src/index.tsx",
+      "default": "./src/index.tsx"
     },
     "./server": {
-      "types": "./dist/index.server.d.ts",
-      "default": "./dist/index.server.js"
+      "types": "./src/index.server.ts",
+      "import": "./src/index.server.ts",
+      "default": "./src/index.server.ts"
     }
   },
   "dependencies": {
@@ -23,9 +30,9 @@
     "lucide-react": "^0.564.0",
     "mongodb": "^7.1.0",
     "next-auth": "^4.24.13",
-    "@jhits/plugin-content": "0.0.9",
-    "@jhits/plugin-images": "0.0.9",
-    "@jhits/plugin-core": "0.0.6"
+    "@jhits/plugin-content": "0.0.12",
+    "@jhits/plugin-core": "0.0.7",
+    "@jhits/plugin-images": "0.0.10"
   },
   "peerDependencies": {
     "next": ">=15.0.0",
@@ -43,7 +50,7 @@
     "eslint": "^10.0.0",
     "eslint-config-next": "16.1.6",
     "next": "16.1.6",
-    "next-intl": "4.8.2",
+    "next-intl": "4.8.3",
     "next-themes": "0.4.6",
     "react": "19.2.4",
     "react-dom": "19.2.4",

package/README.md

@@ -1,216 +0,0 @@
-# Blog Plugin - Block-Based Architecture
-
-A modern, modular Blog Plugin system with a Block-Based Architecture (similar to Notion or Gutenberg) where posts are stored as JSON arrays of "Blocks" rather than HTML blobs.
-
-## 🏗️ Architecture Overview
-
-### Core Principles
-
-1. **Block-Based Storage**: Posts are stored as structured JSON arrays of blocks
-2. **Headless Ready**: All data is saved as structured JSON, perfect for headless CMS usage
-3. **Extensible Registry**: Register new block types without refactoring core
-4. **Separation of Concerns**: Library components are decoupled from editor shell
-5. **Migration-Friendly**: Easy to convert legacy HTML/data to block format
-
-## 📁 Directory Structure
-
-```
-src/
-├── types/              # TypeScript definitions
-├── registry/           # Block Registry system
-├── state/              # State management (Context + Reducer)
-├── lib/                # Library components (decoupled)
-│   ├── blocks/        # Block rendering
-│   ├── utils/         # Utilities (slugify, etc.)
-│   └── migration/     # Legacy data mapper
-├── views/              # Editor views (to be implemented)
-├── components/         # Shared UI components (to be implemented)
-└── hooks/              # Custom hooks (to be implemented)
-```
-
-See [ARCHITECTURE.md](./ARCHITECTURE.md) for detailed structure.
-
-## 🧩 Block System
-
-### Default Block Types
-
-- **Heading** (`heading`) - H1-H6 headings
-- **Paragraph** (`paragraph`) - Text paragraphs
-- **Image** (`image`) - Single images with captions
-- **Gallery** (`gallery`) - Image galleries
-- **CTA** (`cta`) - Call-to-action blocks
-
-### Registering New Blocks
-
-```typescript
-import { blockRegistry } from '@jhits/plugin-blog';
-
-blockRegistry.register({
-    type: 'custom-block',
-    name: 'Custom Block',
-    description: 'My custom block',
-    defaultData: {
-        customField: '',
-    },
-    category: 'custom',
-});
-```
-
-## 🔄 State Management
-
-The editor uses React Context + Reducer pattern for state management:
-
-```typescript
-import { useEditor } from '@jhits/plugin-blog';
-
-function MyComponent() {
-    const { state, helpers } = useEditor();
-    
-    // Access state
-    const { blocks, title, slug } = state;
-    
-    // Use helpers
-    helpers.addBlock('paragraph');
-    helpers.updateBlock(blockId, { text: 'New text' });
-    helpers.save();
-}
-```
-
-### State Structure
-
-- `blocks`: Array of Block objects
-- `title`: Post title
-- `slug`: URL slug
-- `seo`: SEO metadata
-- `metadata`: Categories, tags, featured image
-- `status`: Publication status
-- `isDirty`: Has unsaved changes
-- `focusMode`: Editor focus mode
-
-## 📦 Library Components
-
-### Block Renderer
-
-Headless block rendering (decoupled from editor):
-
-```typescript
-import { BlocksRenderer } from '@jhits/plugin-blog/lib';
-
-<BlocksRenderer blocks={post.blocks} />
-```
-
-### Utilities
-
-```typescript
-import { slugify, generateSlugFromTitle, checkSlugCollision } from '@jhits/plugin-blog/lib';
-
-const slug = slugify('My Blog Post');
-const uniqueSlug = generateSlugFromTitle('My Post', existingSlugs);
-const { isCollision } = checkSlugCollision(slug, existingSlugs);
-```
-
-### Migration
-
-Convert legacy HTML to blocks:
-
-```typescript
-import { mapLegacyPostToBlogPost } from '@jhits/plugin-blog/lib/migration';
-
-const newPost = mapLegacyPostToBlogPost(legacyPost, {
-    defaultStatus: 'draft',
-    authorId: 'user-123',
-});
-```
-
-## 🎯 Core Views (To Be Implemented)
-
-1. **Canvas Editor** - Drag-and-drop block editor
-2. **Slug & SEO Manager** - URL and SEO management with collision detection
-3. **Preview Bridge** - Live preview of posts
-4. **Post Manager** - List view with filters and bulk actions
-
-## 🚀 Usage
-
-### Basic Setup
-
-```typescript
-import { EditorProvider } from '@jhits/plugin-blog';
-
-function BlogEditor() {
-    return (
-        <EditorProvider onSave={async (state) => {
-            // Save to API
-            await fetch('/api/blog/posts', {
-                method: 'POST',
-                body: JSON.stringify(state),
-            });
-        }}>
-            <CanvasEditor />
-        </EditorProvider>
-    );
-}
-```
-
-## 📝 Data Format
-
-### Block Structure
-
-```json
-{
-    "id": "block-123",
-    "type": "paragraph",
-    "data": {
-        "text": "This is a paragraph"
-    },
-    "meta": {
-        "order": 0
-    }
-}
-```
-
-### Post Structure
-
-```json
-{
-    "id": "post-123",
-    "title": "My Blog Post",
-    "slug": "my-blog-post",
-    "blocks": [...],
-    "seo": {
-        "title": "SEO Title",
-        "description": "Meta description"
-    },
-    "publication": {
-        "status": "published",
-        "date": "2024-01-01T00:00:00Z"
-    },
-    "metadata": {
-        "categories": ["tech"],
-        "tags": ["react", "typescript"]
-    }
-}
-```
-
-## 🔧 Extensibility
-
-The system is designed to be extended:
-
-1. **New Block Types**: Register via `blockRegistry.register()`
-2. **Custom Renderers**: Pass to `BlockRenderer` via `customRenderers` prop
-3. **Custom Actions**: Extend reducer with new action types
-4. **Migration Mappers**: Extend mapper for custom legacy formats
-
-## 📚 Next Steps
-
-1. Implement Canvas Editor with drag-and-drop
-2. Implement Slug & SEO Manager
-3. Implement Preview Bridge
-4. Implement Post Manager
-5. Add API routes for CRUD operations
-6. Add database integration
-
-## 📖 Documentation
-
-- [ARCHITECTURE.md](./ARCHITECTURE.md) - Detailed architecture documentation
-- [VIEWS.md](./Markdown/VIEWS.md) - Planned views and features
-