@synerise/ds-rich-text 0.1.0

package/dist/utils/getExtensions.js

@@ -0,0 +1,80 @@
+import Image from "@tiptap/extension-image";
+import Link from "@tiptap/extension-link";
+import Placeholder from "@tiptap/extension-placeholder";
+import Table from "@tiptap/extension-table";
+import TableCell from "@tiptap/extension-table-cell";
+import TableHeader from "@tiptap/extension-table-header";
+import TableRow from "@tiptap/extension-table-row";
+import TextAlign from "@tiptap/extension-text-align";
+import Underline from "@tiptap/extension-underline";
+import StarterKit from "@tiptap/starter-kit";
+import { CodeSnippet } from "../extensions/CodeSnippet.js";
+const getExtensions = ({
+  features,
+  headingLevels,
+  placeholder,
+  copyText,
+  copiedText,
+  alwaysShowPlaceholder = false
+}) => {
+  const extensions = [StarterKit.configure({
+    heading: features.includes("heading") ? {
+      levels: headingLevels
+    } : false,
+    bulletList: features.includes("bulletList") ? {} : false,
+    orderedList: features.includes("orderedList") ? {} : false,
+    strike: features.includes("strikethrough") ? {} : false,
+    bold: features.includes("bold") ? {} : false,
+    italic: features.includes("italic") ? {} : false,
+    codeBlock: features.includes("codeBlock") ? {} : false
+  })];
+  if (features.includes("underline")) {
+    extensions.push(Underline);
+  }
+  if (features.includes("link")) {
+    extensions.push(Link.configure({
+      openOnClick: true,
+      HTMLAttributes: {
+        rel: "noopener noreferrer",
+        target: "_blank"
+      }
+    }));
+  }
+  if (features.includes("textAlign")) {
+    extensions.push(TextAlign.configure({
+      types: ["heading", "paragraph"]
+    }));
+  }
+  if (features.includes("codeSnippet")) {
+    extensions.push(CodeSnippet.configure({
+      copyText: copyText ?? "Copy",
+      copiedText: copiedText ?? "Copied"
+    }));
+  }
+  if (features.includes("image")) {
+    extensions.push(Image.configure({
+      inline: false,
+      allowBase64: true
+    }));
+  }
+  if (features.includes("table")) {
+    extensions.push(Table.configure({
+      resizable: false
+    }), TableRow, TableHeader, TableCell);
+  }
+  if (placeholder) {
+    extensions.push(Placeholder.configure({
+      placeholder,
+      showOnlyWhenEditable: !alwaysShowPlaceholder,
+      // Default `showOnlyCurrent: true` renders the placeholder only in the node holding
+      // the cursor, so a freshly-opened, never-focused editor shows nothing. When the
+      // placeholder must be visible without focus (subtle preview), show it on any empty
+      // node instead.
+      showOnlyCurrent: !alwaysShowPlaceholder
+    }));
+  }
+  return extensions;
+};
+export {
+  getExtensions
+};

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+export { getExtensions } from './getExtensions';
+export { normalizeUrl } from './normalizeUrl';
+export { sanitizeUrl } from './sanitizeUrl';

package/dist/utils/index.js

@@ -0,0 +1,8 @@
+import { getExtensions } from "./getExtensions.js";
+import { normalizeUrl } from "./normalizeUrl.js";
+import { sanitizeUrl } from "./sanitizeUrl.js";
+export {
+  getExtensions,
+  normalizeUrl,
+  sanitizeUrl
+};

package/dist/utils/normalizeUrl.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Prepends https:// to URLs typed without a protocol (e.g. "www.google.com"),
+ * which the browser would otherwise resolve relative to the current origin.
+ * Absolute URLs and other schemes (mailto:, tel:, data:), protocol-relative
+ * URLs, in-page anchors, and site-relative paths are left untouched.
+ */
+export declare const normalizeUrl: (raw: string) => string;

package/dist/utils/normalizeUrl.js

@@ -0,0 +1,13 @@
+const normalizeUrl = (raw) => {
+  const url = raw.trim();
+  if (!url) {
+    return url;
+  }
+  if (/^[a-z][a-z0-9+.-]*:/i.test(url) || url.startsWith("//") || url.startsWith("#") || url.startsWith("/")) {
+    return url;
+  }
+  return `https://${url}`;
+};
+export {
+  normalizeUrl
+};

package/dist/utils/sanitizeUrl.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Returns `raw` when it is safe to use as a link `href`, otherwise `''`.
+ *
+ * Schemeless URLs (`www.foo.com`), protocol-relative (`//cdn/x`), site-relative
+ * (`/path`) and in-page anchors (`#id`) carry no scheme and are always allowed.
+ * Detection runs on a stripped copy while the original string is returned
+ * untouched when safe.
+ */
+export declare const sanitizeUrl: (raw: string) => string;

package/dist/utils/sanitizeUrl.js

@@ -0,0 +1,30 @@
+const SAFE_HREF_SCHEMES = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]);
+const stripIgnoredChars = (value) => {
+  let out = "";
+  for (const ch of value) {
+    const code = ch.charCodeAt(0);
+    if (code <= 32 || code >= 127 && code <= 159) {
+      continue;
+    }
+    out += ch;
+  }
+  return out;
+};
+const sanitizeUrl = (raw) => {
+  const url = raw.trim();
+  if (!url) {
+    return "";
+  }
+  const stripped = stripIgnoredChars(url);
+  if (stripped.startsWith("//") || stripped.startsWith("/") || stripped.startsWith("#")) {
+    return url;
+  }
+  const scheme = stripped.match(/^([a-z][a-z0-9+.-]*):/i);
+  if (!scheme) {
+    return url;
+  }
+  return SAFE_HREF_SCHEMES.has(`${scheme[1].toLowerCase()}:`) ? url : "";
+};
+export {
+  sanitizeUrl
+};

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "@synerise/ds-rich-text",
+  "version": "0.1.0",
+  "description": "RichText UI Component for the Synerise Design System",
+  "license": "ISC",
+  "repository": "Synerise/synerise-design",
+  "main": "dist/index.js",
+  "files": [
+    "/dist",
+    "CHANGELOG.md",
+    "README.md",
+    "package.json",
+    "LICENSE.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build",
+    "build:watch": "vite build --watch",
+    "prepublish": "pnpm run build",
+    "types": "tsc --noEmit",
+    "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "check:circular-dependencies": "madge --circular --extensions ts,tsx,js,jsx --ts-config tsconfig.json src/ --exclude '/dist/'",
+    "upgrade:ds": "ncu -f \"@synerise/ds-*\" -u"
+  },
+  "sideEffects": false,
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./dist/*.js": "./dist/*.js",
+    "./dist/*": "./dist/*.js"
+  },
+  "dependencies": {
+    "@synerise/ds-button": "^1.5.35",
+    "@synerise/ds-copy-icon": "^1.2.16",
+    "@synerise/ds-form-field": "^1.3.24",
+    "@synerise/ds-icon": "^1.18.5",
+    "@synerise/ds-input": "^1.7.13",
+    "@synerise/ds-popover": "^1.6.2",
+    "@synerise/ds-toolbar": "^1.1.64",
+    "@synerise/ds-tooltip": "^1.5.4",
+    "@synerise/ds-utils": "^1.10.2",
+    "@tiptap/core": "^2.11.0",
+    "@tiptap/extension-image": "^2.11.0",
+    "@tiptap/extension-link": "^2.11.0",
+    "@tiptap/extension-placeholder": "^2.11.0",
+    "@tiptap/extension-table": "^2.11.0",
+    "@tiptap/extension-table-cell": "^2.11.0",
+    "@tiptap/extension-table-header": "^2.11.0",
+    "@tiptap/extension-table-row": "^2.11.0",
+    "@tiptap/extension-text-align": "^2.11.0",
+    "@tiptap/extension-underline": "^2.11.0",
+    "@tiptap/pm": "^2.11.0",
+    "@tiptap/react": "^2.11.0",
+    "@tiptap/starter-kit": "^2.11.0",
+    "markdown-it": "14.1.0"
+  },
+  "peerDependencies": {
+    "@synerise/ds-core": "*",
+    "react": ">=16.9.0 <= 18.3.1",
+    "styled-components": "^5.3.3"
+  },
+  "devDependencies": {
+    "@types/markdown-it": "14.1.2",
+    "vitest": "4"
+  },
+  "gitHead": "6fcfd8345a1522b7e4ccd34337d5d25d1ca4e2ce"
+}