Localize alias

[cuni0716]

Hello @alexandercerutti and first of all thanks for this project, I'm using it since a few years ago and always worked like a charm.
Today I have a question that I don't know how to solve and maybe you knowledge will be the key to solve it.
I'm using the localize method in order to set the pass.strings files in the final bundle, I'm using the html code in order to convert a backfield value into a link, the href value for that link will change for every pass that I create and I want to localize the Link word.

Here is an example of what I'm doing:

pkPass.backFields.push({ key: "rewards", label: "rewards.label", value: `<a href="${customerProfileUrl}">Link</a>` });

Any idea how can I achieve that?

Thanks in advance and thanks for the project!

[alexandercerutti]

Hi @cuni0716, thanks for having used passkit-generator for such long time ❤️

First of all, HTML is valid only when using attributeValue instead of value. value should be used to show the unstyled value where attributeValue is not supported (like in WatchOS). Look at it here: https://developer.apple.com/documentation/walletpasses/passfieldcontent

Second thing, I never tried to associate attributeValue with a localized string. I mean, for the documentation attributeValue supports l10n. I think that if you add the HTML to pass.strings and then add the translation reference you use in pass.string to attributeValue, it should link it correctly.

As I never tried you use case, I cannot ensure pass.string composition / reading will happen successfully, so if it doesn't work, I suggest you giving a look at the generated pass.strings file, to see if there is any problem.

Let me know if this works. I'm very curious about your use case!

[alexandercerutti]

Yeah, sure!

[cuni0716]

here you have ;) (somehow github does not allow me to upload .pkpass file so I upload it in zip mode), hope it works!

Let me know if you found something and thanks again for the project and for your help!

pass.zip

[alexandercerutti]

Sure, I'll let you know, thank you!

[alexandercerutti]

Hey there, @cuni0716, I tried to give a look and I successfully obtained what we talked about.

Look at this:

trim.75526A3B-F8EF-4EC9-B5D0-14CF64C8701C.MOV

The issue is that the html quotes must be escaped, as the pass format requires string to be surrounded by double quotes. Something like this must appear in the final file:

"rewards.html" = "<a href=\"https://github.com/alexandercerutti/passkit-generator\">View all rewards</a>";

I don't know if, in both cases, single quotes work.

I'm not sure if there's anything that should be fixed in passkit-generator, but in your code you just need to double-escape the double quotes, like \\", as the first will be interpreted by JS I guess.

Also. I think that %@ or whatever only works within the changeMessage field.

Let me know if it works!

[cuni0716]

Ohh yes, the problem was there, by using typescript I've needed to add 3 scape slahes like this:
"rewards.anchor": "<a href=\\\"<LINK>\\\">View all rewards</a>",
but it worked, thanks a lot again @alexandercerutti !!

[alexandercerutti]

You are welcome @cuni0716!