@happeouikit/content-renderer 3.4.2-alpha.4 → 3.4.4

package/dist/links.d.ts

@@ -2,18 +2,23 @@
  * Support unique ids for headers for new content
  *
  * ID's are of format xhhhhhhh (x followed by 7 hexadecimal numbers)
- * New content should be automatically created with this type of id, but old content probably do not have any ids at all.
+ * New content should be automatically created with this type of id, but old content probably does not have any ids at all.
  *
- * If the element has this type of id then we generate links with hash such as #snippet+id
- * The snippet will be ignored by the system and it will actually be updated if the content of the header changes.
- *
- * If the element does not have an id at all (all/most legacy content), then we generate one based on the content of the header.
- * This approach does not support duplicates or updates to the header content
+ * If the element has this type of id then we generate links with hash such as #x1234321:~:headerText=MyHeaderSnippet
+ * The extra snippet at the end is ignored by everything, it's just for readability.
  *
+ * If there's no ID at all on the header, we'll use a real text fragment, such as #:~:text=My%20Header%20Snippet (which
+ * will scroll to the text but will not support duplicates of that text in the same document)
  */
 export declare const linkRandomIdRegex: RegExp;
 export declare const linkSnippetWithIdRegex: RegExp;
 export declare const getRandomLinkId: () => string;
+/**
+ * This is outdated, we only used this between 2025-08 and 2025-09, but still some anchor links were created
+ * during this time period, so they'll use this format: #x1234567+MyHeaderSnippet
+ * (they will respond well when navigated to in a new tab/page, but not when remaining in the same tab and page)
+ */
 export declare const getLinkIdFromFragment: (fragment: string) => string;
 export declare const getLinkSnippet: (originalString: string | null) => string;
-export declare const getLinkFragment: (text: string | null, id: string) => string;
+export declare const generateTextFragment: (element: Element) => string | null;
+export declare const getLinkFragment: (element: Element) => string | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@happeouikit/content-renderer",
-  "version": "3.4.2-alpha.4",
+  "version": "3.4.4",
   "description": "Rendering html and markdown content",
   "type": "module",
   "jsnext:main": "dist/index.es.js",
@@ -38,5 +38,6 @@
   },
   "devDependencies": {
     "@types/loadjs": "^4.0.4"
-  }
+  },
+  "gitHead": "8f67f9788aad47f4ea61757d6c74d310bbe9c1dd"
 }

package/CHANGELOG.md

@@ -1,320 +0,0 @@
-# Changelog
-
-## 3.4.0
-
-- [Add] Support unique ids for anchor links
-
-## 3.3.2
-
-- [Fix] Handle special characters in anchor
-
-## 3.2.27
-
-- [Fix] Escape < with &lt; when not part of html
-
-## 3.2.26
-
-- [Fixed] Table cells will now have a color-scheme added to their cells that have a background color
-
-## 3.2.25
-
-- [Fixed] Tables (and possibly other things) will now scroll in narrow screens (e.g. mobile), rather than getting squeezed
-
-## 3.2.23
-
-- [Updated] Changed user-mention color (again) to be yellow rather than orange, in light mode
-
-## 3.2.22
-
-- [Fixed] Fixes issues with copy to clipboard button when content changes
-
-## 3.2.17
-
-- [Added] replaceLinkDomains allows replacing link domains with another domain. Allowing, for example, to replace all app.happeo.com and custom domain urls with relative urls.
-
-## 3.2.16
-
-- [Fixed] Table styles
-
-## 3.2.10
-
-- [Updated] Updated custom table styles
-
-## 3.2.8
-
-- [Fixed] Deployment
-
-## 3.2.7
-
-- [Added] Add allowed data attribute for data-link-chip
-
-## 3.2.6
-
-- [Fixed] "mailto:some@email.address" links will now always open in a new tab
-
-## 3.2.5
-
-- [Fixed] XSS vulnerability
-
-## 3.2.4
-
-- [Fixed] Emojis correctly rendered
-- [Added] Automatic non-anchored url truncation
-
-## 3.2.3
-
-- [Updated] Convert to TS and add storybook
-- [Updated] Handle code blocks
-
-## 3.2.2
-
-- [Fixed] alignment style for images
-
-## 3.2.0
-
-- [Added] Added `addColorBlocks` property
-- Modified nested lists to allow 2 space separatation
-- Updated xss
-- Updated showdown
-
-## 3.1.7
-
-- [Removed] styles for custom emojis
-
-## 3.1.6
-
-- [Fixed] emoji size for all renderers
-
-## 3.1.5
-
-- [Fixed] margin for custom-emoji
-
-## 3.1.4
-
-- [Fixed] styles for custom-emoji
-
-## 3.1.3
-
-- [Add] styles for custom-emoji
-
-## 3.1.2
-
-- [Add] img type data attribute
-
-## 3.1.1
-
-- [Remove] @universe dependencies
-
-## 3.0.10
-
-- [Fixed] paragraph styles
-
-## 3.0.9
-
-- [Fixed] paragraph styles
-
-## 3.0.8
-
-- Publish
-
-## 3.0.7
-
-- Publish
-
-## 3.0.6
-
-- [Added] Support for user defined font families and weights
-
-## 3.0.5
-
-- Publish
-
-## 3.0.4
-
-- [Fixed] ContentRenderer should now render content without applying links to domain-like text.
-- [Updated] Updated ContentRenderer unit test with Testing Linkify hyper-link Features.
-
-## 3.0.3
-
-- [Added] Added prop `forceDefaultLinkTarget` that will force external links with `target="_blank"` and removes `target` from internal links.
-
-## 3.0.2
-
-- [Fixed] ContentRenderer now applies styling options from Pages
-
-## 3.0.1
-
-- [Fixed] ContentRenderer should now deal with all kinds of xss
-
-## 3.0.0
-
-- [Fixed] the xss converter now accepts a whiteList for CSS properties that includes vertical-align
-- [Updated] new dependencies updates: React 17 and and Styled Components 5
-
-## 2.0.1
-
-- [Added] Changed type to uppercase and to handle both upper and lowercase. Add warning if lowecase is used.
-- [Added] Handle widgetType=`page` by removing forced styles from component.
-
-## 2.0.0
-
-- [Breaking change] Links rendered from markdown content now always open in a new tab (not configurable).
-
-## 1.0.48
-
-- [Fixed] Decode HTML entites causing crashes
-
-## 1.0.46
-
-- [Fixed] Use correct font-family for all the tags inside paragraphs and list elements etc.
-
-## 1.0.45
-
-- [Fixed] Removed some padding for tables without borders
-
-## 1.0.44
-
-- [Fixed] Removed special characteds from content copying
-
-## 1.0.43
-
-- [Fixed] Moved to ReactDOM for rendering extra buttons
-- [Added] Ability to include anchor links & buttons
-- [Added] Ability to auto-scroll to anchors
-
-## 1.0.42
-
-- [Fixed] Remove bolding from links
-
-## 1.0.37
-
-- [Fixed] Get correct parent for copy button
-
-## 1.0.36
-
-- [Fixed] Improved code block styles
-
-## 1.0.35
-
-- [Fixed] important fonts
-
-## 1.0.34
-
-- [Fixed] use custom fonts for all tags inside h1, h2, h3
-
-## 1.0.33
-
-- [Fixed] Code block
-
-## 1.0.30
-
-- [Fixed] enforce font style to content
-
-## 1.0.29
-
-- [Fixed] Modify blockquote styles to match froala's
-
-## 1.0.28
-
-- [Fixed] Default image placement is now left aligned and not centered
-- [Fixed] Update frontend-utils dependency
-
-## 1.0.27
-
-- [Add] Rendering of code blocks + adding copy button to code blocks
-
-## 1.0.26
-
-- [Fixed] Embeded videos styles
-
-## 1.0.25
-
-- [Fixed] Removed a href urls
-
-## 1.0.24
-
-- [Fixed] fixed article CSS styles.
-
-## 1.0.23
-
-- [Fixed] update dependencies
-
-## 1.0.22
-
-- [Add] add some props for article content
-
-## 1.0.21
-
-- [Fixed] stop publishing the docs
-
-## 1.0.20
-
-- [Add] Changed some css for @channel and @editor
-
-## 1.0.19
-
-- [Fixed] Changed @team into @channel mentioning
-
-## 1.0.18
-
-- [Add] Support for @team and @editors mentioning.
-
-## 1.0.17
-
-- [Fixed] Styles for heading text.
-
-## 1.0.15
-
-- [Fixed] Type error in the mentions Showdown plugin
-
-## 1.0.14
-
-- [Fixed] Links converted from markdown will now open in a new tab.
-
-## 1.0.13
-
-- [Fixed] Pre element styles are now also applied to Code elements.
-
-## 1.0.11
-
-- [Fixed] Ordered and unordered lists are now aligned, and have correct line-height.
-
-## 1.0.10
-
-- [Fixed] List font size is now 16px.
-
-## 1.0.8
-
-- [Added] CSS styles to mention tags.
-
-## 1.0.7
-
-- [Fixed] Adds class to safe tags for anchor elements.
-
-## 1.0.6
-
-- [Fixed] font stylings of p tags.
-
-## 1.0.5
-
-- [Fixed] Missing dist
-
-## 1.0.4
-
-- [Fixed] Package not updated
-
-## 1.0.3
-
-- [Added] Handle user-mentio html tag
-
-## 1.0.2
-
-- Publish
-
-## 1.0.1
-
-- [Fixed] All children elements will now use the sans-serif font family.
-
-## 1.0.0
-
-- Initial copy from the private kit