@localess/react 0.8.4-next.20251220-193456.0 → 0.8.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.d.mts +4 -2
  2. package/dist/index.d.ts +4 -2
  3. package/dist/index.js +44 -0
  4. package/dist/index.mjs +43 -0
  5. package/package.json +19 -2
package/dist/index.d.mts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import React__default from 'react';
3
- import { LocalessClientOptions, ContentData, Links, LocalessClient } from '@localess/js-client';
3
+ import { LocalessClientOptions, ContentData, Links, ContentRichText, LocalessClient } from '@localess/js-client';
4
4
  export { Content, ContentAsset, ContentData, ContentDataField, ContentDataSchema, ContentLink, ContentMetadata, ContentReference, ContentRichText, EventCallback, EventToApp, EventToAppType, Links, LocalessClient, LocalessSync, Translations, llEditable, llEditableField, localessEditable, localessEditableField } from '@localess/js-client';
5
5
 
6
6
  type LocalessOptions = LocalessClientOptions & {
@@ -24,6 +24,8 @@ type LocalessComponentProps<T extends ContentData = ContentData> = {
24
24
  };
25
25
  declare const LocalessComponent: React.ForwardRefExoticComponent<LocalessComponentProps<ContentData> & React.RefAttributes<HTMLElement>>;
26
26
 
27
+ declare function renderRichTextToReact(content: ContentRichText): React__default.ReactNode;
28
+
27
29
  /**
28
30
  * Initialize Localess Client
29
31
  * @param options
@@ -72,4 +74,4 @@ declare function getFallbackComponent(): React__default.ElementType | undefined;
72
74
  */
73
75
  declare function isSyncEnabled(): boolean;
74
76
 
75
- export { LocalessComponent, type LocalessComponentProps, type LocalessOptions, getComponent, getFallbackComponent, getLocalessClient, isSyncEnabled, localessInit, registerComponent, setComponents, setFallbackComponent, unregisterComponent };
77
+ export { LocalessComponent, type LocalessComponentProps, type LocalessOptions, getComponent, getFallbackComponent, getLocalessClient, isSyncEnabled, localessInit, registerComponent, renderRichTextToReact, setComponents, setFallbackComponent, unregisterComponent };
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import React__default from 'react';
3
- import { LocalessClientOptions, ContentData, Links, LocalessClient } from '@localess/js-client';
3
+ import { LocalessClientOptions, ContentData, Links, ContentRichText, LocalessClient } from '@localess/js-client';
4
4
  export { Content, ContentAsset, ContentData, ContentDataField, ContentDataSchema, ContentLink, ContentMetadata, ContentReference, ContentRichText, EventCallback, EventToApp, EventToAppType, Links, LocalessClient, LocalessSync, Translations, llEditable, llEditableField, localessEditable, localessEditableField } from '@localess/js-client';
5
5
 
6
6
  type LocalessOptions = LocalessClientOptions & {
@@ -24,6 +24,8 @@ type LocalessComponentProps<T extends ContentData = ContentData> = {
24
24
  };
25
25
  declare const LocalessComponent: React.ForwardRefExoticComponent<LocalessComponentProps<ContentData> & React.RefAttributes<HTMLElement>>;
26
26
 
27
+ declare function renderRichTextToReact(content: ContentRichText): React__default.ReactNode;
28
+
27
29
  /**
28
30
  * Initialize Localess Client
29
31
  * @param options
@@ -72,4 +74,4 @@ declare function getFallbackComponent(): React__default.ElementType | undefined;
72
74
  */
73
75
  declare function isSyncEnabled(): boolean;
74
76
 
75
- export { LocalessComponent, type LocalessComponentProps, type LocalessOptions, getComponent, getFallbackComponent, getLocalessClient, isSyncEnabled, localessInit, registerComponent, setComponents, setFallbackComponent, unregisterComponent };
77
+ export { LocalessComponent, type LocalessComponentProps, type LocalessOptions, getComponent, getFallbackComponent, getLocalessClient, isSyncEnabled, localessInit, registerComponent, renderRichTextToReact, setComponents, setFallbackComponent, unregisterComponent };
package/dist/index.js CHANGED
@@ -31,6 +31,7 @@ __export(index_exports, {
31
31
  localessEditableField: () => import_js_client3.localessEditableField,
32
32
  localessInit: () => localessInit,
33
33
  registerComponent: () => registerComponent,
34
+ renderRichTextToReact: () => renderRichTextToReact,
34
35
  setComponents: () => setComponents,
35
36
  setFallbackComponent: () => setFallbackComponent,
36
37
  unregisterComponent: () => unregisterComponent
@@ -77,6 +78,48 @@ var LocalessComponent = (0, import_react.forwardRef)(({ data, links, ...restProp
77
78
  ] });
78
79
  });
79
80
 
81
+ // src/richtext.ts
82
+ var import_react2 = require("@tiptap/static-renderer/pm/react");
83
+ var import_extension_document = require("@tiptap/extension-document");
84
+ var import_extension_text = require("@tiptap/extension-text");
85
+ var import_extension_paragraph = require("@tiptap/extension-paragraph");
86
+ var import_extension_heading = require("@tiptap/extension-heading");
87
+ var import_extension_bold = require("@tiptap/extension-bold");
88
+ var import_extension_italic = require("@tiptap/extension-italic");
89
+ var import_extension_strike = require("@tiptap/extension-strike");
90
+ var import_extension_underline = require("@tiptap/extension-underline");
91
+ var import_extension_history = require("@tiptap/extension-history");
92
+ var import_extension_list_item = require("@tiptap/extension-list-item");
93
+ var import_extension_ordered_list = require("@tiptap/extension-ordered-list");
94
+ var import_extension_bullet_list = require("@tiptap/extension-bullet-list");
95
+ var import_extension_code = require("@tiptap/extension-code");
96
+ var import_extension_code_block_lowlight = require("@tiptap/extension-code-block-lowlight");
97
+ var import_extension_link = require("@tiptap/extension-link");
98
+ function renderRichTextToReact(content) {
99
+ return (0, import_react2.renderToReactElement)({
100
+ content,
101
+ extensions: [
102
+ import_extension_document.Document,
103
+ import_extension_text.Text,
104
+ import_extension_paragraph.Paragraph,
105
+ import_extension_heading.Heading.configure({
106
+ levels: [1, 2, 3, 4, 5, 6]
107
+ }),
108
+ import_extension_bold.Bold,
109
+ import_extension_italic.Italic,
110
+ import_extension_strike.Strike,
111
+ import_extension_underline.Underline,
112
+ import_extension_history.History,
113
+ import_extension_list_item.ListItem,
114
+ import_extension_ordered_list.OrderedList,
115
+ import_extension_bullet_list.BulletList,
116
+ import_extension_code.Code,
117
+ import_extension_code_block_lowlight.CodeBlockLowlight,
118
+ import_extension_link.Link
119
+ ]
120
+ });
121
+ }
122
+
80
123
  // src/index.ts
81
124
  var _client = void 0;
82
125
  var _components = {};
@@ -139,6 +182,7 @@ function isSyncEnabled() {
139
182
  localessEditableField,
140
183
  localessInit,
141
184
  registerComponent,
185
+ renderRichTextToReact,
142
186
  setComponents,
143
187
  setFallbackComponent,
144
188
  unregisterComponent
package/dist/index.mjs CHANGED
@@ -40,6 +40,48 @@ var LocalessComponent = forwardRef(({ data, links, ...restProps }, ref) => {
40
40
  ] });
41
41
  });
42
42
 
43
+ // src/richtext.ts
44
+ import { renderToReactElement } from "@tiptap/static-renderer/pm/react";
45
+ import { Document } from "@tiptap/extension-document";
46
+ import { Text } from "@tiptap/extension-text";
47
+ import { Paragraph } from "@tiptap/extension-paragraph";
48
+ import { Heading } from "@tiptap/extension-heading";
49
+ import { Bold } from "@tiptap/extension-bold";
50
+ import { Italic } from "@tiptap/extension-italic";
51
+ import { Strike } from "@tiptap/extension-strike";
52
+ import { Underline } from "@tiptap/extension-underline";
53
+ import { History } from "@tiptap/extension-history";
54
+ import { ListItem } from "@tiptap/extension-list-item";
55
+ import { OrderedList } from "@tiptap/extension-ordered-list";
56
+ import { BulletList } from "@tiptap/extension-bullet-list";
57
+ import { Code } from "@tiptap/extension-code";
58
+ import { CodeBlockLowlight } from "@tiptap/extension-code-block-lowlight";
59
+ import { Link } from "@tiptap/extension-link";
60
+ function renderRichTextToReact(content) {
61
+ return renderToReactElement({
62
+ content,
63
+ extensions: [
64
+ Document,
65
+ Text,
66
+ Paragraph,
67
+ Heading.configure({
68
+ levels: [1, 2, 3, 4, 5, 6]
69
+ }),
70
+ Bold,
71
+ Italic,
72
+ Strike,
73
+ Underline,
74
+ History,
75
+ ListItem,
76
+ OrderedList,
77
+ BulletList,
78
+ Code,
79
+ CodeBlockLowlight,
80
+ Link
81
+ ]
82
+ });
83
+ }
84
+
43
85
  // src/index.ts
44
86
  var _client = void 0;
45
87
  var _components = {};
@@ -101,6 +143,7 @@ export {
101
143
  localessEditableField,
102
144
  localessInit,
103
145
  registerComponent,
146
+ renderRichTextToReact,
104
147
  setComponents,
105
148
  setFallbackComponent,
106
149
  unregisterComponent
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@localess/react",
3
- "version": "0.8.4-next.20251220-193456.0",
3
+ "version": "0.8.5",
4
4
  "description": "ReactJS JavaScript/TypeScript SDK for Localess's API.",
5
5
  "keywords": [
6
6
  "localess",
@@ -44,7 +44,24 @@
44
44
  "react-dom": "^17 || ^18 || ^19"
45
45
  },
46
46
  "dependencies": {
47
- "@localess/js-client": "0.8.2"
47
+ "@localess/js-client": "0.8.2",
48
+ "@tiptap/static-renderer": "^3.14.0",
49
+ "@tiptap/html": "^3.14.0",
50
+ "@tiptap/extension-bold": "^3.14.0",
51
+ "@tiptap/extension-italic": "^3.14.0",
52
+ "@tiptap/extension-strike": "^3.14.0",
53
+ "@tiptap/extension-underline": "^3.14.0",
54
+ "@tiptap/extension-document": "^3.14.0",
55
+ "@tiptap/extension-text": "^3.14.0",
56
+ "@tiptap/extension-paragraph": "^3.14.0",
57
+ "@tiptap/extension-history": "^3.14.0",
58
+ "@tiptap/extension-list-item": "^3.14.0",
59
+ "@tiptap/extension-bullet-list": "^3.14.0",
60
+ "@tiptap/extension-ordered-list": "^3.14.0",
61
+ "@tiptap/extension-code": "^3.14.0",
62
+ "@tiptap/extension-code-block-lowlight": "^3.14.0",
63
+ "@tiptap/extension-link": "^3.14.0",
64
+ "@tiptap/extension-heading": "^3.14.0"
48
65
  },
49
66
  "devDependencies": {
50
67
  "@types/react": "^19.0.0",