FilesExpand file tree

 master

/

flutterTextBuilder.ts

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

119 lines (97 loc) · 3.39 KB

 master

/

flutterTextBuilder.ts

Copy path

Top

File metadata and controls

• Code
• Blame

119 lines (97 loc) · 3.39 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

import { commonLetterSpacing } from "./../common/commonTextHeightSpacing";

import { FlutterDefaultBuilder } from "./flutterDefaultBuilder";

import { AltTextNode } from "../altNodes/altMixins";

import { convertFontWeight } from "../tailwind/tailwindTextBuilder";

import { flutterColor } from "./builderImpl/flutterColor";

import { numToAutoFixed } from "../common/numToAutoFixed";

export class FlutterTextBuilder extends FlutterDefaultBuilder {

constructor(optChild: string = "") {

super(optChild);

}

reset(): void {

this.child = "";

}

createText(node: AltTextNode): this {

this.child = makeTextComponent(node);

return this;

}

textAutoSize(node: AltTextNode): this {

this.child = wrapTextAutoResize(node, this.child);

return this;

}

}

export const makeTextComponent = (node: AltTextNode): string => {

// only undefined in testing

let alignHorizontal =

node.textAlignHorizontal?.toString()?.toLowerCase() ?? "left";

alignHorizontal =

alignHorizontal === "justified" ? "justify" : alignHorizontal;

// todo if layoutAlign !== MIN, Text will be wrapped by Align

// if alignHorizontal is LEFT, don't do anything because that is native

const textAlign =

alignHorizontal !== "left"

? `textAlign: TextAlign.${alignHorizontal}, `

: "";

let text = node.characters;

if (node.textCase === "LOWER") {

text = text.toLowerCase();

} else if (node.textCase === "UPPER") {

text = text.toUpperCase();

}

// else if (node.textCase === "TITLE") {

// TODO this

// }

const textStyle = getTextStyle(node);

const style = textStyle ? `style: TextStyle(${textStyle}), ` : "";

const splittedChars = text.split("\n");

const charsWithLineBreak =

splittedChars.length > 1 ? splittedChars.join("\\n") : text;

return `Text("${charsWithLineBreak}", ${textAlign}${style}), `;

};

export const getTextStyle = (node: AltTextNode): string => {

// example: text-md

let styleBuilder = "";

styleBuilder += flutterColor(node.fills);

if (node.fontSize !== figma.mixed) {

styleBuilder += `fontSize: ${numToAutoFixed(node.fontSize)}, `;

}

if (node.textDecoration === "UNDERLINE") {

styleBuilder += "decoration: TextDecoration.underline, ";

}

if (

node.fontName !== figma.mixed &&

node.fontName.style.toLowerCase().match("italic")

) {

styleBuilder += "fontStyle: FontStyle.italic, ";

}

if (node.fontName !== figma.mixed) {

styleBuilder += `fontFamily: "${node.fontName.family}", `;

}

if (node.fontName !== figma.mixed) {

styleBuilder += `fontWeight: FontWeight.w${convertFontWeight(

node.fontName.style

)}, `;

}

// todo lineSpacing

const letterSpacing = commonLetterSpacing(node);

if (letterSpacing > 0) {

styleBuilder += `letterSpacing: ${numToAutoFixed(letterSpacing)}, `;

}

return styleBuilder;

};

export const wrapTextAutoResize = (

node: AltTextNode,

child: string

): string => {

if (node.textAutoResize === "NONE") {

// = instead of += because we want to replace it

return `SizedBox(width: ${numToAutoFixed(

node.width

)}, height: ${numToAutoFixed(node.height)}, child: ${child}),`;

} else if (node.textAutoResize === "HEIGHT") {

// if HEIGHT is set, it means HEIGHT will be calculated automatically, but width won't

// = instead of += because we want to replace it

return `SizedBox(width: ${numToAutoFixed(node.width)}, child: ${child}),`;

}

return child;

};