@lowdefy/blocks-tiptap 0.0.0-experimental-20260428103147

package/dist/blocks/utils/style.module.css

@@ -0,0 +1,128 @@
+/* Wrapper: the EditorContent div with border/background/focus styling.
+   Antd v6 uses CSS-in-JS so the `.ant-input` class is not a global
+   stylesheet class — we replicate the input look using antd's theme
+   CSS variables (--ant-color-*, --ant-border-radius) so the block
+   tracks the active theme without depending on cssinjs. */
+:global(.tiptap-wrapper) {
+  border: 1px solid var(--ant-color-border, #d9d9d9);
+  border-radius: var(--ant-border-radius, 6px);
+  background: var(--ant-color-bg-container, #fff);
+  color: var(--ant-color-text, rgba(0, 0, 0, 0.88));
+  transition:
+    border-color 0.2s,
+    box-shadow 0.2s,
+    background 0.2s;
+  padding: 0;
+}
+
+:global(.tiptap-wrapper):hover {
+  border-color: var(--ant-color-primary-hover, #4096ff);
+}
+
+:global(.tiptap-wrapper):focus-within {
+  border-color: var(--ant-color-primary, #1677ff);
+  box-shadow: 0 0 0 2px var(--ant-color-primary-bg, rgba(22, 119, 255, 0.1));
+  outline: none;
+}
+
+:global(.tiptap-wrapper-borderless) {
+  border-color: transparent;
+  background: transparent;
+}
+
+:global(.tiptap-wrapper-borderless):hover,
+:global(.tiptap-wrapper-borderless):focus-within {
+  border-color: transparent;
+  box-shadow: none;
+}
+
+:global(.tiptap-wrapper-error) {
+  border-color: var(--ant-color-error, #ff4d4f);
+}
+
+:global(.tiptap-wrapper-error):hover {
+  border-color: var(--ant-color-error-hover, var(--ant-color-error, #ff4d4f));
+}
+
+:global(.tiptap-wrapper-error):focus-within {
+  border-color: var(--ant-color-error, #ff4d4f);
+  box-shadow: 0 0 0 2px var(--ant-color-error-bg, rgba(255, 77, 79, 0.1));
+}
+
+:global(.tiptap-wrapper-warning) {
+  border-color: var(--ant-color-warning, #faad14);
+}
+
+:global(.tiptap-wrapper-warning):hover {
+  border-color: var(--ant-color-warning-hover, var(--ant-color-warning, #faad14));
+}
+
+:global(.tiptap-wrapper-warning):focus-within {
+  border-color: var(--ant-color-warning, #faad14);
+  box-shadow: 0 0 0 2px var(--ant-color-warning-bg, rgba(250, 173, 20, 0.1));
+}
+
+:global(.tiptap-wrapper-disabled) {
+  background: var(--ant-color-bg-container-disabled, rgba(0, 0, 0, 0.04));
+  color: var(--ant-color-text-disabled, rgba(0, 0, 0, 0.25));
+  cursor: not-allowed;
+}
+
+:global(.tiptap-wrapper-disabled):hover {
+  border-color: var(--ant-color-border, #d9d9d9);
+}
+
+:global(.tiptap-wrapper-disabled) :global(.tiptap.ProseMirror) {
+  cursor: not-allowed;
+}
+
+/* ProseMirror editable — sits inside the wrapper. */
+:global(.tiptap.ProseMirror) {
+  padding: 8px;
+  outline: none;
+}
+
+:global(.tiptap) :global(p) {
+  margin: 0;
+}
+
+:global(.tiptap) :global(p.is-editor-empty):first-child::before {
+  color: var(--ant-color-text-placeholder, rgba(0, 0, 0, 0.25));
+  content: attr(data-placeholder);
+  float: left;
+  height: 0;
+  pointer-events: none;
+}
+
+:global(.tiptap-popover) {
+  background: rgba(0, 0, 0, 0.85);
+  color: var(--ant-color-text-light-solid, #fff);
+  border-radius: var(--ant-border-radius, 8px);
+  padding: 4px;
+  margin: -4px;
+  display: flex;
+}
+
+:global(.tiptap-icon) {
+  border-radius: var(--ant-border-radius-sm, 4px);
+  display: flex;
+  width: 16px;
+  height: 16px;
+  justify-content: center;
+  align-items: center;
+  color: var(--ant-color-text-light-solid, #fff);
+}
+
+:global(.tiptap-icon.disabled) {
+  pointer-events: none;
+}
+
+:global(.tiptap-icon):hover {
+  background: var(--ant-color-icon-hover, rgba(0, 0, 0, 0.75));
+  color: var(--ant-color-text-light-solid, #fff);
+  cursor: pointer;
+}
+
+:global(.tiptap-icon) + :global(.tiptap-icon) {
+  margin-left: 4px;
+}

package/dist/blocks.js

@@ -0,0 +1,16 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ export { default as TiptapInput } from './blocks/TiptapInput/TiptapInput.js';
+export { default as TiptapMentionInput } from './blocks/TiptapMentionInput/TiptapMentionInput.js';

package/dist/e2e.js

@@ -0,0 +1,16 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ export { default as TiptapInput } from './blocks/TiptapInput/e2e.js';
+export { default as TiptapMentionInput } from './blocks/TiptapMentionInput/e2e.js';

package/dist/metas.js

@@ -0,0 +1,16 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ export { default as TiptapInput } from './blocks/TiptapInput/meta.js';
+export { default as TiptapMentionInput } from './blocks/TiptapMentionInput/meta.js';

package/dist/types.js

@@ -0,0 +1,17 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ import { extractBlockTypes } from '@lowdefy/block-utils';
+import * as metas from './metas.js';
+export default extractBlockTypes(metas);

package/package.json

@@ -0,0 +1,87 @@
+{
+  "name": "@lowdefy/blocks-tiptap",
+  "version": "0.0.0-experimental-20260428103147",
+  "license": "Apache-2.0",
+  "description": "Lowdefy TipTap rich-text editor blocks.",
+  "homepage": "https://lowdefy.com",
+  "keywords": [
+    "lowdefy",
+    "lowdefy blocks",
+    "tiptap",
+    "rich-text",
+    "wysiwyg",
+    "lowdefy plugin"
+  ],
+  "bugs": {
+    "url": "https://github.com/lowdefy/lowdefy/issues"
+  },
+  "contributors": [
+    {
+      "name": "Sam Tolmay",
+      "url": "https://github.com/SamTolmay"
+    },
+    {
+      "name": "Gerrie van Wyk",
+      "url": "https://github.com/Gervwyk"
+    }
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/lowdefy/lowdefy.git"
+  },
+  "type": "module",
+  "exports": {
+    "./*": "./dist/*",
+    "./blocks": "./dist/blocks.js",
+    "./metas": "./dist/metas.js",
+    "./e2e": "./dist/e2e.js",
+    "./types": "./dist/types.js"
+  },
+  "files": [
+    "dist/*"
+  ],
+  "dependencies": {
+    "@lowdefy/block-utils": "0.0.0-experimental-20260428103147",
+    "@lowdefy/blocks-antd": "0.0.0-experimental-20260428103147",
+    "@lowdefy/helpers": "0.0.0-experimental-20260428103147",
+    "@tiptap/core": "2.27.2",
+    "@tiptap/extension-file-handler": "2.27.2",
+    "@tiptap/extension-highlight": "2.27.2",
+    "@tiptap/extension-image": "2.27.2",
+    "@tiptap/extension-link": "2.27.2",
+    "@tiptap/extension-mention": "2.27.2",
+    "@tiptap/extension-placeholder": "2.27.2",
+    "@tiptap/extension-table": "2.27.2",
+    "@tiptap/extension-table-cell": "2.27.2",
+    "@tiptap/extension-table-header": "2.27.2",
+    "@tiptap/extension-table-row": "2.27.2",
+    "@tiptap/pm": "2.27.2",
+    "@tiptap/react": "2.27.2",
+    "@tiptap/starter-kit": "2.27.2",
+    "react-icons": "5.6.0",
+    "tippy.js": "6.3.7",
+    "turndown": "7.2.0"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@lowdefy/block-dev-e2e": "0.0.0-experimental-20260428103147",
+    "@lowdefy/e2e-utils": "0.0.0-experimental-20260428103147",
+    "@playwright/test": "1.50.1",
+    "@swc/cli": "0.8.0",
+    "@swc/core": "1.15.18",
+    "copyfiles": "2.4.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "swc src --out-dir dist --config-file ../../../../.swcrc --cli-config-file ../../../../.swc-cli.json && pnpm copyfiles",
+    "clean": "rm -rf dist",
+    "copyfiles": "copyfiles -u 1 \"./src/**/*\" dist -e \"./src/**/*.js\" -e \"./src/**/*.yaml\" -e \"./src/**/*.snap\"",
+    "e2e": "playwright test --config e2e/playwright.config.js",
+    "e2e:ui": "playwright test --config e2e/playwright.config.js --ui"
+  }
+}