react-native-richify 1.0.0
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.
- package/LICENSE +21 -0
- package/README.md +231 -0
- package/lib/commonjs/components/OverlayText.d.js +6 -0
- package/lib/commonjs/components/OverlayText.d.js.map +1 -0
- package/lib/commonjs/components/OverlayText.js +45 -0
- package/lib/commonjs/components/OverlayText.js.map +1 -0
- package/lib/commonjs/components/RichTextInput.d.js +6 -0
- package/lib/commonjs/components/RichTextInput.d.js.map +1 -0
- package/lib/commonjs/components/RichTextInput.js +160 -0
- package/lib/commonjs/components/RichTextInput.js.map +1 -0
- package/lib/commonjs/components/Toolbar.d.js +6 -0
- package/lib/commonjs/components/Toolbar.d.js.map +1 -0
- package/lib/commonjs/components/Toolbar.js +99 -0
- package/lib/commonjs/components/Toolbar.js.map +1 -0
- package/lib/commonjs/components/ToolbarButton.d.js +6 -0
- package/lib/commonjs/components/ToolbarButton.d.js.map +1 -0
- package/lib/commonjs/components/ToolbarButton.js +63 -0
- package/lib/commonjs/components/ToolbarButton.js.map +1 -0
- package/lib/commonjs/constants/defaultStyles.d.js +6 -0
- package/lib/commonjs/constants/defaultStyles.d.js.map +1 -0
- package/lib/commonjs/constants/defaultStyles.js +172 -0
- package/lib/commonjs/constants/defaultStyles.js.map +1 -0
- package/lib/commonjs/context/RichTextContext.d.js +6 -0
- package/lib/commonjs/context/RichTextContext.d.js.map +1 -0
- package/lib/commonjs/context/RichTextContext.js +61 -0
- package/lib/commonjs/context/RichTextContext.js.map +1 -0
- package/lib/commonjs/hooks/useFormatting.d.js +6 -0
- package/lib/commonjs/hooks/useFormatting.d.js.map +1 -0
- package/lib/commonjs/hooks/useFormatting.js +82 -0
- package/lib/commonjs/hooks/useFormatting.js.map +1 -0
- package/lib/commonjs/hooks/useRichText.d.js +6 -0
- package/lib/commonjs/hooks/useRichText.d.js.map +1 -0
- package/lib/commonjs/hooks/useRichText.js +136 -0
- package/lib/commonjs/hooks/useRichText.js.map +1 -0
- package/lib/commonjs/hooks/useSelection.d.js +6 -0
- package/lib/commonjs/hooks/useSelection.d.js.map +1 -0
- package/lib/commonjs/hooks/useSelection.js +39 -0
- package/lib/commonjs/hooks/useSelection.js.map +1 -0
- package/lib/commonjs/index.d.js +186 -0
- package/lib/commonjs/index.d.js.map +1 -0
- package/lib/commonjs/index.js +186 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/package.json +1 -0
- package/lib/commonjs/types/index.d.js +6 -0
- package/lib/commonjs/types/index.d.js.map +1 -0
- package/lib/commonjs/types/index.js +6 -0
- package/lib/commonjs/types/index.js.map +1 -0
- package/lib/commonjs/utils/formatter.d.js +13 -0
- package/lib/commonjs/utils/formatter.d.js.map +1 -0
- package/lib/commonjs/utils/formatter.js +229 -0
- package/lib/commonjs/utils/formatter.js.map +1 -0
- package/lib/commonjs/utils/parser.d.js +6 -0
- package/lib/commonjs/utils/parser.d.js.map +1 -0
- package/lib/commonjs/utils/parser.js +221 -0
- package/lib/commonjs/utils/parser.js.map +1 -0
- package/lib/commonjs/utils/styleMapper.d.js +6 -0
- package/lib/commonjs/utils/styleMapper.d.js.map +1 -0
- package/lib/commonjs/utils/styleMapper.js +87 -0
- package/lib/commonjs/utils/styleMapper.js.map +1 -0
- package/lib/module/components/OverlayText.d.js +4 -0
- package/lib/module/components/OverlayText.d.js.map +1 -0
- package/lib/module/components/OverlayText.js +41 -0
- package/lib/module/components/OverlayText.js.map +1 -0
- package/lib/module/components/RichTextInput.d.js +4 -0
- package/lib/module/components/RichTextInput.d.js.map +1 -0
- package/lib/module/components/RichTextInput.js +155 -0
- package/lib/module/components/RichTextInput.js.map +1 -0
- package/lib/module/components/Toolbar.d.js +4 -0
- package/lib/module/components/Toolbar.d.js.map +1 -0
- package/lib/module/components/Toolbar.js +95 -0
- package/lib/module/components/Toolbar.js.map +1 -0
- package/lib/module/components/ToolbarButton.d.js +4 -0
- package/lib/module/components/ToolbarButton.d.js.map +1 -0
- package/lib/module/components/ToolbarButton.js +59 -0
- package/lib/module/components/ToolbarButton.js.map +1 -0
- package/lib/module/constants/defaultStyles.d.js +4 -0
- package/lib/module/constants/defaultStyles.d.js.map +1 -0
- package/lib/module/constants/defaultStyles.js +168 -0
- package/lib/module/constants/defaultStyles.js.map +1 -0
- package/lib/module/context/RichTextContext.d.js +4 -0
- package/lib/module/context/RichTextContext.d.js.map +1 -0
- package/lib/module/context/RichTextContext.js +55 -0
- package/lib/module/context/RichTextContext.js.map +1 -0
- package/lib/module/hooks/useFormatting.d.js +11 -0
- package/lib/module/hooks/useFormatting.d.js.map +1 -0
- package/lib/module/hooks/useFormatting.js +78 -0
- package/lib/module/hooks/useFormatting.js.map +1 -0
- package/lib/module/hooks/useRichText.d.js +4 -0
- package/lib/module/hooks/useRichText.d.js.map +1 -0
- package/lib/module/hooks/useRichText.js +132 -0
- package/lib/module/hooks/useRichText.js.map +1 -0
- package/lib/module/hooks/useSelection.d.js +4 -0
- package/lib/module/hooks/useSelection.d.js.map +1 -0
- package/lib/module/hooks/useSelection.js +35 -0
- package/lib/module/hooks/useSelection.js.map +1 -0
- package/lib/module/index.d.js +15 -0
- package/lib/module/index.d.js.map +1 -0
- package/lib/module/index.js +25 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/types/index.d.js +4 -0
- package/lib/module/types/index.d.js.map +1 -0
- package/lib/module/types/index.js +4 -0
- package/lib/module/types/index.js.map +1 -0
- package/lib/module/utils/formatter.d.js +30 -0
- package/lib/module/utils/formatter.d.js.map +1 -0
- package/lib/module/utils/formatter.js +217 -0
- package/lib/module/utils/formatter.js.map +1 -0
- package/lib/module/utils/parser.d.js +4 -0
- package/lib/module/utils/parser.d.js.map +1 -0
- package/lib/module/utils/parser.js +211 -0
- package/lib/module/utils/parser.js.map +1 -0
- package/lib/module/utils/styleMapper.d.js +4 -0
- package/lib/module/utils/styleMapper.d.js.map +1 -0
- package/lib/module/utils/styleMapper.js +82 -0
- package/lib/module/utils/styleMapper.js.map +1 -0
- package/lib/typescript/src/components/OverlayText.d.ts +11 -0
- package/lib/typescript/src/components/OverlayText.d.ts.map +1 -0
- package/lib/typescript/src/components/RichTextInput.d.ts +21 -0
- package/lib/typescript/src/components/RichTextInput.d.ts.map +1 -0
- package/lib/typescript/src/components/Toolbar.d.ts +13 -0
- package/lib/typescript/src/components/Toolbar.d.ts.map +1 -0
- package/lib/typescript/src/components/ToolbarButton.d.ts +8 -0
- package/lib/typescript/src/components/ToolbarButton.d.ts.map +1 -0
- package/lib/typescript/src/constants/defaultStyles.d.ts +46 -0
- package/lib/typescript/src/constants/defaultStyles.d.ts.map +1 -0
- package/lib/typescript/src/context/RichTextContext.d.ts +31 -0
- package/lib/typescript/src/context/RichTextContext.d.ts.map +1 -0
- package/lib/typescript/src/hooks/useFormatting.d.ts +26 -0
- package/lib/typescript/src/hooks/useFormatting.d.ts.map +1 -0
- package/lib/typescript/src/hooks/useRichText.d.ts +17 -0
- package/lib/typescript/src/hooks/useRichText.d.ts.map +1 -0
- package/lib/typescript/src/hooks/useSelection.d.ts +14 -0
- package/lib/typescript/src/hooks/useSelection.d.ts.map +1 -0
- package/lib/typescript/src/index.d.ts +16 -0
- package/lib/typescript/src/index.d.ts.map +1 -0
- package/lib/typescript/src/types/index.d.ts +245 -0
- package/lib/typescript/src/types/index.d.ts.map +1 -0
- package/lib/typescript/src/utils/formatter.d.ts +29 -0
- package/lib/typescript/src/utils/formatter.d.ts.map +1 -0
- package/lib/typescript/src/utils/parser.d.ts +46 -0
- package/lib/typescript/src/utils/parser.d.ts.map +1 -0
- package/lib/typescript/src/utils/styleMapper.d.ts +16 -0
- package/lib/typescript/src/utils/styleMapper.d.ts.map +1 -0
- package/package.json +83 -0
- package/src/components/OverlayText.d.ts +10 -0
- package/src/components/OverlayText.tsx +46 -0
- package/src/components/RichTextInput.d.ts +20 -0
- package/src/components/RichTextInput.tsx +174 -0
- package/src/components/Toolbar.d.ts +12 -0
- package/src/components/Toolbar.tsx +100 -0
- package/src/components/ToolbarButton.d.ts +7 -0
- package/src/components/ToolbarButton.tsx +65 -0
- package/src/constants/defaultStyles.d.ts +45 -0
- package/src/constants/defaultStyles.ts +144 -0
- package/src/context/RichTextContext.d.ts +30 -0
- package/src/context/RichTextContext.tsx +63 -0
- package/src/hooks/useFormatting.d.ts +25 -0
- package/src/hooks/useFormatting.ts +135 -0
- package/src/hooks/useRichText.d.ts +16 -0
- package/src/hooks/useRichText.ts +171 -0
- package/src/hooks/useSelection.d.ts +13 -0
- package/src/hooks/useSelection.ts +40 -0
- package/src/index.d.ts +15 -0
- package/src/index.ts +68 -0
- package/src/types/index.d.ts +244 -0
- package/src/types/index.ts +295 -0
- package/src/utils/formatter.d.ts +28 -0
- package/src/utils/formatter.ts +276 -0
- package/src/utils/parser.d.ts +45 -0
- package/src/utils/parser.ts +252 -0
- package/src/utils/styleMapper.d.ts +15 -0
- package/src/utils/styleMapper.ts +92 -0
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ToolbarButton = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _defaultStyles = require("@/constants/defaultStyles");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
/**
|
|
13
|
+
* A single toolbar button that toggles a formatting option.
|
|
14
|
+
* Supports custom rendering via the `renderButton` prop.
|
|
15
|
+
*/
|
|
16
|
+
const ToolbarButton = exports.ToolbarButton = /*#__PURE__*/_react.default.memo(({
|
|
17
|
+
label,
|
|
18
|
+
active,
|
|
19
|
+
onPress,
|
|
20
|
+
theme,
|
|
21
|
+
renderButton
|
|
22
|
+
}) => {
|
|
23
|
+
// Custom render
|
|
24
|
+
if (renderButton) {
|
|
25
|
+
return renderButton({
|
|
26
|
+
active,
|
|
27
|
+
onPress,
|
|
28
|
+
label
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
const resolvedTheme = theme ?? _defaultStyles.DEFAULT_THEME;
|
|
32
|
+
const buttonStyle = [resolvedTheme.toolbarButtonStyle ?? _defaultStyles.DEFAULT_THEME.toolbarButtonStyle, active && (resolvedTheme.toolbarButtonActiveStyle ?? _defaultStyles.DEFAULT_THEME.toolbarButtonActiveStyle)];
|
|
33
|
+
const textStyle = [resolvedTheme.toolbarButtonTextStyle ?? _defaultStyles.DEFAULT_THEME.toolbarButtonTextStyle, active && (resolvedTheme.toolbarButtonActiveTextStyle ?? _defaultStyles.DEFAULT_THEME.toolbarButtonActiveTextStyle),
|
|
34
|
+
// Make italic button actually italic, bold button actually bold, etc.
|
|
35
|
+
label === 'I' && styles.italicLabel, label === 'U' && styles.underlineLabel, label === 'S' && styles.strikethroughLabel];
|
|
36
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
37
|
+
style: buttonStyle,
|
|
38
|
+
onPress: onPress,
|
|
39
|
+
activeOpacity: 0.7,
|
|
40
|
+
accessibilityRole: "button",
|
|
41
|
+
accessibilityLabel: `Format ${label}`,
|
|
42
|
+
accessibilityState: {
|
|
43
|
+
selected: active
|
|
44
|
+
},
|
|
45
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
46
|
+
style: textStyle,
|
|
47
|
+
children: label
|
|
48
|
+
})
|
|
49
|
+
});
|
|
50
|
+
});
|
|
51
|
+
ToolbarButton.displayName = 'ToolbarButton';
|
|
52
|
+
const styles = _reactNative.StyleSheet.create({
|
|
53
|
+
italicLabel: {
|
|
54
|
+
fontStyle: 'italic'
|
|
55
|
+
},
|
|
56
|
+
underlineLabel: {
|
|
57
|
+
textDecorationLine: 'underline'
|
|
58
|
+
},
|
|
59
|
+
strikethroughLabel: {
|
|
60
|
+
textDecorationLine: 'line-through'
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
//# sourceMappingURL=ToolbarButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_defaultStyles","_jsxRuntime","e","__esModule","default","ToolbarButton","exports","React","memo","label","active","onPress","theme","renderButton","resolvedTheme","DEFAULT_THEME","buttonStyle","toolbarButtonStyle","toolbarButtonActiveStyle","textStyle","toolbarButtonTextStyle","toolbarButtonActiveTextStyle","styles","italicLabel","underlineLabel","strikethroughLabel","jsx","TouchableOpacity","style","activeOpacity","accessibilityRole","accessibilityLabel","accessibilityState","selected","children","Text","displayName","StyleSheet","create","fontStyle","textDecorationLine"],"sourceRoot":"..\\..\\..\\src","sources":["components/ToolbarButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AAA0D,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1D;AACA;AACA;AACA;AACO,MAAMG,aAA2C,GAAAC,OAAA,CAAAD,aAAA,gBAAGE,cAAK,CAACC,IAAI,CACnE,CAAC;EAAEC,KAAK;EAAEC,MAAM;EAAEC,OAAO;EAAEC,KAAK;EAAEC;AAAa,CAAC,KAAK;EACnD;EACA,IAAIA,YAAY,EAAE;IAChB,OAAOA,YAAY,CAAC;MAAEH,MAAM;MAAEC,OAAO;MAAEF;IAAM,CAAC,CAAC;EACjD;EAEA,MAAMK,aAAa,GAAGF,KAAK,IAAIG,4BAAa;EAE5C,MAAMC,WAAW,GAAG,CAClBF,aAAa,CAACG,kBAAkB,IAAIF,4BAAa,CAACE,kBAAkB,EACpEP,MAAM,KACHI,aAAa,CAACI,wBAAwB,IACrCH,4BAAa,CAACG,wBAAwB,CAAC,CAC5C;EAED,MAAMC,SAAS,GAAG,CAChBL,aAAa,CAACM,sBAAsB,IAClCL,4BAAa,CAACK,sBAAsB,EACtCV,MAAM,KACHI,aAAa,CAACO,4BAA4B,IACzCN,4BAAa,CAACM,4BAA4B,CAAC;EAC/C;EACAZ,KAAK,KAAK,GAAG,IAAIa,MAAM,CAACC,WAAW,EACnCd,KAAK,KAAK,GAAG,IAAIa,MAAM,CAACE,cAAc,EACtCf,KAAK,KAAK,GAAG,IAAIa,MAAM,CAACG,kBAAkB,CAC3C;EAED,oBACE,IAAAxB,WAAA,CAAAyB,GAAA,EAAC3B,YAAA,CAAA4B,gBAAgB;IACfC,KAAK,EAAEZ,WAAY;IACnBL,OAAO,EAAEA,OAAQ;IACjBkB,aAAa,EAAE,GAAI;IACnBC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE,UAAUtB,KAAK,EAAG;IACtCuB,kBAAkB,EAAE;MAAEC,QAAQ,EAAEvB;IAAO,CAAE;IAAAwB,QAAA,eAEzC,IAAAjC,WAAA,CAAAyB,GAAA,EAAC3B,YAAA,CAAAoC,IAAI;MAACP,KAAK,EAAET,SAAU;MAAAe,QAAA,EAAEzB;IAAK,CAAO;EAAC,CACtB,CAAC;AAEvB,CACF,CAAC;AAEDJ,aAAa,CAAC+B,WAAW,GAAG,eAAe;AAE3C,MAAMd,MAAM,GAAGe,uBAAU,CAACC,MAAM,CAAC;EAC/Bf,WAAW,EAAE;IACXgB,SAAS,EAAE;EACb,CAAC;EACDf,cAAc,EAAE;IACdgB,kBAAkB,EAAE;EACtB,CAAC;EACDf,kBAAkB,EAAE;IAClBe,kBAAkB,EAAE;EACtB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["constants/defaultStyles.d.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,172 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.HEADING_FONT_SIZES = exports.EMPTY_FORMAT_STYLE = exports.DEFAULT_TOOLBAR_ITEMS = exports.DEFAULT_THEME = exports.DEFAULT_COLORS = exports.DEFAULT_BASE_TEXT_STYLE = void 0;
|
|
7
|
+
/**
|
|
8
|
+
* Default color palette used throughout the editor.
|
|
9
|
+
*/
|
|
10
|
+
const DEFAULT_COLORS = exports.DEFAULT_COLORS = {
|
|
11
|
+
primary: '#6366F1',
|
|
12
|
+
background: '#FFFFFF',
|
|
13
|
+
text: '#1F2937',
|
|
14
|
+
placeholder: '#9CA3AF',
|
|
15
|
+
toolbarBackground: '#F9FAFB',
|
|
16
|
+
toolbarBorder: '#E5E7EB',
|
|
17
|
+
cursor: '#6366F1',
|
|
18
|
+
activeButtonBg: '#EEF2FF',
|
|
19
|
+
codeBackground: '#F3F4F6'
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
/**
|
|
23
|
+
* Font size presets for heading levels.
|
|
24
|
+
*/
|
|
25
|
+
const HEADING_FONT_SIZES = exports.HEADING_FONT_SIZES = {
|
|
26
|
+
h1: 32,
|
|
27
|
+
h2: 24,
|
|
28
|
+
h3: 20,
|
|
29
|
+
none: 16
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* Default base text style applied to all segments.
|
|
34
|
+
*/
|
|
35
|
+
const DEFAULT_BASE_TEXT_STYLE = exports.DEFAULT_BASE_TEXT_STYLE = {
|
|
36
|
+
fontSize: 16,
|
|
37
|
+
lineHeight: 24,
|
|
38
|
+
color: DEFAULT_COLORS.text,
|
|
39
|
+
fontFamily: undefined // Uses system default
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
/**
|
|
43
|
+
* Empty format style — no formatting applied.
|
|
44
|
+
*/
|
|
45
|
+
const EMPTY_FORMAT_STYLE = exports.EMPTY_FORMAT_STYLE = {
|
|
46
|
+
bold: false,
|
|
47
|
+
italic: false,
|
|
48
|
+
underline: false,
|
|
49
|
+
strikethrough: false,
|
|
50
|
+
code: false,
|
|
51
|
+
color: undefined,
|
|
52
|
+
backgroundColor: undefined,
|
|
53
|
+
fontSize: undefined,
|
|
54
|
+
heading: undefined
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
/**
|
|
58
|
+
* Default theme configuration.
|
|
59
|
+
*/
|
|
60
|
+
const DEFAULT_THEME = exports.DEFAULT_THEME = {
|
|
61
|
+
containerStyle: {
|
|
62
|
+
borderWidth: 1,
|
|
63
|
+
borderColor: DEFAULT_COLORS.toolbarBorder,
|
|
64
|
+
borderRadius: 12,
|
|
65
|
+
backgroundColor: DEFAULT_COLORS.background,
|
|
66
|
+
overflow: 'hidden'
|
|
67
|
+
},
|
|
68
|
+
inputStyle: {
|
|
69
|
+
fontSize: DEFAULT_BASE_TEXT_STYLE.fontSize,
|
|
70
|
+
lineHeight: DEFAULT_BASE_TEXT_STYLE.lineHeight,
|
|
71
|
+
color: 'transparent',
|
|
72
|
+
paddingHorizontal: 16,
|
|
73
|
+
paddingVertical: 12,
|
|
74
|
+
textAlignVertical: 'top'
|
|
75
|
+
},
|
|
76
|
+
overlayContainerStyle: {
|
|
77
|
+
position: 'absolute',
|
|
78
|
+
top: 0,
|
|
79
|
+
left: 0,
|
|
80
|
+
right: 0,
|
|
81
|
+
bottom: 0,
|
|
82
|
+
paddingHorizontal: 16,
|
|
83
|
+
paddingVertical: 12
|
|
84
|
+
},
|
|
85
|
+
baseTextStyle: {
|
|
86
|
+
fontSize: DEFAULT_BASE_TEXT_STYLE.fontSize,
|
|
87
|
+
lineHeight: DEFAULT_BASE_TEXT_STYLE.lineHeight,
|
|
88
|
+
color: DEFAULT_COLORS.text
|
|
89
|
+
},
|
|
90
|
+
toolbarStyle: {
|
|
91
|
+
flexDirection: 'row',
|
|
92
|
+
alignItems: 'center',
|
|
93
|
+
paddingHorizontal: 8,
|
|
94
|
+
paddingVertical: 6,
|
|
95
|
+
backgroundColor: DEFAULT_COLORS.toolbarBackground,
|
|
96
|
+
borderColor: DEFAULT_COLORS.toolbarBorder,
|
|
97
|
+
gap: 2
|
|
98
|
+
},
|
|
99
|
+
toolbarButtonStyle: {
|
|
100
|
+
paddingHorizontal: 10,
|
|
101
|
+
paddingVertical: 6,
|
|
102
|
+
borderRadius: 6,
|
|
103
|
+
minWidth: 36,
|
|
104
|
+
alignItems: 'center',
|
|
105
|
+
justifyContent: 'center'
|
|
106
|
+
},
|
|
107
|
+
toolbarButtonActiveStyle: {
|
|
108
|
+
backgroundColor: DEFAULT_COLORS.activeButtonBg
|
|
109
|
+
},
|
|
110
|
+
toolbarButtonTextStyle: {
|
|
111
|
+
fontSize: 15,
|
|
112
|
+
fontWeight: '600',
|
|
113
|
+
color: DEFAULT_COLORS.text
|
|
114
|
+
},
|
|
115
|
+
toolbarButtonActiveTextStyle: {
|
|
116
|
+
color: DEFAULT_COLORS.primary
|
|
117
|
+
},
|
|
118
|
+
codeStyle: {
|
|
119
|
+
fontFamily: 'monospace',
|
|
120
|
+
backgroundColor: DEFAULT_COLORS.codeBackground,
|
|
121
|
+
paddingHorizontal: 4,
|
|
122
|
+
borderRadius: 4,
|
|
123
|
+
fontSize: 14
|
|
124
|
+
},
|
|
125
|
+
colors: {
|
|
126
|
+
primary: DEFAULT_COLORS.primary,
|
|
127
|
+
background: DEFAULT_COLORS.background,
|
|
128
|
+
text: DEFAULT_COLORS.text,
|
|
129
|
+
placeholder: DEFAULT_COLORS.placeholder,
|
|
130
|
+
toolbarBackground: DEFAULT_COLORS.toolbarBackground,
|
|
131
|
+
toolbarBorder: DEFAULT_COLORS.toolbarBorder,
|
|
132
|
+
cursor: DEFAULT_COLORS.cursor
|
|
133
|
+
}
|
|
134
|
+
};
|
|
135
|
+
|
|
136
|
+
/**
|
|
137
|
+
* Default toolbar items for the built-in toolbar.
|
|
138
|
+
*/
|
|
139
|
+
const DEFAULT_TOOLBAR_ITEMS = exports.DEFAULT_TOOLBAR_ITEMS = [{
|
|
140
|
+
id: 'bold',
|
|
141
|
+
label: 'B',
|
|
142
|
+
format: 'bold'
|
|
143
|
+
}, {
|
|
144
|
+
id: 'italic',
|
|
145
|
+
label: 'I',
|
|
146
|
+
format: 'italic'
|
|
147
|
+
}, {
|
|
148
|
+
id: 'underline',
|
|
149
|
+
label: 'U',
|
|
150
|
+
format: 'underline'
|
|
151
|
+
}, {
|
|
152
|
+
id: 'strikethrough',
|
|
153
|
+
label: 'S',
|
|
154
|
+
format: 'strikethrough'
|
|
155
|
+
}, {
|
|
156
|
+
id: 'code',
|
|
157
|
+
label: '<>',
|
|
158
|
+
format: 'code'
|
|
159
|
+
}, {
|
|
160
|
+
id: 'h1',
|
|
161
|
+
label: 'H1',
|
|
162
|
+
heading: 'h1'
|
|
163
|
+
}, {
|
|
164
|
+
id: 'h2',
|
|
165
|
+
label: 'H2',
|
|
166
|
+
heading: 'h2'
|
|
167
|
+
}, {
|
|
168
|
+
id: 'h3',
|
|
169
|
+
label: 'H3',
|
|
170
|
+
heading: 'h3'
|
|
171
|
+
}];
|
|
172
|
+
//# sourceMappingURL=defaultStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["DEFAULT_COLORS","exports","primary","background","text","placeholder","toolbarBackground","toolbarBorder","cursor","activeButtonBg","codeBackground","HEADING_FONT_SIZES","h1","h2","h3","none","DEFAULT_BASE_TEXT_STYLE","fontSize","lineHeight","color","fontFamily","undefined","EMPTY_FORMAT_STYLE","bold","italic","underline","strikethrough","code","backgroundColor","heading","DEFAULT_THEME","containerStyle","borderWidth","borderColor","borderRadius","overflow","inputStyle","paddingHorizontal","paddingVertical","textAlignVertical","overlayContainerStyle","position","top","left","right","bottom","baseTextStyle","toolbarStyle","flexDirection","alignItems","gap","toolbarButtonStyle","minWidth","justifyContent","toolbarButtonActiveStyle","toolbarButtonTextStyle","fontWeight","toolbarButtonActiveTextStyle","codeStyle","colors","DEFAULT_TOOLBAR_ITEMS","id","label","format"],"sourceRoot":"..\\..\\..\\src","sources":["constants/defaultStyles.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["context/RichTextContext.d.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.RichTextProvider = void 0;
|
|
7
|
+
exports.useRichTextContext = useRichTextContext;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _useRichText = require("@/hooks/useRichText");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
12
|
+
// ─── Context ─────────────────────────────────────────────────────────────────
|
|
13
|
+
const RichTextContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
14
|
+
|
|
15
|
+
// ─── Provider ────────────────────────────────────────────────────────────────
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* RichTextProvider wraps children with rich text state via React Context.
|
|
19
|
+
*
|
|
20
|
+
* Use this when you need to access the rich text state/actions from
|
|
21
|
+
* deeply nested components (e.g., a custom toolbar in a different part
|
|
22
|
+
* of the component tree).
|
|
23
|
+
*
|
|
24
|
+
* @example
|
|
25
|
+
* ```tsx
|
|
26
|
+
* <RichTextProvider onChangeSegments={handleChange}>
|
|
27
|
+
* <MyCustomToolbar />
|
|
28
|
+
* <RichTextInput showToolbar={false} />
|
|
29
|
+
* </RichTextProvider>
|
|
30
|
+
* ```
|
|
31
|
+
*/
|
|
32
|
+
const RichTextProvider = ({
|
|
33
|
+
children,
|
|
34
|
+
...options
|
|
35
|
+
}) => {
|
|
36
|
+
const richText = (0, _useRichText.useRichText)(options);
|
|
37
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(RichTextContext.Provider, {
|
|
38
|
+
value: richText,
|
|
39
|
+
children: children
|
|
40
|
+
});
|
|
41
|
+
};
|
|
42
|
+
exports.RichTextProvider = RichTextProvider;
|
|
43
|
+
RichTextProvider.displayName = 'RichTextProvider';
|
|
44
|
+
|
|
45
|
+
// ─── Consumer Hook ───────────────────────────────────────────────────────────
|
|
46
|
+
|
|
47
|
+
/**
|
|
48
|
+
* Hook to access the RichText state and actions from context.
|
|
49
|
+
*
|
|
50
|
+
* Must be used within a `<RichTextProvider>`.
|
|
51
|
+
*
|
|
52
|
+
* @throws If used outside of a RichTextProvider
|
|
53
|
+
*/
|
|
54
|
+
function useRichTextContext() {
|
|
55
|
+
const context = (0, _react.useContext)(RichTextContext);
|
|
56
|
+
if (!context) {
|
|
57
|
+
throw new Error('useRichTextContext must be used within a <RichTextProvider>. ' + 'Wrap your component tree with <RichTextProvider> to use this hook.');
|
|
58
|
+
}
|
|
59
|
+
return context;
|
|
60
|
+
}
|
|
61
|
+
//# sourceMappingURL=RichTextContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_useRichText","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RichTextContext","createContext","RichTextProvider","children","options","richText","useRichText","jsx","Provider","value","exports","displayName","useRichTextContext","context","useContext","Error"],"sourceRoot":"..\\..\\..\\src","sources":["context/RichTextContext.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAA2E,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE3E;AAEA,MAAMkB,eAAe,gBAAG,IAAAC,oBAAa,EAA2B,IAAI,CAAC;;AAErE;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,gBAAiD,GAAGA,CAAC;EAChEC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,QAAQ,GAAG,IAAAC,wBAAW,EAACF,OAAO,CAAC;EAErC,oBACE,IAAAxB,WAAA,CAAA2B,GAAA,EAACP,eAAe,CAACQ,QAAQ;IAACC,KAAK,EAAEJ,QAAS;IAAAF,QAAA,EACvCA;EAAQ,CACe,CAAC;AAE/B,CAAC;AAACO,OAAA,CAAAR,gBAAA,GAAAA,gBAAA;AAEFA,gBAAgB,CAACS,WAAW,GAAG,kBAAkB;;AAEjD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,kBAAkBA,CAAA,EAAsB;EACtD,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACd,eAAe,CAAC;EAC3C,IAAI,CAACa,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,+DAA+D,GAC7D,oEACJ,CAAC;EACH;EACA,OAAOF,OAAO;AAChB","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useFormatting.d.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useFormatting = useFormatting;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _formatter = require("@/utils/formatter");
|
|
9
|
+
/**
|
|
10
|
+
* Hook that provides formatting commands for the rich text editor.
|
|
11
|
+
*
|
|
12
|
+
* Handles both selection-based formatting (when text is selected)
|
|
13
|
+
* and active-style updates (when no text is selected — affects next typed text).
|
|
14
|
+
*/
|
|
15
|
+
function useFormatting({
|
|
16
|
+
segments,
|
|
17
|
+
selection,
|
|
18
|
+
activeStyles,
|
|
19
|
+
onSegmentsChange,
|
|
20
|
+
onActiveStylesChange
|
|
21
|
+
}) {
|
|
22
|
+
const toggleFormat = (0, _react.useCallback)(format => {
|
|
23
|
+
if (selection.start === selection.end) {
|
|
24
|
+
// No selection — toggle active style for next typed text
|
|
25
|
+
onActiveStylesChange({
|
|
26
|
+
...activeStyles,
|
|
27
|
+
[format]: !activeStyles[format]
|
|
28
|
+
});
|
|
29
|
+
} else {
|
|
30
|
+
// Has selection — toggle format on selected text
|
|
31
|
+
const newSegments = (0, _formatter.toggleFormatOnSelection)(segments, selection, format);
|
|
32
|
+
onSegmentsChange(newSegments);
|
|
33
|
+
}
|
|
34
|
+
}, [segments, selection, activeStyles, onSegmentsChange, onActiveStylesChange]);
|
|
35
|
+
const setStyleProperty = (0, _react.useCallback)((key, value) => {
|
|
36
|
+
if (selection.start === selection.end) {
|
|
37
|
+
onActiveStylesChange({
|
|
38
|
+
...activeStyles,
|
|
39
|
+
[key]: value
|
|
40
|
+
});
|
|
41
|
+
} else {
|
|
42
|
+
const newSegments = (0, _formatter.setStyleOnSelection)(segments, selection, key, value);
|
|
43
|
+
onSegmentsChange(newSegments);
|
|
44
|
+
}
|
|
45
|
+
}, [segments, selection, activeStyles, onSegmentsChange, onActiveStylesChange]);
|
|
46
|
+
const setHeading = (0, _react.useCallback)(level => {
|
|
47
|
+
const newSegments = (0, _formatter.setHeadingOnLine)(segments, selection, level);
|
|
48
|
+
onSegmentsChange(newSegments);
|
|
49
|
+
}, [segments, selection, onSegmentsChange]);
|
|
50
|
+
const setColor = (0, _react.useCallback)(color => {
|
|
51
|
+
setStyleProperty('color', color);
|
|
52
|
+
}, [setStyleProperty]);
|
|
53
|
+
const setBackgroundColor = (0, _react.useCallback)(color => {
|
|
54
|
+
setStyleProperty('backgroundColor', color);
|
|
55
|
+
}, [setStyleProperty]);
|
|
56
|
+
const setFontSize = (0, _react.useCallback)(size => {
|
|
57
|
+
setStyleProperty('fontSize', size);
|
|
58
|
+
}, [setStyleProperty]);
|
|
59
|
+
const isFormatActive = (0, _react.useCallback)(format => {
|
|
60
|
+
if (selection.start === selection.end) {
|
|
61
|
+
return !!activeStyles[format];
|
|
62
|
+
}
|
|
63
|
+
return (0, _formatter.isFormatActiveInSelection)(segments, selection, format);
|
|
64
|
+
}, [segments, selection, activeStyles]);
|
|
65
|
+
const currentSelectionStyle = (0, _react.useCallback)(() => {
|
|
66
|
+
if (selection.start === selection.end) {
|
|
67
|
+
return activeStyles;
|
|
68
|
+
}
|
|
69
|
+
return (0, _formatter.getSelectionStyle)(segments, selection);
|
|
70
|
+
}, [segments, selection, activeStyles]);
|
|
71
|
+
return {
|
|
72
|
+
toggleFormat,
|
|
73
|
+
setStyleProperty,
|
|
74
|
+
setHeading,
|
|
75
|
+
setColor,
|
|
76
|
+
setBackgroundColor,
|
|
77
|
+
setFontSize,
|
|
78
|
+
isFormatActive,
|
|
79
|
+
currentSelectionStyle
|
|
80
|
+
};
|
|
81
|
+
}
|
|
82
|
+
//# sourceMappingURL=useFormatting.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_formatter","useFormatting","segments","selection","activeStyles","onSegmentsChange","onActiveStylesChange","toggleFormat","useCallback","format","start","end","newSegments","toggleFormatOnSelection","setStyleProperty","key","value","setStyleOnSelection","setHeading","level","setHeadingOnLine","setColor","color","setBackgroundColor","setFontSize","size","isFormatActive","isFormatActiveInSelection","currentSelectionStyle","getSelectionStyle"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useFormatting.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAQA,IAAAC,UAAA,GAAAD,OAAA;AAgBA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,aAAaA,CAAC;EAC5BC,QAAQ;EACRC,SAAS;EACTC,YAAY;EACZC,gBAAgB;EAChBC;AACoB,CAAC,EAAE;EACvB,MAAMC,YAAY,GAAG,IAAAC,kBAAW,EAC7BC,MAAkB,IAAK;IACtB,IAAIN,SAAS,CAACO,KAAK,KAAKP,SAAS,CAACQ,GAAG,EAAE;MACrC;MACAL,oBAAoB,CAAC;QACnB,GAAGF,YAAY;QACf,CAACK,MAAM,GAAG,CAACL,YAAY,CAACK,MAAM;MAChC,CAAC,CAAC;IACJ,CAAC,MAAM;MACL;MACA,MAAMG,WAAW,GAAG,IAAAC,kCAAuB,EACzCX,QAAQ,EACRC,SAAS,EACTM,MACF,CAAC;MACDJ,gBAAgB,CAACO,WAAW,CAAC;IAC/B;EACF,CAAC,EACD,CAACV,QAAQ,EAAEC,SAAS,EAAEC,YAAY,EAAEC,gBAAgB,EAAEC,oBAAoB,CAC5E,CAAC;EAED,MAAMQ,gBAAgB,GAAG,IAAAN,kBAAW,EAClC,CAA8BO,GAAM,EAAEC,KAAqB,KAAK;IAC9D,IAAIb,SAAS,CAACO,KAAK,KAAKP,SAAS,CAACQ,GAAG,EAAE;MACrCL,oBAAoB,CAAC;QACnB,GAAGF,YAAY;QACf,CAACW,GAAG,GAAGC;MACT,CAAC,CAAC;IACJ,CAAC,MAAM;MACL,MAAMJ,WAAW,GAAG,IAAAK,8BAAmB,EACrCf,QAAQ,EACRC,SAAS,EACTY,GAAG,EACHC,KACF,CAAC;MACDX,gBAAgB,CAACO,WAAW,CAAC;IAC/B;EACF,CAAC,EACD,CAACV,QAAQ,EAAEC,SAAS,EAAEC,YAAY,EAAEC,gBAAgB,EAAEC,oBAAoB,CAC5E,CAAC;EAED,MAAMY,UAAU,GAAG,IAAAV,kBAAW,EAC3BW,KAAmB,IAAK;IACvB,MAAMP,WAAW,GAAG,IAAAQ,2BAAgB,EAAClB,QAAQ,EAAEC,SAAS,EAAEgB,KAAK,CAAC;IAChEd,gBAAgB,CAACO,WAAW,CAAC;EAC/B,CAAC,EACD,CAACV,QAAQ,EAAEC,SAAS,EAAEE,gBAAgB,CACxC,CAAC;EAED,MAAMgB,QAAQ,GAAG,IAAAb,kBAAW,EACzBc,KAAa,IAAK;IACjBR,gBAAgB,CAAC,OAAO,EAAEQ,KAAK,CAAC;EAClC,CAAC,EACD,CAACR,gBAAgB,CACnB,CAAC;EAED,MAAMS,kBAAkB,GAAG,IAAAf,kBAAW,EACnCc,KAAa,IAAK;IACjBR,gBAAgB,CAAC,iBAAiB,EAAEQ,KAAK,CAAC;EAC5C,CAAC,EACD,CAACR,gBAAgB,CACnB,CAAC;EAED,MAAMU,WAAW,GAAG,IAAAhB,kBAAW,EAC5BiB,IAAY,IAAK;IAChBX,gBAAgB,CAAC,UAAU,EAAEW,IAAI,CAAC;EACpC,CAAC,EACD,CAACX,gBAAgB,CACnB,CAAC;EAED,MAAMY,cAAc,GAAG,IAAAlB,kBAAW,EAC/BC,MAAkB,IAAc;IAC/B,IAAIN,SAAS,CAACO,KAAK,KAAKP,SAAS,CAACQ,GAAG,EAAE;MACrC,OAAO,CAAC,CAACP,YAAY,CAACK,MAAM,CAAC;IAC/B;IACA,OAAO,IAAAkB,oCAAyB,EAACzB,QAAQ,EAAEC,SAAS,EAAEM,MAAM,CAAC;EAC/D,CAAC,EACD,CAACP,QAAQ,EAAEC,SAAS,EAAEC,YAAY,CACpC,CAAC;EAED,MAAMwB,qBAAqB,GAAG,IAAApB,kBAAW,EAAC,MAAmB;IAC3D,IAAIL,SAAS,CAACO,KAAK,KAAKP,SAAS,CAACQ,GAAG,EAAE;MACrC,OAAOP,YAAY;IACrB;IACA,OAAO,IAAAyB,4BAAiB,EAAC3B,QAAQ,EAAEC,SAAS,CAAC;EAC/C,CAAC,EAAE,CAACD,QAAQ,EAAEC,SAAS,EAAEC,YAAY,CAAC,CAAC;EAEvC,OAAO;IACLG,YAAY;IACZO,gBAAgB;IAChBI,UAAU;IACVG,QAAQ;IACRE,kBAAkB;IAClBC,WAAW;IACXE,cAAc;IACdE;EACF,CAAC;AACH","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useRichText.d.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useRichText = useRichText;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _defaultStyles = require("@/constants/defaultStyles");
|
|
9
|
+
var _parser = require("@/utils/parser");
|
|
10
|
+
var _useSelection = require("@/hooks/useSelection");
|
|
11
|
+
var _useFormatting = require("@/hooks/useFormatting");
|
|
12
|
+
/**
|
|
13
|
+
* Main hook for the rich text editor.
|
|
14
|
+
*
|
|
15
|
+
* Manages the complete editor state (segments, selection, active styles)
|
|
16
|
+
* and exposes all actions needed to build a rich text UI.
|
|
17
|
+
*/
|
|
18
|
+
function useRichText(options = {}) {
|
|
19
|
+
const {
|
|
20
|
+
initialSegments,
|
|
21
|
+
onChangeSegments,
|
|
22
|
+
onChangeText
|
|
23
|
+
} = options;
|
|
24
|
+
|
|
25
|
+
// ─── State ───────────────────────────────────────────────────────────────
|
|
26
|
+
|
|
27
|
+
const [segments, setSegments] = (0, _react.useState)(() => {
|
|
28
|
+
if (initialSegments && initialSegments.length > 0) {
|
|
29
|
+
return initialSegments;
|
|
30
|
+
}
|
|
31
|
+
return [(0, _parser.createSegment)('')];
|
|
32
|
+
});
|
|
33
|
+
const [activeStyles, setActiveStyles] = (0, _react.useState)({
|
|
34
|
+
..._defaultStyles.EMPTY_FORMAT_STYLE
|
|
35
|
+
});
|
|
36
|
+
const {
|
|
37
|
+
selection,
|
|
38
|
+
handleSelectionChange
|
|
39
|
+
} = (0, _useSelection.useSelection)();
|
|
40
|
+
|
|
41
|
+
// Refs for stable access in callbacks
|
|
42
|
+
const segmentsRef = (0, _react.useRef)(segments);
|
|
43
|
+
segmentsRef.current = segments;
|
|
44
|
+
const activeStylesRef = (0, _react.useRef)(activeStyles);
|
|
45
|
+
activeStylesRef.current = activeStyles;
|
|
46
|
+
|
|
47
|
+
// ─── Segment Change Handler ──────────────────────────────────────────────
|
|
48
|
+
|
|
49
|
+
const updateSegments = (0, _react.useCallback)(newSegments => {
|
|
50
|
+
setSegments(newSegments);
|
|
51
|
+
onChangeSegments?.(newSegments);
|
|
52
|
+
onChangeText?.((0, _parser.segmentsToPlainText)(newSegments));
|
|
53
|
+
}, [onChangeSegments, onChangeText]);
|
|
54
|
+
|
|
55
|
+
// ─── Formatting ──────────────────────────────────────────────────────────
|
|
56
|
+
|
|
57
|
+
const formatting = (0, _useFormatting.useFormatting)({
|
|
58
|
+
segments,
|
|
59
|
+
selection,
|
|
60
|
+
activeStyles,
|
|
61
|
+
onSegmentsChange: updateSegments,
|
|
62
|
+
onActiveStylesChange: setActiveStyles
|
|
63
|
+
});
|
|
64
|
+
|
|
65
|
+
// ─── Text Change Handler ─────────────────────────────────────────────────
|
|
66
|
+
|
|
67
|
+
const handleTextChange = (0, _react.useCallback)(newText => {
|
|
68
|
+
const currentSegments = segmentsRef.current;
|
|
69
|
+
const currentActiveStyles = activeStylesRef.current;
|
|
70
|
+
const newSegments = (0, _parser.reconcileTextChange)(currentSegments, newText, currentActiveStyles);
|
|
71
|
+
updateSegments(newSegments);
|
|
72
|
+
}, [updateSegments]);
|
|
73
|
+
|
|
74
|
+
// ─── Selection Change Handler ────────────────────────────────────────────
|
|
75
|
+
|
|
76
|
+
const onSelectionChange = (0, _react.useCallback)(newSelection => {
|
|
77
|
+
handleSelectionChange(newSelection);
|
|
78
|
+
|
|
79
|
+
// Update active styles based on cursor position
|
|
80
|
+
if (newSelection.start === newSelection.end) {
|
|
81
|
+
const pos = (0, _parser.findPositionInSegments)(segmentsRef.current, newSelection.start);
|
|
82
|
+
if (segmentsRef.current.length > 0) {
|
|
83
|
+
const seg = segmentsRef.current[pos.segmentIndex];
|
|
84
|
+
setActiveStyles({
|
|
85
|
+
...seg.styles
|
|
86
|
+
});
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
}, [handleSelectionChange]);
|
|
90
|
+
|
|
91
|
+
// ─── Export / Import ─────────────────────────────────────────────────────
|
|
92
|
+
|
|
93
|
+
const getPlainText = (0, _react.useCallback)(() => {
|
|
94
|
+
return (0, _parser.segmentsToPlainText)(segmentsRef.current);
|
|
95
|
+
}, []);
|
|
96
|
+
const exportJSON = (0, _react.useCallback)(() => {
|
|
97
|
+
return JSON.parse(JSON.stringify(segmentsRef.current));
|
|
98
|
+
}, []);
|
|
99
|
+
const importJSON = (0, _react.useCallback)(newSegments => {
|
|
100
|
+
const safeSegments = newSegments.length > 0 ? newSegments : [(0, _parser.createSegment)('')];
|
|
101
|
+
updateSegments(safeSegments);
|
|
102
|
+
}, [updateSegments]);
|
|
103
|
+
const clear = (0, _react.useCallback)(() => {
|
|
104
|
+
updateSegments([(0, _parser.createSegment)('')]);
|
|
105
|
+
setActiveStyles({
|
|
106
|
+
..._defaultStyles.EMPTY_FORMAT_STYLE
|
|
107
|
+
});
|
|
108
|
+
}, [updateSegments]);
|
|
109
|
+
|
|
110
|
+
// ─── Build Return Value ──────────────────────────────────────────────────
|
|
111
|
+
|
|
112
|
+
const state = {
|
|
113
|
+
segments,
|
|
114
|
+
selection,
|
|
115
|
+
activeStyles
|
|
116
|
+
};
|
|
117
|
+
const actions = {
|
|
118
|
+
toggleFormat: formatting.toggleFormat,
|
|
119
|
+
setStyleProperty: formatting.setStyleProperty,
|
|
120
|
+
setHeading: formatting.setHeading,
|
|
121
|
+
setColor: formatting.setColor,
|
|
122
|
+
setBackgroundColor: formatting.setBackgroundColor,
|
|
123
|
+
setFontSize: formatting.setFontSize,
|
|
124
|
+
handleTextChange,
|
|
125
|
+
handleSelectionChange: onSelectionChange,
|
|
126
|
+
getPlainText,
|
|
127
|
+
exportJSON,
|
|
128
|
+
importJSON,
|
|
129
|
+
clear
|
|
130
|
+
};
|
|
131
|
+
return {
|
|
132
|
+
state,
|
|
133
|
+
actions
|
|
134
|
+
};
|
|
135
|
+
}
|
|
136
|
+
//# sourceMappingURL=useRichText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_defaultStyles","_parser","_useSelection","_useFormatting","useRichText","options","initialSegments","onChangeSegments","onChangeText","segments","setSegments","useState","length","createSegment","activeStyles","setActiveStyles","EMPTY_FORMAT_STYLE","selection","handleSelectionChange","useSelection","segmentsRef","useRef","current","activeStylesRef","updateSegments","useCallback","newSegments","segmentsToPlainText","formatting","useFormatting","onSegmentsChange","onActiveStylesChange","handleTextChange","newText","currentSegments","currentActiveStyles","reconcileTextChange","onSelectionChange","newSelection","start","end","pos","findPositionInSegments","seg","segmentIndex","styles","getPlainText","exportJSON","JSON","parse","stringify","importJSON","safeSegments","clear","state","actions","toggleFormat","setStyleProperty","setHeading","setColor","setBackgroundColor","setFontSize"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useRichText.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useSelection.d.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useSelection = useSelection;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
/**
|
|
9
|
+
* Hook for tracking TextInput selection state.
|
|
10
|
+
*
|
|
11
|
+
* Returns the current selection and a handler to update it.
|
|
12
|
+
*/
|
|
13
|
+
function useSelection(initialSelection) {
|
|
14
|
+
const [selection, setSelection] = (0, _react.useState)(initialSelection ?? {
|
|
15
|
+
start: 0,
|
|
16
|
+
end: 0
|
|
17
|
+
});
|
|
18
|
+
|
|
19
|
+
// Use a ref to avoid stale closures in callbacks
|
|
20
|
+
const selectionRef = (0, _react.useRef)(selection);
|
|
21
|
+
selectionRef.current = selection;
|
|
22
|
+
const handleSelectionChange = (0, _react.useCallback)(newSelection => {
|
|
23
|
+
setSelection(newSelection);
|
|
24
|
+
}, []);
|
|
25
|
+
const getSelection = (0, _react.useCallback)(() => {
|
|
26
|
+
return selectionRef.current;
|
|
27
|
+
}, []);
|
|
28
|
+
const hasSelection = (0, _react.useCallback)(() => {
|
|
29
|
+
return selectionRef.current.start !== selectionRef.current.end;
|
|
30
|
+
}, []);
|
|
31
|
+
return {
|
|
32
|
+
selection,
|
|
33
|
+
setSelection,
|
|
34
|
+
handleSelectionChange,
|
|
35
|
+
getSelection,
|
|
36
|
+
hasSelection
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
//# sourceMappingURL=useSelection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","useSelection","initialSelection","selection","setSelection","useState","start","end","selectionRef","useRef","current","handleSelectionChange","useCallback","newSelection","getSelection","hasSelection"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useSelection.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA;AACA;AACA;AACA;AACA;AACO,SAASC,YAAYA,CAACC,gBAAiC,EAAE;EAC9D,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EACxCH,gBAAgB,IAAI;IAAEI,KAAK,EAAE,CAAC;IAAEC,GAAG,EAAE;EAAE,CACzC,CAAC;;EAED;EACA,MAAMC,YAAY,GAAG,IAAAC,aAAM,EAACN,SAAS,CAAC;EACtCK,YAAY,CAACE,OAAO,GAAGP,SAAS;EAEhC,MAAMQ,qBAAqB,GAAG,IAAAC,kBAAW,EACtCC,YAA4B,IAAK;IAChCT,YAAY,CAACS,YAAY,CAAC;EAC5B,CAAC,EACD,EACF,CAAC;EAED,MAAMC,YAAY,GAAG,IAAAF,kBAAW,EAAC,MAAsB;IACrD,OAAOJ,YAAY,CAACE,OAAO;EAC7B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMK,YAAY,GAAG,IAAAH,kBAAW,EAAC,MAAe;IAC9C,OAAOJ,YAAY,CAACE,OAAO,CAACJ,KAAK,KAAKE,YAAY,CAACE,OAAO,CAACH,GAAG;EAChE,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACLJ,SAAS;IACTC,YAAY;IACZO,qBAAqB;IACrBG,YAAY;IACZC;EACF,CAAC;AACH","ignoreList":[]}
|