It should not be assumed that the Original Language resource is always first in ScriptureTable books array param.

[abelpz]

Summary

ScriptureTable has a param called books, this is being passed in to it by ParallelScripture component after processing an array of resource URLs, this array is supposed to contain URLs for: an Original Language (Source), translations aligned to the previous original language. The problem is the Original Language is assumed to always be first in that array and ScriptureTable renders each resource in the same order they are set in that resources array, so when users want to move the original languages to a different position, some features like highlighting break.

Critical places where hardcoded position is breaking highlighting:

https://github.com/unfoldingWord/scripture-resources-rcl/blob/138664f1a2ae8a9c784f5dad9742722f36a29685/src/components/parallel-scripture/ScriptureTable.js#L148C26-L148C29

https://github.com/unfoldingWord/scripture-resources-rcl/blob/138664f1a2ae8a9c784f5dad9742722f36a29685/src/components/parallel-scripture/helpers.js#L92C11-L92C22

The Zero (0) in both places refers to the position of the Original Language resource.

Motivation

• ScriptureTable should allow the user to place the Original Language in any position preferred by him.
• ScriptureTable should either infer what is position of the Original Language in that array, or the user should be able to tell it via a param.

DoD

Changing the order of the resources array sent to the ParallelScripture component should not break alignment.

[Joel-C-Johnson]

thanks for creating the issue with proper details. I will work on this.

[Joel-C-Johnson]

Solved the issue: unfoldingWord/tc-create-app#1600 (comment)

[Joel-C-Johnson]

For testing:

https://deploy-preview-173--scripture-resources-rcl.netlify.app/

[Joel-C-Johnson]

Test Instruction in RCL :

• Open this link: https://deploy-preview-173--scripture-resources-rcl.netlify.app/#/Parallel%20Scripture%20?id=parallelscripture
• Change the value of ORIGINAL_LANG_POSITION to 1

const ORIGINAL_LANG_POSITION = 1;

• Change the array index of defaultResourceLinks as shown below

const defaultResourceLinks = [
   `unfoldingWord/${path.nt}/master/${bookId}`,
  `unfoldingWord/en/ult/master/${bookId}`,
  `https://git.door43.org/unfoldingWord/en_ust/src/branch/master`,
];

• You can see the original language moved to the first position

Note: In defaultResourceLinks the value unfoldingWord/${path.nt}/master/${bookId} is the original (Greek / Hebrew) language, So if we move this link to a different index and also change the value of ORIGINAL_LANG_POSITION as the same index value.

[danielklapp]

Looks good to me. User can place the Original Language in any position they prefer in the array without breaking alignment. Tested with ScriptureResourcesRcl v5.5.5.

[Joel-C-Johnson]

Looks good to me. User can place the Original Language in any position they prefer in the array without breaking alignment. Tested with ScriptureResourcesRcl v5.5.5.

Moving to QA Done as it is already merged and closed.