gabrielperales / elm-native-module Goto Github PK

Hi Gabriel! 👋

Thank you for putting this together: It helped me get started with Native modules in Elm 0.18! 🤓

NOTE: This is not really an issue, it’s more like an idea to add to the README, if it looks useful to you. 😉

So, in my case I needed a function that’d take 2 arguments:

// src/Native/Intl.js
var _gurdiga$xo_elm$Native_Intl = function() {
  function formatMoneyAmount(localeName, amount) {
    return "yes";
  }

  return {
    formatMoneyAmount: formatMoneyAmount
  };
}();

and then I tried to call it like this:

Native.Intl.formatMoneyAmount "ro-MD" 42

It compiled, but when run in the browser (through elm-reactor) it crashed the whole Elm app with something like this in the Chrome console:😶

Main.elm:93 Uncaught TypeError: fun(...) is not a function
    at A2 (Main.elm:93)
    at _gurdiga$xo_elm$Utils_Money$format (Main.elm:13254)
    at _gurdiga$xo_elm$Dosar_Actiune_IncheiereIntentare_RezultatIncercareConciliere_PartileNuAjungLaIntelegere_BunuriUrmarite_BunUrmarit$view (Main.elm:15783)
    at itemView (Main.elm:15967)
    at Function.func (Main.elm:1390)
    at A2 (Main.elm:92)
    at Function.foldr [as func] (Main.elm:1116)
    at A3 (Main.elm:98)
    at Function.func (Main.elm:1384)
    at A2 (Main.elm:92)

Then I went on to look how it’s done in the elm-lang/core and found this in Native/Debug.js:

return {
	crash: crash,
	log: F2(log)           // ← See the F2 thingy?
};

Then I looked in my bundle and found F2:

function F2(fun)
{
  function wrapper(a) { return function(b) { return fun(a,b); }; }
  wrapper.arity = 2;
  wrapper.func = fun;
  return wrapper;
}

So my guess after all of this, is that if a native function that we want to use in Elm takes more than one argument, it has to be wrapped into an F<number> thing like that — it seems like further on Elm decides how many arguments to pass it. 🤔 (I found F1 to F9 in my bundle. 🤓)

I’m not sure where would this insight go in the README, but I thought this may be useful for someone! 🤓

Cheers! 🙂