magic-editor-x 1.0.0

package/dist/style.css

@@ -0,0 +1,164 @@
+/**
+ * AI Assistant Styles for Editor.js
+ * Inline toolbar, suggestions, and tooltips
+ */
+
+/* AI Suggestion Underlines */
+.ai-suggestion {
+  text-decoration: underline wavy;
+  text-decoration-thickness: 2px;
+  text-underline-offset: 2px;
+  cursor: pointer;
+  position: relative;
+  transition: background 0.15s ease;
+}
+
+.ai-suggestion[data-type="grammar"],
+.ai-suggestion[data-type="spelling"] {
+  text-decoration-color: #ef4444;
+}
+
+.ai-suggestion[data-type="style"] {
+  text-decoration-color: #f59e0b;
+}
+
+.ai-suggestion[data-type="suggestion"] {
+  text-decoration-color: #3b82f6;
+}
+
+.ai-suggestion:hover {
+  background: rgba(124, 58, 237, 0.1);
+  border-radius: 2px;
+}
+
+/* AI Inline Toolbar Container */
+.ai-inline-toolbar-container {
+  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+}
+
+/* Editor.js Inline Tool Button Customization */
+.ce-inline-tool--ai-assistant {
+  position: relative;
+}
+
+.ce-inline-tool--ai-assistant svg {
+  color: #7C3AED;
+}
+
+.ce-inline-tool--ai-assistant:hover svg {
+  color: #6d28d9;
+}
+
+/* Loading State for AI Tool Button */
+.ce-inline-tool--ai-assistant.loading svg {
+  animation: ai-pulse 1.5s ease-in-out infinite;
+}
+
+@keyframes ai-pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+
+/* Editor Block Hover Effect (for AI suggestions) */
+.codex-editor__redactor .ce-block:hover .ai-suggestion {
+  text-decoration-color: rgba(239, 68, 68, 0.8);
+}
+
+.codex-editor__redactor .ce-block:hover .ai-suggestion[data-type="style"] {
+  text-decoration-color: rgba(245, 158, 11, 0.8);
+}
+
+.codex-editor__redactor .ce-block:hover .ai-suggestion[data-type="suggestion"] {
+  text-decoration-color: rgba(59, 130, 246, 0.8);
+}
+
+/* Tooltip Accessibility */
+.ai-suggestion:focus {
+  outline: 2px solid #7C3AED;
+  outline-offset: 2px;
+  border-radius: 2px;
+}
+
+/* Mobile Responsive */
+@media (max-width: 768px) {
+  .ai-inline-toolbar-container > div {
+    max-width: calc(100vw - 40px);
+    left: 20px !important;
+    right: 20px !important;
+  }
+  
+  .ai-inline-toolbar-container button span {
+    display: none;
+  }
+  
+  .ai-inline-toolbar-container button {
+    padding: 6px 8px;
+  }
+}
+
+/* Print Styles - Hide AI suggestions when printing */
+@media print {
+  .ai-suggestion {
+    text-decoration: none !important;
+  }
+  
+  .ai-inline-toolbar-container {
+    display: none !important;
+  }
+}
+
+/* Dark Mode Support (if Strapi admin is in dark mode) */
+@media (prefers-color-scheme: dark) {
+  .ai-inline-toolbar-container > div {
+    background: #1e293b;
+    border-color: #334155;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+  }
+  
+  .ai-inline-toolbar-container button {
+    color: #e2e8f0;
+  }
+  
+  .ai-inline-toolbar-container button:hover {
+    background: #334155;
+    color: #a78bfa;
+  }
+}
+
+/* Smooth Transitions */
+.ai-suggestion,
+.ai-inline-toolbar-container button {
+  transition: all 0.15s ease;
+}
+
+/* Selection Highlight Enhancement */
+::selection {
+  background: rgba(124, 58, 237, 0.2);
+}
+
+::-moz-selection {
+  background: rgba(124, 58, 237, 0.2);
+}
+
+/* Custom Scrollbar for AI Tooltips */
+.ai-tooltip-content::-webkit-scrollbar {
+  width: 6px;
+}
+
+.ai-tooltip-content::-webkit-scrollbar-track {
+  background: #f1f5f9;
+  border-radius: 3px;
+}
+
+.ai-tooltip-content::-webkit-scrollbar-thumb {
+  background: #cbd5e1;
+  border-radius: 3px;
+}
+
+.ai-tooltip-content::-webkit-scrollbar-thumb:hover {
+  background: #94a3b8;
+}

package/package.json

@@ -0,0 +1,122 @@
+{
+  "name": "magic-editor-x",
+  "version": "1.0.0",
+  "description": "Advanced block-based editor for Strapi v5 with Editor.js, Media Library integration, and real-time collaboration support",
+  "keywords": [
+    "strapi",
+    "plugin",
+    "editor-js",
+    "wysiwyg",
+    "block-editor",
+    "strapi-v5"
+  ],
+  "type": "commonjs",
+  "exports": {
+    "./package.json": "./package.json",
+    "./strapi-admin": {
+      "source": "./admin/src/index.js",
+      "import": "./dist/admin/index.mjs",
+      "require": "./dist/admin/index.js",
+      "default": "./dist/admin/index.js"
+    },
+    "./strapi-server": {
+      "source": "./server/src/index.js",
+      "import": "./dist/server/index.mjs",
+      "require": "./dist/server/index.js",
+      "default": "./dist/server/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE",
+    "pics"
+  ],
+  "scripts": {
+    "build": "strapi-plugin build",
+    "watch": "strapi-plugin watch",
+    "watch:link": "strapi-plugin watch:link",
+    "verify": "strapi-plugin verify"
+  },
+  "dependencies": {
+    "@calumk/editorjs-codeflask": "^1.0.10",
+    "@editorjs/attaches": "^1.3.0",
+    "@editorjs/checklist": "^1.6.0",
+    "@editorjs/code": "^2.9.3",
+    "@editorjs/delimiter": "^1.4.2",
+    "@editorjs/editorjs": "^2.31.0",
+    "@editorjs/embed": "^2.7.6",
+    "@editorjs/header": "^2.8.8",
+    "@editorjs/image": "^2.10.1",
+    "@editorjs/inline-code": "^1.5.1",
+    "@editorjs/link": "^2.6.2",
+    "@editorjs/marker": "^1.4.0",
+    "@editorjs/nested-list": "^1.4.3",
+    "@editorjs/paragraph": "^2.11.6",
+    "@editorjs/personality": "^2.0.2",
+    "@editorjs/quote": "^2.7.2",
+    "@editorjs/raw": "^2.5.0",
+    "@editorjs/simple-image": "^1.6.0",
+    "@editorjs/table": "^2.4.2",
+    "@editorjs/text-variant-tune": "^1.0.2",
+    "@editorjs/underline": "^1.1.0",
+    "@editorjs/warning": "^1.4.0",
+    "@heroicons/react": "^2.2.0",
+    "@sotaproject/strikethrough": "^1.0.1",
+    "editorjs-alert": "^1.1.4",
+    "editorjs-drag-drop": "^1.1.16",
+    "editorjs-indent-tune": "^1.4.3",
+    "editorjs-text-alignment-blocktune": "^1.0.3",
+    "editorjs-toggle-block": "^0.3.16",
+    "editorjs-tooltip": "^1.2.2",
+    "editorjs-undo": "^2.0.28",
+    "open-graph-scraper": "^6.8.3",
+    "prismjs": "^1.30.0",
+    "socket.io": "^4.8.1",
+    "socket.io-client": "^4.8.1",
+    "y-indexeddb": "^9.0.12",
+    "y-socket.io": "^1.1.3",
+    "yjs": "^13.6.15"
+  },
+  "devDependencies": {
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/commit-analyzer": "^13.0.0",
+    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/github": "^11.0.1",
+    "@semantic-release/npm": "^12.0.1",
+    "@semantic-release/release-notes-generator": "^14.0.1",
+    "@strapi/design-system": "^2.0.0-rc.30",
+    "@strapi/icons": "^2.0.0-rc.30",
+    "@strapi/sdk-plugin": "^5.3.2",
+    "@strapi/strapi": "^5.31.2",
+    "prettier": "^3.7.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.30.2",
+    "semantic-release": "^25.0.2",
+    "styled-components": "^6.1.19"
+  },
+  "peerDependencies": {
+    "@strapi/sdk-plugin": "^5.3.2",
+    "@strapi/strapi": "^5.31.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.30.2",
+    "styled-components": "^6.1.19"
+  },
+  "overrides": {
+    "prismjs": "^1.30.0"
+  },
+  "strapi": {
+    "kind": "plugin",
+    "name": "magic-editor-x",
+    "displayName": "Magic Editor X",
+    "description": "Advanced block-based editor with Editor.js for Strapi v5"
+  },
+  "license": "MIT",
+  "author": "Schero D. <schero1894@gmail.com>",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Schero94/magic-editor-x.git"
+  }
+}