cleanup examples for multi sprites

bd6da695c80ff6f9a065d67f4a376fa6b5a0ec55

Wolfsblvt <wolfsblvt@gmail.com>

Parents: 531999dc04c89c21232d6992619075139eec7249

public/scripts/extensions/expressions/settings.html+14 -3 Viewed

                         <span data-i18n="Remove all image overrides">Remove all image overrides</span>
                     </div>
                 </div>
 -                <p class="hint"><b data-i18n="Hint:">Hint:</b> <i><span data-i18n="Create new folder in the _space">Create new folder in the </span><b>/characters/</b> <span data-i18n="folder of your user data directory and name it as the name of the character.">folder of your user data directory and name it as the name of the character.</span>
 +                <p class="hint">
 -                <span data-i18n="Put images with expressions there. File names should follow the pattern:">Put images with expressions there. File names should follow the pattern: </span><tt data-i18n="expression_label_pattern">[expression_label].[image_format]</tt></i></p>
 +                    <b data-i18n="Hint:">Hint:</b>
 -                <span>In case of multiple files per expression, file names can contain a suffix, either separated by a dot or a dash. Examples: </span><tt>joy.png</tt>, <tt>joy-1.png</tt>, <tt>joy.expressive.png</tt>, <tt>美しい-17.png</tt>
 +                    <i>
 +                        <span data-i18n="Create new folder in the _space">Create new folder in the </span><b>/characters/</b> <span data-i18n="folder of your user data directory and name it as the name of the character.">folder of your user data directory and name it as the name of the character.</span>
 +                        <span data-i18n="Put images with expressions there. File names should follow the pattern:">Put images with expressions there. File names should follow the pattern: </span><tt data-i18n="expression_label_pattern">[expression_label].[image_format]</tt>
 +                    </i>
 +                </p>
 +                <p>
 +                    <i>
 +                        <span>In case of multiple files per expression, file names can contain a suffix, either separated by a dot or a
 +                            dash.
 +                            Examples: </span><tt>joy.png</tt>, <tt>joy-1.png</tt>, <tt>joy.expressive.png</tt>
 +                    </i>
 +                </p>
                 <h3 id="image_list_header">
                     <strong data-i18n="Sprite set:">Sprite set:</strong>&nbsp;<span id="image_list_header_name"></span>
                 </h3>

public/scripts/extensions/expressions/templates/upload-expression.html+1 -1 Viewed

 <div data-i18n="upload_expression_naming_2">
     For multiple expressions, the name must follow the expression name and a valid suffix. Allowed separators are '-' or dot '.'.
 </div>
 <span class="m-b-1" data-i18n="Examples:">Examples:</span> <tt>{{expression}}.png</tt>, <tt>{{expression}}-1.png</tt>, <tt>{{expression}}.expressive.png</tt>, <tt>美しい-17.png</tt>
 {{#if clickedFileName}}
 <div class="m-t-1" data-i18n="upload_expression_replace">Click 'Replace' to replace the existing expression:</div>
 <tt>{{clickedFileName}}</tt>

src/endpoints/sprites.js+1 -1 Viewed

                     const fileName = path.parse(pathToSprite).name.toLowerCase();
                     // Extract the label from the filename via regex, which can be suffixed with a sub-name, either connected with a dash or a dot.
                     // Examples: joy.png, joy-1.png, joy.expressive.png, 美しい-17.png
                     const label = fileName.match(/^(.+?)(?:[-\\.].*?)?$/)?.[1] ?? fileName;
                     return {