Line numbers

[samuelgoldenbaum]

Before I go down the rabbit hole of trying to implement line numbers, is there a reason they were not implemented—anything I need to be aware of?

[Desintegrator]

also looking for this function. Were you manage to implement this? @samuelgoldenbaum

[rb-x]

Here is a partial solution if it can help :

const totalLines = codeString.length;
const maxDigits = totalLines.toString().length;
const formattedCodeString = codeString.map((line, index) => {
  const lineNumber = (index + 1).toString().padStart(maxDigits, ' ');
  return `${lineNumber} | ${line}`;
}).join('\n');

[gdxie1]

This version actually support showLineNumber, also there is some problems about the format of linenumber. Here is my solution temporarily.

function createNativeElement({ node, stylesheet, key, defaultColor, fontFamily, fontSize = 12 }) {
const { properties, type, tagName: TagName, value } = node;
const startingStyle = { fontFamily, fontSize, height: fontSize + 15, paddingRight: 30 };

if (type === 'text') {
return (
<Text
key={key}
style={Object.assign({ color: defaultColor }, startingStyle)}
>
{value}

);
} else if (TagName) {
const childrenCreator = createChildren({ stylesheet, fontSize, fontFamily });
const style = createStyleObject(
properties.className,
Object.assign(
{ color: defaultColor },
properties.style,
startingStyle
),
stylesheet
);
const children = childrenCreator(node.children, style.color || defaultColor);
if (properties.className.indexOf("linenumber") != -1) {
return <><Text key={key} style={[style, {}]}>{children} </>
}
if (properties.className.length) {
return children
}
return {children};
}
}