Setting Directory for Custom Token Frames causes uncaught exception

scooper4711 commented 3 years ago

I've set the Directory for Custom Token Frames to various settings, including:

[s3:vtt-assets-inharnsway.com] icons/frames
[data] user-icons

other directories too and whenever it is set to anything other than a blank string, I get the following error when trying to edit a token:

TypeError: An error occurred while rendering Tokenizer 218: Cannot read property 'toUpperCase' of undefined
at Function.titleString (utils.js:199)
at index.js:48
at Array.map (<anonymous>)
at Tokenizer.getData (index.js:43)
at async Tokenizer._render (foundry.js:2042)
at async Tokenizer._render (foundry.js:2729)

scooper4711 commented 3 years ago

I'm not sure if this is related to #38, however the same fix fixes it. However, selecting a frame from that directory and pressing apply frame does nothing.

scooper4711 commented 3 years ago

If it helps you debug, here's a list of the files in that directory

[ec2-user@ip-172-31-60-86 user-icons]$ ls -l
total 27280
-rw-r--r-- 1 ec2-user ec2-user  62805 Jul  7 02:27 Aloha.png
-rw-r--r-- 1 ec2-user ec2-user  84737 Jul  7 02:27 Black-Sun-Portal-Purple.png
-rw-r--r-- 1 ec2-user ec2-user  66446 Jul  7 02:27 Cameo-Circle-Blue_1.png
-rw-r--r-- 1 ec2-user ec2-user  66007 Jul  7 02:27 Cameo-Circle-Blue.png
-rw-r--r-- 1 ec2-user ec2-user  63669 Jul  7 02:27 Cameo-Circle-Green.png
-rw-r--r-- 1 ec2-user ec2-user  66444 Jul  7 02:27 Cameo-Circle-Orange.png
-rw-r--r-- 1 ec2-user ec2-user  65866 Jul  7 02:27 Cameo-Circle-Pink.png
-rw-r--r-- 1 ec2-user ec2-user  64400 Jul  7 02:27 Cameo-Circle-Purple.png
-rw-r--r-- 1 ec2-user ec2-user  62644 Jul  7 02:27 Cameo-Circle-Red.png
-rw-r--r-- 1 ec2-user ec2-user  65329 Jul  7 02:27 Cameo-Circle-Yellow.png
-rw-r--r-- 1 ec2-user ec2-user  64413 Jul  7 02:27 Cameo-Squircle-Blue_1.png
-rw-r--r-- 1 ec2-user ec2-user  64383 Jul  7 02:27 Cameo-Squircle-Blue.png
-rw-r--r-- 1 ec2-user ec2-user  61772 Jul  7 02:27 Cameo-Squircle-Green.png
-rw-r--r-- 1 ec2-user ec2-user  64605 Jul  7 02:27 Cameo-Squircle-Orange.png
-rw-r--r-- 1 ec2-user ec2-user  64138 Jul  7 02:27 Cameo-Squircle-Pink.png
-rw-r--r-- 1 ec2-user ec2-user  62629 Jul  7 02:27 Cameo-Squircle-Purple.png
-rw-r--r-- 1 ec2-user ec2-user  60367 Jul  7 02:27 Cameo-Squircle-Red.png
-rw-r--r-- 1 ec2-user ec2-user  63566 Jul  7 02:27 Cameo-Squircle-Yellow.png
-rw-r--r-- 1 ec2-user ec2-user  79644 Jul  7 02:27 Card_Axes.png
-rw-r--r-- 1 ec2-user ec2-user  80269 Jul  7 02:27 Card_Blades.png
-rw-r--r-- 1 ec2-user ec2-user  80937 Jul  7 02:27 Card_Bolts.png
-rw-r--r-- 1 ec2-user ec2-user  81012 Jul  7 02:27 Card_Eyes.png
-rw-r--r-- 1 ec2-user ec2-user  78025 Jul  7 02:27 Card_Helms.png
-rw-r--r-- 1 ec2-user ec2-user  77435 Jul  7 02:27 Card_Keeps.png
-rw-r--r-- 1 ec2-user ec2-user  79106 Jul  7 02:27 Card_Leaves.png
-rw-r--r-- 1 ec2-user ec2-user  79878 Jul  7 02:27 Card_Lutes.png

MrPrimate commented 3 years ago

Thanks for the detailed info - what version of Tokenizer are you using?

MrPrimate commented 3 years ago

Can you try changing the function to:

  static titleString (text) {
    const words = text.trim().split(" ");
    console.log(`Splitting "${text}"`);
    console.log(words);

    for (let i = 0; i < words.length; i++) {
      if (words[i][0] && (i == 0 || !SKIPPING_WORDS.includes(words[i]))) {
        words[i] = words[i][0].toUpperCase() + words[i].substr(1);
      }
    }

    return  words.join(" ");
  }

And upload the results that appear in the console so we can try to narrow down the cause?

scooper4711 commented 3 years ago

I'm using version 3.2.1

scooper4711 commented 3 years ago

Output from console. Click to expand

``` Foundry VTT | Rendering Tokenizer utils.js:196 Splitting "Aloha.png" utils.js:197 ["Aloha.png"] utils.js:196 Splitting "Black Sun Portal Purple.png" utils.js:197 (4) ["Black", "Sun", "Portal", "Purple.png"] utils.js:196 Splitting "Cameo Circle Blue.png" utils.js:197 (3) ["Cameo", "Circle", "Blue.png"] utils.js:196 Splitting "Cameo Circle Blue 1.png" utils.js:197 (4) ["Cameo", "Circle", "Blue", "1.png"] utils.js:196 Splitting "Cameo Circle Green.png" utils.js:197 (3) ["Cameo", "Circle", "Green.png"] utils.js:196 Splitting "Cameo Circle Orange.png" utils.js:197 (3) ["Cameo", "Circle", "Orange.png"] utils.js:196 Splitting "Cameo Circle Pink.png" utils.js:197 (3) ["Cameo", "Circle", "Pink.png"] utils.js:196 Splitting "Cameo Circle Purple.png" utils.js:197 (3) ["Cameo", "Circle", "Purple.png"] utils.js:196 Splitting "Cameo Circle Red.png" utils.js:197 (3) ["Cameo", "Circle", "Red.png"] utils.js:196 Splitting "Cameo Circle Yellow.png" utils.js:197 (3) ["Cameo", "Circle", "Yellow.png"] utils.js:196 Splitting "Cameo Squircle Blue.png" utils.js:197 (3) ["Cameo", "Squircle", "Blue.png"] utils.js:196 Splitting "Cameo Squircle Blue 1.png" utils.js:197 (4) ["Cameo", "Squircle", "Blue", "1.png"] utils.js:196 Splitting "Cameo Squircle Green.png" utils.js:197 (3) ["Cameo", "Squircle", "Green.png"] utils.js:196 Splitting "Cameo Squircle Orange.png" utils.js:197 (3) ["Cameo", "Squircle", "Orange.png"] utils.js:196 Splitting "Cameo Squircle Pink.png" utils.js:197 (3) ["Cameo", "Squircle", "Pink.png"] utils.js:196 Splitting "Cameo Squircle Purple.png" utils.js:197 (3) ["Cameo", "Squircle", "Purple.png"] utils.js:196 Splitting "Cameo Squircle Red.png" utils.js:197 (3) ["Cameo", "Squircle", "Red.png"] utils.js:196 Splitting "Cameo Squircle Yellow.png" utils.js:197 (3) ["Cameo", "Squircle", "Yellow.png"] utils.js:196 Splitting "Card Axes.png" utils.js:197 (2) ["Card", "Axes.png"] utils.js:196 Splitting "Card Blades.png" utils.js:197 (2) ["Card", "Blades.png"] utils.js:196 Splitting "Card Bolts.png" utils.js:197 (2) ["Card", "Bolts.png"] utils.js:196 Splitting "Card Eyes.png" utils.js:197 (2) ["Card", "Eyes.png"] utils.js:196 Splitting "Card Helms.png" utils.js:197 (2) ["Card", "Helms.png"] utils.js:196 Splitting "Card Keeps.png" utils.js:197 (2) ["Card", "Keeps.png"] utils.js:196 Splitting "Card Leaves.png" utils.js:197 (2) ["Card", "Leaves.png"] utils.js:196 Splitting "Card Lutes.png" utils.js:197 (2) ["Card", "Lutes.png"] utils.js:196 Splitting "Card Maces.png" utils.js:197 (2) ["Card", "Maces.png"] utils.js:196 Splitting "Card Masks.png" utils.js:197 (2) ["Card", "Masks.png"] utils.js:196 Splitting "Card Moons.png" utils.js:197 (2) ["Card", "Moons.png"] utils.js:196 Splitting "Card None.png" utils.js:197 (2) ["Card", "None.png"] utils.js:196 Splitting "Card Palms.png" utils.js:197 (2) ["Card", "Palms.png"] utils.js:196 Splitting "Card Scrolls.png" utils.js:197 (2) ["Card", "Scrolls.png"] utils.js:196 Splitting "Card Skulls.png" utils.js:197 (2) ["Card", "Skulls.png"] utils.js:196 Splitting "Card Stars.png" utils.js:197 (2) ["Card", "Stars.png"] utils.js:196 Splitting "Card Suns.png" utils.js:197 (2) ["Card", "Suns.png"] utils.js:196 Splitting "Chain C Gold.png" utils.js:197 (3) ["Chain", "C", "Gold.png"] utils.js:196 Splitting "Chain C Iron.png" utils.js:197 (3) ["Chain", "C", "Iron.png"] utils.js:196 Splitting "Chain C Rust.png" utils.js:197 (3) ["Chain", "C", "Rust.png"] utils.js:196 Splitting "Chain C Silver.png" utils.js:197 (3) ["Chain", "C", "Silver.png"] utils.js:196 Splitting "Chain S Gold.png" utils.js:197 (3) ["Chain", "S", "Gold.png"] utils.js:196 Splitting "Chain S Iron.png" utils.js:197 (3) ["Chain", "S", "Iron.png"] utils.js:196 Splitting "Chain S Rust.png" utils.js:197 (3) ["Chain", "S", "Rust.png"] utils.js:196 Splitting "Chain S Silver.png" utils.js:197 (3) ["Chain", "S", "Silver.png"] utils.js:196 Splitting "Chevron Blue.png" utils.js:197 (2) ["Chevron", "Blue.png"] utils.js:196 Splitting "Chevron Copper.png" utils.js:197 (2) ["Chevron", "Copper.png"] utils.js:196 Splitting "Chevron Gold.png" utils.js:197 (2) ["Chevron", "Gold.png"] utils.js:196 Splitting "Chevron Green.png" utils.js:197 (2) ["Chevron", "Green.png"] utils.js:196 Splitting "Chevron Orange.png" utils.js:197 (2) ["Chevron", "Orange.png"] utils.js:196 Splitting "Chevron Pink.png" utils.js:197 (2) ["Chevron", "Pink.png"] utils.js:196 Splitting "Chevron Purple.png" utils.js:197 (2) ["Chevron", "Purple.png"] utils.js:196 Splitting "Chevron Red.png" utils.js:197 (2) ["Chevron", "Red.png"] utils.js:196 Splitting "Chevron Rivets.png" utils.js:197 (2) ["Chevron", "Rivets.png"] utils.js:196 Splitting "Chevron Rust.png" utils.js:197 (2) ["Chevron", "Rust.png"] utils.js:196 Splitting "Chevron Silver.png" utils.js:197 (2) ["Chevron", "Silver.png"] utils.js:196 Splitting "Chevron Spectrum.png" utils.js:197 (2) ["Chevron", "Spectrum.png"] utils.js:196 Splitting "Chevron Yellow.png" utils.js:197 (2) ["Chevron", "Yellow.png"] utils.js:196 Splitting "Circle Blue.png" utils.js:197 (2) ["Circle", "Blue.png"] utils.js:196 Splitting "Circle Copper.png" utils.js:197 (2) ["Circle", "Copper.png"] utils.js:196 Splitting "Circle Orange.png" utils.js:197 (2) ["Circle", "Orange.png"] utils.js:196 Splitting "Circle Pink.png" utils.js:197 (2) ["Circle", "Pink.png"] utils.js:196 Splitting "Circle Purple.png" utils.js:197 (2) ["Circle", "Purple.png"] utils.js:196 Splitting "Circle Red.png" utils.js:197 (2) ["Circle", "Red.png"] utils.js:196 Splitting "Circle Rivets.png" utils.js:197 (2) ["Circle", "Rivets.png"] utils.js:196 Splitting "Circle Rust.png" utils.js:197 (2) ["Circle", "Rust.png"] utils.js:196 Splitting "Circle Spectrum.png" utils.js:197 (2) ["Circle", "Spectrum.png"] utils.js:196 Splitting "Circle Yellow.png" utils.js:197 (2) ["Circle", "Yellow.png"] utils.js:196 Splitting "Circle Gold.png" utils.js:197 (3) ["Circle", "", "Gold.png"] utils.js:196 Splitting "Circle Green.png" utils.js:197 (3) ["Circle", "", "Green.png"] utils.js:196 Splitting "Circle Silver.png" utils.js:197 (3) ["Circle", "", "Silver.png"] utils.js:196 Splitting "Circlet Gold.png" utils.js:197 (2) ["Circlet", "Gold.png"] utils.js:196 Splitting "Circlet Purple.png" utils.js:197 (2) ["Circlet", "Purple.png"] utils.js:196 Splitting "Circlet Red.png" utils.js:197 (2) ["Circlet", "Red.png"] utils.js:196 Splitting "Circlet Silver.png" utils.js:197 (2) ["Circlet", "Silver.png"] utils.js:196 Splitting "Crown Gold.png" utils.js:197 (2) ["Crown", "Gold.png"] utils.js:196 Splitting "Crown Silver.png" utils.js:197 (2) ["Crown", "Silver.png"] utils.js:196 Splitting "Disc Blue Green.png" utils.js:197 (3) ["Disc", "Blue", "Green.png"] utils.js:196 Splitting "Disc Blue Red.png" utils.js:197 (3) ["Disc", "Blue", "Red.png"] utils.js:196 Splitting "Disc Pink Blue.png" utils.js:197 (3) ["Disc", "Pink", "Blue.png"] utils.js:196 Splitting "Disc Silver.png" utils.js:197 (2) ["Disc", "Silver.png"] utils.js:196 Splitting "Disc Spectrum.png" utils.js:197 (2) ["Disc", "Spectrum.png"] utils.js:196 Splitting "Disc Yellow Orange.png" utils.js:197 (3) ["Disc", "Yellow", "Orange.png"] utils.js:196 Splitting "Disk Gold.png" utils.js:197 (2) ["Disk", "Gold.png"] utils.js:196 Splitting "Element Air Ring.png" utils.js:197 (3) ["Element", "Air", "Ring.png"] utils.js:196 Splitting "Element Air.png" utils.js:197 (2) ["Element", "Air.png"] utils.js:196 Splitting "Element Earth Ring.png" utils.js:197 (3) ["Element", "Earth", "Ring.png"] utils.js:196 Splitting "Element Earth.png" utils.js:197 (2) ["Element", "Earth.png"] utils.js:196 Splitting "Element Fire Ring.png" utils.js:197 (3) ["Element", "Fire", "Ring.png"] utils.js:196 Splitting "Element Fire.png" utils.js:197 (2) ["Element", "Fire.png"] utils.js:196 Splitting "Element Ice Ring.png" utils.js:197 (3) ["Element", "Ice", "Ring.png"] utils.js:196 Splitting "Element Ice.png" utils.js:197 (2) ["Element", "Ice.png"] utils.js:196 Splitting "Element Lightning Ring.png" utils.js:197 (3) ["Element", "Lightning", "Ring.png"] utils.js:196 Splitting "Element Mist.png" utils.js:197 (2) ["Element", "Mist.png"] utils.js:196 Splitting "Element Smoke.png" utils.js:197 (2) ["Element", "Smoke.png"] utils.js:196 Splitting "Element Water Ring.png" utils.js:197 (3) ["Element", "Water", "Ring.png"] utils.js:196 Splitting "Element Water.png" utils.js:197 (2) ["Element", "Water.png"] utils.js:196 Splitting "Element Lightning.png" utils.js:197 (2) ["Element", "Lightning.png"] utils.js:196 Splitting "Frame Bevel Squircle Silver.png" utils.js:197 (5) ["Frame", "", "Bevel", "Squircle", "Silver.png"] utils.js:196 Splitting "Frame Bevel Circle Gold.png" utils.js:197 (4) ["Frame", "Bevel", "Circle", "Gold.png"] utils.js:196 Splitting "Frame Bevel Circle Silver.png" utils.js:197 (4) ["Frame", "Bevel", "Circle", "Silver.png"] utils.js:196 Splitting "Frame Bevel Square Gold.png" utils.js:197 (4) ["Frame", "Bevel", "Square", "Gold.png"] utils.js:196 Splitting "Frame Bevel Square Silver.png" utils.js:197 (4) ["Frame", "Bevel", "Square", "Silver.png"] utils.js:196 Splitting "Frame Bevel Squircle Gold.png" utils.js:197 (4) ["Frame", "Bevel", "Squircle", "Gold.png"] utils.js:196 Splitting "Frame Marbled Blue.png" utils.js:197 (3) ["Frame", "Marbled", "Blue.png"] utils.js:196 Splitting "Frame Marbled Cyan.png" utils.js:197 (3) ["Frame", "Marbled", "Cyan.png"] utils.js:196 Splitting "Frame Marbled Gray.png" utils.js:197 (3) ["Frame", "Marbled", "Gray.png"] utils.js:196 Splitting "Frame Marbled Green.png" utils.js:197 (3) ["Frame", "Marbled", "Green.png"] utils.js:196 Splitting "Frame Marbled Orange.png" utils.js:197 (3) ["Frame", "Marbled", "Orange.png"] utils.js:196 Splitting "Frame Marbled Pink.png" utils.js:197 (3) ["Frame", "Marbled", "Pink.png"] utils.js:196 Splitting "Frame Marbled Purple.png" utils.js:197 (3) ["Frame", "Marbled", "Purple.png"] utils.js:196 Splitting "Frame Marbled Red.png" utils.js:197 (3) ["Frame", "Marbled", "Red.png"] utils.js:196 Splitting "Frame Marbled Spectrum.png" utils.js:197 (3) ["Frame", "Marbled", "Spectrum.png"] utils.js:196 Splitting "Frame Marbled Yellow.png" utils.js:197 (3) ["Frame", "Marbled", "Yellow.png"] utils.js:196 Splitting "Frame Ogee Circle Gold.png" utils.js:197 (4) ["Frame", "Ogee", "Circle", "Gold.png"] utils.js:196 Splitting "Frame Ogee Circle Silver.png" utils.js:197 (4) ["Frame", "Ogee", "Circle", "Silver.png"] utils.js:196 Splitting "Frame Ogee Square Gold.png" utils.js:197 (4) ["Frame", "Ogee", "Square", "Gold.png"] utils.js:196 Splitting "Frame Ogee Square Silver.png" utils.js:197 (4) ["Frame", "Ogee", "Square", "Silver.png"] utils.js:196 Splitting "Frame Ogee Squircle Gold.png" utils.js:197 (4) ["Frame", "Ogee", "Squircle", "Gold.png"] utils.js:196 Splitting "Frame Ogee Squircle Silver.png" utils.js:197 (4) ["Frame", "Ogee", "Squircle", "Silver.png"] utils.js:196 Splitting "Frame2 Blue.png" utils.js:197 (2) ["Frame2", "Blue.png"] utils.js:196 Splitting "Frame2 Green.png" utils.js:197 (2) ["Frame2", "Green.png"] utils.js:196 Splitting "Frame2 Orange.png" utils.js:197 (2) ["Frame2", "Orange.png"] utils.js:196 Splitting "Frame2 Pink.png" utils.js:197 (2) ["Frame2", "Pink.png"] utils.js:196 Splitting "Frame2 Purple.png" utils.js:197 (2) ["Frame2", "Purple.png"] utils.js:196 Splitting "Frame2 Red.png" utils.js:197 (2) ["Frame2", "Red.png"] utils.js:196 Splitting "Frame2 Spectrum.png" utils.js:197 (2) ["Frame2", "Spectrum.png"] utils.js:196 Splitting "Frame2 Yellow.png" utils.js:197 (2) ["Frame2", "Yellow.png"] utils.js:196 Splitting "Gem Amethyst.png" utils.js:197 (2) ["Gem", "Amethyst.png"] utils.js:196 Splitting "Gem Emerald.png" utils.js:197 (2) ["Gem", "Emerald.png"] utils.js:196 Splitting "Gem Obsidian.png" utils.js:197 (2) ["Gem", "Obsidian.png"] utils.js:196 Splitting "Gem Ruby.png" utils.js:197 (2) ["Gem", "Ruby.png"] utils.js:196 Splitting "Gem Sapphire.png" utils.js:197 (2) ["Gem", "Sapphire.png"] utils.js:196 Splitting "Gem Spinel.png" utils.js:197 (2) ["Gem", "Spinel.png"] utils.js:196 Splitting "Hex Blue.png" utils.js:197 (2) ["Hex", "Blue.png"] utils.js:196 Splitting "Hex Copper.png" utils.js:197 (2) ["Hex", "Copper.png"] utils.js:196 Splitting "Hex Gold.png" utils.js:197 (2) ["Hex", "Gold.png"] utils.js:196 Splitting "Hex Green.png" utils.js:197 (2) ["Hex", "Green.png"] utils.js:196 Splitting "Hex Orange.png" utils.js:197 (2) ["Hex", "Orange.png"] utils.js:196 Splitting "Hex Pink.png" utils.js:197 (2) ["Hex", "Pink.png"] utils.js:196 Splitting "Hex Purple.png" utils.js:197 (2) ["Hex", "Purple.png"] utils.js:196 Splitting "Hex Red.png" utils.js:197 (2) ["Hex", "Red.png"] utils.js:196 Splitting "Hex Rivets.png" utils.js:197 (2) ["Hex", "Rivets.png"] utils.js:196 Splitting "Hex Rust.png" utils.js:197 (2) ["Hex", "Rust.png"] utils.js:196 Splitting "Hex Silver.png" utils.js:197 (2) ["Hex", "Silver.png"] utils.js:196 Splitting "Hex Spectrum.png" utils.js:197 (2) ["Hex", "Spectrum.png"] utils.js:196 Splitting "Hex Tall Blue.png" utils.js:197 (3) ["Hex", "Tall", "Blue.png"] utils.js:196 Splitting "Hex Tall Copper.png" utils.js:197 (3) ["Hex", "Tall", "Copper.png"] utils.js:196 Splitting "Hex Tall Gold.png" utils.js:197 (3) ["Hex", "Tall", "Gold.png"] utils.js:196 Splitting "Hex Tall Green.png" utils.js:197 (3) ["Hex", "Tall", "Green.png"] utils.js:196 Splitting "Hex Tall Orange.png" utils.js:197 (3) ["Hex", "Tall", "Orange.png"] utils.js:196 Splitting "Hex Tall Pink.png" utils.js:197 (3) ["Hex", "Tall", "Pink.png"] utils.js:196 Splitting "Hex Tall Plain.png" utils.js:197 (3) ["Hex", "Tall", "Plain.png"] utils.js:196 Splitting "Hex Tall Purple.png" utils.js:197 (3) ["Hex", "Tall", "Purple.png"] utils.js:196 Splitting "Hex Tall Rivets.png" utils.js:197 (3) ["Hex", "Tall", "Rivets.png"] utils.js:196 Splitting "Hex Tall Rust.png" utils.js:197 (3) ["Hex", "Tall", "Rust.png"] utils.js:196 Splitting "Hex Tall Silver.png" utils.js:197 (3) ["Hex", "Tall", "Silver.png"] utils.js:196 Splitting "Hex Tall Spectrum.png" utils.js:197 (3) ["Hex", "Tall", "Spectrum.png"] utils.js:196 Splitting "Hex Tall Yellow.png" utils.js:197 (3) ["Hex", "Tall", "Yellow.png"] utils.js:196 Splitting "Hex Tall Red.png" utils.js:197 (4) ["Hex", "Tall", "", "Red.png"] utils.js:196 Splitting "Hex Yellow.png" utils.js:197 (2) ["Hex", "Yellow.png"] utils.js:196 Splitting "Illuminated Circle Gold%20copy.png" utils.js:197 (3) ["Illuminated", "Circle", "Gold%20copy.png"] utils.js:196 Splitting "Illuminated Square Gold.png" utils.js:197 (3) ["Illuminated", "Square", "Gold.png"] utils.js:196 Splitting "Jewel Blue Green.png" utils.js:197 (3) ["Jewel", "Blue", "Green.png"] utils.js:196 Splitting "Jewel Blue.png" utils.js:197 (2) ["Jewel", "Blue.png"] utils.js:196 Splitting "Jewel Gray.png" utils.js:197 (2) ["Jewel", "Gray.png"] utils.js:196 Splitting "Jewel Green.png" utils.js:197 (2) ["Jewel", "Green.png"] utils.js:196 Splitting "Jewel Orange.png" utils.js:197 (2) ["Jewel", "Orange.png"] utils.js:196 Splitting "Jewel Purple.png" utils.js:197 (2) ["Jewel", "Purple.png"] utils.js:196 Splitting "Jewel Purple 1.png" utils.js:197 (3) ["Jewel", "Purple", "1.png"] utils.js:196 Splitting "Jewel Red Orange.png" utils.js:197 (3) ["Jewel", "Red", "Orange.png"] utils.js:196 Splitting "Jewel Red.png" utils.js:197 (2) ["Jewel", "Red.png"] utils.js:196 Splitting "Jewel Spectrum.png" utils.js:197 (2) ["Jewel", "Spectrum.png"] utils.js:196 Splitting "Jewel Sunset.png" utils.js:197 (2) ["Jewel", "Sunset.png"] utils.js:196 Splitting "Jewel Turquoise.png" utils.js:197 (2) ["Jewel", "Turquoise.png"] utils.js:196 Splitting "Jewel Yellow.png" utils.js:197 (2) ["Jewel", "Yellow.png"] utils.js:196 Splitting "Leaves C Brown.png" utils.js:197 (3) ["Leaves", "C", "Brown.png"] utils.js:196 Splitting "Leaves Frame Green.png" utils.js:197 (3) ["Leaves", "Frame", "Green.png"] utils.js:196 Splitting "Leaves S Brown.png" utils.js:197 (3) ["Leaves", "S", "Brown.png"] utils.js:196 Splitting "Leaves S Green.png" utils.js:197 (3) ["Leaves", "S", "Green.png"] utils.js:196 Splitting "Leaves S Green 1.png" utils.js:197 (4) ["Leaves", "S", "Green", "1.png"] utils.js:196 Splitting "Mech Frame Circle Brass.png" utils.js:197 (4) ["Mech", "Frame", "Circle", "Brass.png"] utils.js:196 Splitting "Mech Frame Circle Rust.png" utils.js:197 (4) ["Mech", "Frame", "Circle", "Rust.png"] utils.js:196 Splitting "Mech Frame Circle Silver.png" utils.js:197 (4) ["Mech", "Frame", "Circle", "Silver.png"] utils.js:196 Splitting "Mech Frame Square Brass.png" utils.js:197 (4) ["Mech", "Frame", "Square", "Brass.png"] utils.js:196 Splitting "Mech Frame Square Rust.png" utils.js:197 (4) ["Mech", "Frame", "Square", "Rust.png"] utils.js:196 Splitting "Mech Frame Square Silver.png" utils.js:197 (4) ["Mech", "Frame", "Square", "Silver.png"] utils.js:196 Splitting "Mech Gear Gear Brass.png" utils.js:197 (4) ["Mech", "Gear", "Gear", "Brass.png"] utils.js:196 Splitting "Mech Gear Gear Rust.png" utils.js:197 (4) ["Mech", "Gear", "Gear", "Rust.png"] utils.js:196 Splitting "Mech Gear Gear Silver.png" utils.js:197 (4) ["Mech", "Gear", "Gear", "Silver.png"] utils.js:196 Splitting "Mech Rivet Circle Brass.png" utils.js:197 (4) ["Mech", "Rivet", "Circle", "Brass.png"] utils.js:196 Splitting "Mech Rivet Circle Rust.png" utils.js:197 (4) ["Mech", "Rivet", "Circle", "Rust.png"] utils.js:196 Splitting "Mech Rivet Circle Silver.png" utils.js:197 (4) ["Mech", "Rivet", "Circle", "Silver.png"] utils.js:196 Splitting "Mech Rivet Square Brass.png" utils.js:197 (4) ["Mech", "Rivet", "Square", "Brass.png"] utils.js:196 Splitting "Mech Rivet Square Rust.png" utils.js:197 (4) ["Mech", "Rivet", "Square", "Rust.png"] utils.js:196 Splitting "Mech Rivet Square Silver.png" utils.js:197 (4) ["Mech", "Rivet", "Square", "Silver.png"] utils.js:196 Splitting "Patch Blue.png" utils.js:197 (2) ["Patch", "Blue.png"] utils.js:196 Splitting "Patch Gold.png" utils.js:197 (2) ["Patch", "Gold.png"] utils.js:196 Splitting "Patch Green.png" utils.js:197 (2) ["Patch", "Green.png"] utils.js:196 Splitting "Patch Purple.png" utils.js:197 (2) ["Patch", "Purple.png"] utils.js:196 Splitting "Patch Red.png" utils.js:197 (2) ["Patch", "Red.png"] utils.js:196 Splitting "Pick Blue.png" utils.js:197 (2) ["Pick", "Blue.png"] utils.js:196 Splitting "Pick Copper.png" utils.js:197 (2) ["Pick", "Copper.png"] utils.js:196 Splitting "Pick Gold.png" utils.js:197 (2) ["Pick", "Gold.png"] utils.js:196 Splitting "Pick Green.png" utils.js:197 (2) ["Pick", "Green.png"] utils.js:196 Splitting "Pick Orange.png" utils.js:197 (2) ["Pick", "Orange.png"] utils.js:196 Splitting "Pick Pink.png" utils.js:197 (2) ["Pick", "Pink.png"] utils.js:196 Splitting "Pick Purple.png" utils.js:197 (2) ["Pick", "Purple.png"] utils.js:196 Splitting "Pick Red.png" utils.js:197 (2) ["Pick", "Red.png"] utils.js:196 Splitting "Pick Rivets.png" utils.js:197 (2) ["Pick", "Rivets.png"] utils.js:196 Splitting "Pick Rust.png" utils.js:197 (2) ["Pick", "Rust.png"] utils.js:196 Splitting "Pick Silver.png" utils.js:197 (2) ["Pick", "Silver.png"] utils.js:196 Splitting "Pick Spectrum.png" utils.js:197 (2) ["Pick", "Spectrum.png"] utils.js:196 Splitting "Pick Yellow.png" utils.js:197 (2) ["Pick", "Yellow.png"] utils.js:196 Splitting "Ring Copper.png" utils.js:197 (2) ["Ring", "Copper.png"] utils.js:196 Splitting "Ring Forge.png" utils.js:197 (2) ["Ring", "Forge.png"] utils.js:196 Splitting "Ring Gold.png" utils.js:197 (2) ["Ring", "Gold.png"] utils.js:196 Splitting "Ring Jade Gold.png" utils.js:197 (3) ["Ring", "Jade", "Gold.png"] utils.js:196 Splitting "Ring Jasper Gold.png" utils.js:197 (3) ["Ring", "Jasper", "Gold.png"] utils.js:196 Splitting "Ring Jasper Silver.png" utils.js:197 (3) ["Ring", "Jasper", "Silver.png"] utils.js:196 Splitting "Ring Lapis Gold.png" utils.js:197 (3) ["Ring", "Lapis", "Gold.png"] utils.js:196 Splitting "Ring Lapis Silver.png" utils.js:197 (3) ["Ring", "Lapis", "Silver.png"] utils.js:196 Splitting "Ring Onyx Silver.png" utils.js:197 (3) ["Ring", "Onyx", "Silver.png"] utils.js:196 Splitting "Ring Onyx Silver 1.png" utils.js:197 (4) ["Ring", "Onyx", "Silver", "1.png"] utils.js:196 Splitting "Ring Rhyolite Gold.png" utils.js:197 (3) ["Ring", "Rhyolite", "Gold.png"] utils.js:196 Splitting "Ring Silver.png" utils.js:197 (2) ["Ring", "Silver.png"] utils.js:196 Splitting "Ring Spectrum Gold.png" utils.js:197 (3) ["Ring", "Spectrum", "Gold.png"] utils.js:196 Splitting "Ring Turquoise Silver.png" utils.js:197 (3) ["Ring", "Turquoise", "Silver.png"] utils.js:196 Splitting "Rope.png" utils.js:197 ["Rope.png"] utils.js:196 Splitting "Sawblade Rust.png" utils.js:197 (2) ["Sawblade", "Rust.png"] utils.js:196 Splitting "Sawblade Steel.png" utils.js:197 (2) ["Sawblade", "Steel.png"] utils.js:196 Splitting "Serpent Black.png" utils.js:197 (2) ["Serpent", "Black.png"] utils.js:196 Splitting "Serpent Black 1.png" utils.js:197 (3) ["Serpent", "Black", "1.png"] utils.js:196 Splitting "Serpent Red.png" utils.js:197 (2) ["Serpent", "Red.png"] utils.js:196 Splitting "Shield Bevel Black Red.png" utils.js:197 (4) ["Shield", "Bevel", "Black", "Red.png"] utils.js:196 Splitting "Shield Bevel Black White.png" utils.js:197 (4) ["Shield", "Bevel", "Black", "White.png"] utils.js:196 Splitting "Shield Bevel Blue White.png" utils.js:197 (4) ["Shield", "Bevel", "Blue", "White.png"] utils.js:196 Splitting "Shield Bevel Blue.png" utils.js:197 (3) ["Shield", "Bevel", "Blue.png"] utils.js:196 Splitting "Shield Bevel Gold.png" utils.js:197 (3) ["Shield", "Bevel", "Gold.png"] utils.js:196 Splitting "Shield Bevel Green.png" utils.js:197 (3) ["Shield", "Bevel", "Green.png"] utils.js:196 Splitting "Shield Bevel Purple.png" utils.js:197 (3) ["Shield", "Bevel", "Purple.png"] utils.js:196 Splitting "Shield Bevel Red White.png" utils.js:197 (4) ["Shield", "Bevel", "Red", "White.png"] utils.js:196 Splitting "Shield Bevel Red.png" utils.js:197 (3) ["Shield", "Bevel", "Red.png"] utils.js:196 Splitting "Shield Bevel Silver.png" utils.js:197 (3) ["Shield", "Bevel", "Silver.png"] utils.js:196 Splitting "Shield Bevel Yellow.png" utils.js:197 (3) ["Shield", "Bevel", "Yellow.png"] utils.js:196 Splitting "Spatter Black.png" utils.js:197 (2) ["Spatter", "Black.png"] utils.js:196 Splitting "Spatter Green.png" utils.js:197 (2) ["Spatter", "Green.png"] utils.js:196 Splitting "Spatter Red.png" utils.js:197 (2) ["Spatter", "Red.png"] utils.js:196 Splitting "Squircle Blue.png" utils.js:197 (2) ["Squircle", "Blue.png"] utils.js:196 Splitting "Squircle Copper.png" utils.js:197 (2) ["Squircle", "Copper.png"] utils.js:196 Splitting "Squircle Frame Blue.png" utils.js:197 (3) ["Squircle", "Frame", "Blue.png"] utils.js:196 Splitting "Squircle Frame Gold.png" utils.js:197 (3) ["Squircle", "Frame", "Gold.png"] utils.js:196 Splitting "Squircle Frame Rose.png" utils.js:197 (3) ["Squircle", "Frame", "Rose.png"] utils.js:196 Splitting "Squircle Frame Silver.png" utils.js:197 (3) ["Squircle", "Frame", "Silver.png"] utils.js:196 Splitting "Squircle Gold.png" utils.js:197 (2) ["Squircle", "Gold.png"] utils.js:196 Splitting "Squircle Green.png" utils.js:197 (2) ["Squircle", "Green.png"] utils.js:196 Splitting "Squircle Knot Gold.png" utils.js:197 (3) ["Squircle", "Knot", "Gold.png"] utils.js:196 Splitting "Squircle Knot Green.png" utils.js:197 (3) ["Squircle", "Knot", "Green.png"] utils.js:196 Splitting "Squircle Knot Red.png" utils.js:197 (3) ["Squircle", "Knot", "Red.png"] utils.js:196 Splitting "Squircle Knot Rose.png" utils.js:197 (3) ["Squircle", "Knot", "Rose.png"] utils.js:196 Splitting "Squircle Knot Silver.png" utils.js:197 (3) ["Squircle", "Knot", "Silver.png"] utils.js:196 Splitting "Squircle Orange.png" utils.js:197 (2) ["Squircle", "Orange.png"] utils.js:196 Splitting "Squircle Pink.png" utils.js:197 (2) ["Squircle", "Pink.png"] utils.js:196 Splitting "Squircle Purple.png" utils.js:197 (2) ["Squircle", "Purple.png"] utils.js:196 Splitting "Squircle Red.png" utils.js:197 (2) ["Squircle", "Red.png"] utils.js:196 Splitting "Squircle Rivets.png" utils.js:197 (2) ["Squircle", "Rivets.png"] utils.js:196 Splitting "Squircle Rust.png" utils.js:197 (2) ["Squircle", "Rust.png"] utils.js:196 Splitting "Squircle Silver.png" utils.js:197 (2) ["Squircle", "Silver.png"] utils.js:196 Splitting "Squircle Spectrum.png" utils.js:197 (2) ["Squircle", "Spectrum.png"] utils.js:196 Splitting "Squircle Yellow.png" utils.js:197 (2) ["Squircle", "Yellow.png"] utils.js:196 Splitting "Stone Blocks 01.png" utils.js:197 (3) ["Stone", "Blocks", "01.png"] utils.js:196 Splitting "Stone Blocks 02.png" utils.js:197 (3) ["Stone", "Blocks", "02.png"] utils.js:196 Splitting "Stone Circle Granite.png" utils.js:197 (3) ["Stone", "Circle", "Granite.png"] utils.js:196 Splitting "Stone Circle Jade.png" utils.js:197 (3) ["Stone", "Circle", "Jade.png"] utils.js:196 Splitting "Stone Circle Jasper.png" utils.js:197 (3) ["Stone", "Circle", "Jasper.png"] utils.js:196 Splitting "Stone Circle Lapis.png" utils.js:197 (3) ["Stone", "Circle", "Lapis.png"] utils.js:196 Splitting "Stone Circle Marble.png" utils.js:197 (3) ["Stone", "Circle", "Marble.png"] utils.js:196 Splitting "Stone Circle Onyx.png" utils.js:197 (3) ["Stone", "Circle", "Onyx.png"] utils.js:196 Splitting "Stone Circle Rhyolite.png" utils.js:197 (3) ["Stone", "Circle", "Rhyolite.png"] utils.js:196 Splitting "Stone Circle Turquoise.png" utils.js:197 (3) ["Stone", "Circle", "Turquoise.png"] utils.js:196 Splitting "Sunburst Blue.png" utils.js:197 (2) ["Sunburst", "Blue.png"] utils.js:196 Splitting "Sunburst Green.png" utils.js:197 (2) ["Sunburst", "Green.png"] utils.js:196 Splitting "Sunburst Orange.png" utils.js:197 (2) ["Sunburst", "Orange.png"] utils.js:196 Splitting "Sunburst Purple.png" utils.js:197 (2) ["Sunburst", "Purple.png"] utils.js:196 Splitting "Sunburst Red.png" utils.js:197 (2) ["Sunburst", "Red.png"] utils.js:196 Splitting "Sunburst Ring Blue.png" utils.js:197 (3) ["Sunburst", "Ring", "Blue.png"] utils.js:196 Splitting "Sunburst Ring Brown.png" utils.js:197 (3) ["Sunburst", "Ring", "Brown.png"] utils.js:196 Splitting "Sunburst Ring Gray.png" utils.js:197 (3) ["Sunburst", "Ring", "Gray.png"] utils.js:196 Splitting "Sunburst Ring Green.png" utils.js:197 (3) ["Sunburst", "Ring", "Green.png"] utils.js:196 Splitting "Sunburst Ring Purple.png" utils.js:197 (3) ["Sunburst", "Ring", "Purple.png"] utils.js:196 Splitting "Sunburst Ring Red.png" utils.js:197 (3) ["Sunburst", "Ring", "Red.png"] utils.js:196 Splitting "Sunburst Ring Spectrum Bright.png" utils.js:197 (4) ["Sunburst", "Ring", "Spectrum", "Bright.png"] utils.js:196 Splitting "Sunburst Ring Spectrum Dark.png" utils.js:197 (4) ["Sunburst", "Ring", "Spectrum", "Dark.png"] utils.js:196 Splitting "Sunburst Squircle Blue.png" utils.js:197 (3) ["Sunburst", "Squircle", "Blue.png"] utils.js:196 Splitting "Sunburst Squircle Green.png" utils.js:197 (3) ["Sunburst", "Squircle", "Green.png"] utils.js:196 Splitting "Sunburst Squircle Orange.png" utils.js:197 (3) ["Sunburst", "Squircle", "Orange.png"] utils.js:196 Splitting "Sunburst Squircle Purple.png" utils.js:197 (3) ["Sunburst", "Squircle", "Purple.png"] utils.js:196 Splitting "Sunburst Squircle Red.png" utils.js:197 (3) ["Sunburst", "Squircle", "Red.png"] utils.js:196 Splitting "Sunburst Squircle Yellow.png" utils.js:197 (3) ["Sunburst", "Squircle", "Yellow.png"] utils.js:196 Splitting "Sunburst Yellow.png" utils.js:197 (2) ["Sunburst", "Yellow.png"] utils.js:196 Splitting "Wood Circle.png" utils.js:197 (2) ["Wood", "Circle.png"] utils.js:196 Splitting "Wood Square.png" utils.js:197 (2) ["Wood", "Square.png"] Foundry VTT | Retrieved and compiled template modules/vtta-tokenizer/src/tokenizer/tokenizer.html foundry.js:173 DEBUG | Calling getTokenizerHeaderButtons hook with args: foundry.js:174 (2) [Tokenizer, Array(1)] foundry.js:173 DEBUG | Calling getFormApplicationHeaderButtons hook with args: foundry.js:174 (2) [Tokenizer, Array(1)] foundry.js:173 DEBUG | Calling getApplicationHeaderButtons hook with args: foundry.js:174 (2) [Tokenizer, Array(1)] foundry.js:173 DEBUG | Calling renderTokenizer hook with args: foundry.js:174 (3) [Tokenizer, S.fn.init(1), {…}] foundry.js:173 DEBUG | Calling renderFormApplication hook with args: foundry.js:174 (3) [Tokenizer, S.fn.init(1), {…}] foundry.js:173 DEBUG | Calling renderApplication hook with args: foundry.js:174 (3) [Tokenizer, S.fn.init(1), {…}] utils.js:105 Proxy for worlds/harn/icons/tokenizer/test.Avatar.webp?1625629521847: false utils.js:105 Proxy for worlds/harn/icons/tokenizer/test.Token.webp?1625629521847: false index.js:152 Setting Avatar dimensions to 512x512 ```

scooper4711 commented 3 years ago

The updated function allows the UI to open, but the "apply frame" button still does nothing.

scooper4711 commented 3 years ago

I notice that the file name is Black-Sun-Portal-Purple.png but the corresponding log text has replaced the - with spaces:

Splitting "Black Sun Portal Purple.png"
utils.js:197 (4) ["Black", "Sun", "Portal", "Purple.png"]

scooper4711 commented 3 years ago

For what it's worth, I'm using this token set: https://www.drivethrurpg.com/product/283063/Character-Token-Portrait-Frames-for-VTT

scooper4711 commented 3 years ago

I updated to 3.2.5 and this is no longer an issue. Apologies - I thought I was on the latest version.

MrPrimate / tokenizer

Setting Directory for Custom Token Frames causes uncaught exception #42