add other style methods

Author: timhaywood

README.md

@@ -10,10 +10,25 @@
 Learn more about writing `.jsx` files for After Effects here: https://motiondeveloper.com/blog/write-expressions-external-files/
 
 ```ts
+type StyleResult = { content: string; style: string; line: number }[];
+
+/** Parse a markdown-ish string*/
 type parseStyles = (
   textString: string,
   parsers?: Array<{ matcher: RegExp; stylename: string }>
-) => { content: string; style: string; line: number }[];
+) => StyleResult;
+
+/** Style the given word indexes */
+type styleByIndex = (textString: string, {
+   boldIndexes: number[],
+   italicsIndexes: number[]
+}) => StyleResult;
+
+/** Style the given words */
+type styleBySearch = (textString: string, {
+   boldString?: string,
+   italicsString?: string,
+}) => StyleResult;
 ```
 
 ## Example
@@ -42,3 +57,7 @@ Results in:
   { content: 'be italics', style: 'italics', line: 2 },
 ];
 ```
+
+## Limitations
+
+Currently you need to style whole words in each method, otherwise you'll get unnecessary spaces inserted.

src/index.ts

@@ -7,7 +7,7 @@ type ParsedSection = {
 function parseStyles(
   inputText: string,
   customParsers: Array<{ matcher: RegExp; stylename: string }> = []
-) {
+): ParsedSection[] {
   /** Split the input text into an array of lines */
   const inputLines = inputText.split(/[\r\n\3]/g);
 
@@ -64,6 +64,84 @@ function parseStyles(
   return parsedStyles.flat();
 }
 
+function styleByIndex(
+  inputText: string,
+  {
+    boldIndexes,
+    italicsIndexes,
+  }: { boldIndexes: number[]; italicsIndexes: number[] }
+): ParsedSection[] {
+  const inputLines = inputText.split(/[\r\n\3]/g);
+  const words = inputLines.flatMap((line, index) =>
+    line
+      .trim()
+      .split(' ')
+      .map((word) => ({ content: word, line: index }))
+  );
+
+  const wordsWithStyles = words.map((word, index) => {
+    let style = 'regular';
+    if (boldIndexes.includes(index)) style = 'bold';
+    if (italicsIndexes.includes(index)) style = 'italics';
+    return {
+      ...word,
+      style,
+    };
+  });
+
+  return wordsWithStyles;
+}
+
+function styleBySearch(
+  inputText: string,
+  {
+    boldString,
+    italicsString,
+  }: { boldString?: string; italicsString?: string } = {}
+): ParsedSection[] {
+  let regex;
+  const italics = italicsString ? italicsString.trim() : '';
+  const bold = boldString ? boldString.trim() : '';
+  if (boldString && italicsString) {
+    regex = new RegExp(`(${bold})|(${italics})`, 'g');
+  } else if (boldString) {
+    regex = new RegExp(`(${bold})`, 'g');
+  } else if (italicsString) {
+    regex = new RegExp(`(${italics})`, 'g');
+  }
+
+  if (!regex) {
+    return [
+      {
+        content: inputText,
+        style: 'regular',
+        line: 0,
+      },
+    ];
+  }
+
+  const inputLines = inputText.split(/[\r\n\3]/g);
+
+  return inputLines.flatMap((line, index) => {
+    return line
+      .split(regex)
+      .filter(Boolean)
+      .map((part) => {
+        const style =
+          part === boldString
+            ? 'bold'
+            : part === italicsString
+            ? 'italics'
+            : 'regular';
+        return {
+          content: part.trim(),
+          style,
+          line: index,
+        };
+      });
+  });
+}
+
 const defaultFontMap = {
   bold: 'Arial-BoldMT',
   italics: 'Arial-ItalicMT',
@@ -74,4 +152,4 @@ const defaultFontMap = {
 const version: string = '_npmVersion';
 
 // Export values to appear in jsx files
-export { parseStyles, defaultFontMap, version };
+export { parseStyles, styleByIndex, styleBySearch, defaultFontMap, version };