at least one way
new Int8Array(_).toArray
Is there a simple way to create a
js.Object for use with certain methods like js.Object.assign? There is js.Dynamic.literal(foo = "bar") or js.Dictionary("foo" -> "bar"), but they do not return a js.Object and I need to manually asInstanceOf. Another way is new js.Object { val foo = "bar" } - but that gives an unused warning. I guess I am searching for something like js.Object.literal :)
Scala.js 1.10.0 is released! It fixes a security issue in java.util.UUID.randomUUID(), registered as CVE-2022-28355. We strongly recommend all users upgrade to v1.10.0 as soon as possible.
Read more details about CVE-2022-28355 in the associated security advisory:
Also, it introduces a new split style:
SmallModulesFor(packages).
"Exception in thread "main" java.lang.Error: A method defined in a native JavaScript type of a Scala.js library has been called. This is most likely because you tried to run Scala.js binaries on the JVM. Make sure you are using the JVM version of the libraries."
i have follwed all the steps as per scala.js website
Use the
run command from sbt instead.
and i am even facing ´ReferenceError: document is not defined´
Hi there! Please help to fix unexpected runtime errors after upgrading to Scala.js 1.9.0: https://github.com/scalameta/munit/pull/477#issuecomment-1092594981
@NagaPreethika - happens for instance if IntelliJ tries to run shared code as JS code - it can only run JVM code. Just go into the Run Configurations (in the dropdown in the upper right corner of your editor window) and change “Use classpath of module” to your jvm module instead (is likely set to a JS module). That should make it run (as jvm code) again. Hope that helps.
If you really want to know the differences, they are documented here:
I spent the last two days trying to understand a weird a behavior on my application.
I just realized if I switch the order in ...-entrypoint.js and bundling, the application work as expected.
On my entrypoint.js file (.../target/scala-3.1.0/scalajs-bundler/main/fmgp-ipfs-webapp-fastopt-entrypoint.js) I have something like this:
module.exports = {
"require": (function(x0) {
return {
...
"@input-output-hk/atala-prism-sdk/dist/modules/identity": require("@input-output-hk/atala-prism-sdk/dist/modules/identity"),
"@input-output-hk/atala-prism-sdk": require("@input-output-hk/atala-prism-sdk"),
"@input-output-hk/atala-prism-sdk/dist/modules/crypto/derivation/KeyDerivation": require("@input-output-hk/atala-prism-sdk/dist/modules/crypto/derivation/KeyDerivation"),
...
}[x0]
})
}After adding a line of code (that uses @input-output-hk/atala-prism-sdk/dist/modules/identity). A entry is added to entry points before @input-output-hk/atala-prism-sdk
Now everything that uses @input-output-hk/atala-prism-sdk is undefined.
On the browser console, if I call require("@input-output-hk/atala-prism-sdk"), the module exists but is mostly empty.
I switch the order it works fine.
Can someone point me to some documentation why the order matters?
Why does @input-output-hk/atala-prism-sdk/dist/modules/identity was added before @input-output-hk/atala-prism-sdk? where's the code that decides the order of this?
Hi,
I'm trying to build a Progressive Webapp App (PWA) in scalajs. I have scalajs and npm dependencies (I use ScalaJSBundlerPlugin). I use scalajs 1.10.0.
Everything is working well, but according to the google lighthouse plugin https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk the application has a poor performance (~40/100). It also seems that in order to publish a PWA on the android app store there is a requirement in terms of performance >= 80/100.
The low value seems to be due to the size of the full opt js file (size for download/ parsing/ eval). It seems that the way to fix this issue is to limit the size of js files. This means splitting the file and/ or use lazy loading.
But I had no success until now finding how to split my app file.
I've tried scalaJSLinkerConfig ~= (_.withModuleSplitStyle(...)) but it seems to work only in fastLinkJS. I get a
The fastLinkJS does not seem to manage the node modules.
I don't know what can be done and at which step. So I have a few ideas and a bunch of questions.
I've thought to split the full opt js. But I don't know if it is possible to post process to split in chunks of 150kB for example.
Should I use the fastLinkJS with SmallestModules, but how to get my node modules back ? Is it ok to use files from fast step in production ? It is also required to group some of them to avoid thousands files.
Is it possible to get a file (or more) for the node modules dependencies, a file (or more) for the scalajs dependencies, a file for the app itself. And how to split the files that are too big ?
I'm trying to build a Progressive Webapp App (PWA) in scalajs. I have scalajs and npm dependencies (I use ScalaJSBundlerPlugin). I use scalajs 1.10.0.
Everything is working well, but according to the google lighthouse plugin https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk the application has a poor performance (~40/100). It also seems that in order to publish a PWA on the android app store there is a requirement in terms of performance >= 80/100.
The low value seems to be due to the size of the full opt js file (size for download/ parsing/ eval). It seems that the way to fix this issue is to limit the size of js files. This means splitting the file and/ or use lazy loading.
But I had no success until now finding how to split my app file.
I've tried scalaJSLinkerConfig ~= (_.withModuleSplitStyle(...)) but it seems to work only in fastLinkJS. I get a
Cannot use multiple modules with the Closure Compiler when using fullLinkJS.The fastLinkJS does not seem to manage the node modules.
I don't know what can be done and at which step. So I have a few ideas and a bunch of questions.
I've thought to split the full opt js. But I don't know if it is possible to post process to split in chunks of 150kB for example.
Should I use the fastLinkJS with SmallestModules, but how to get my node modules back ? Is it ok to use files from fast step in production ? It is also required to group some of them to avoid thousands files.
Is it possible to get a file (or more) for the node modules dependencies, a file (or more) for the scalajs dependencies, a file for the app itself. And how to split the files that are too big ?
You could use a JavaScript bundler of your choice to gather your node modules dependencies.
@mprevel I built a pwa which you may be interested in, I ended up keeping the service worked in js, I have been supposed to migrate it (https://github.com/wiringbits/cazadescuentos/tree/master/pwa), it has a twa wrapper published at the play store too
Hi, Folks!
I'm trying to use
The part, dependent on cats/cats-effects/fs2 works well,
but ember client (seems has some JS dependencies) requires precise configuration.
I fugured out all dependencies (
there is no fatal compilation errors, a lot of warnings. and it doesn't work :(
Does anybody have working configuration for any http client with scalajs ?
Here is my project
I'm trying to use
ScalaJS with http4s-ember-clientThe part, dependent on cats/cats-effects/fs2 works well,
but ember client (seems has some JS dependencies) requires precise configuration.
I fugured out all dependencies (
buffer, crypto, net, os, punycode, stream, tls)there is no fatal compilation errors, a lot of warnings. and it doesn't work :(
Does anybody have working configuration for any http client with scalajs ?
Here is my project
git@github.com:alexr007/sjs-questions.git
I think this is equivalently how it can be done. Just a bit more typing though:
dom.getElementsByTagName("BODY")(0).innerHTML = html
Thought so too but:
// note: using addSbtPlugin("org.scala-js" % "sbt-scalajs" % "1.9.0")
val dom = document.implementation.createHTMLDocument("mydom");
// this works
dom.getElementsByTagName("BODY")(0).innerHTML = html
// this doesn't: value body is not a member of org.scalajs.dom.Document
dom.document.body
// this doesn't: value body is not a member of org.scalajs.dom.Document
dom.bodyHow do you access this from an anonymous function in scalajs? Like is done here:
https://github.com/ueberdosis/tiptap/blob/main/packages/core/src/extensions/keymap.ts#L12
ah, found it!: https://stackoverflow.com/a/40968803
I need to create some kind of literal object with functions like this from ScalaJS:
{
actions: {
// action implementations
activate: (context, event) => {
console.log('activating...');
},
notifyActive: (context, event) => {
console.log('active!');
},
notifyInactive: (context, event) => {
console.log('inactive!');
},
sendTelemetry: (context, event) => {
console.log('time:', Date.now());
}
}
}I am trying this:
class TAct extends js.Object {
val x: js.Function0[Unit] = () => println("it worked")
}
val myActionObject = js.Dictionary("action" -> new TAct()).asInstanceOf[js.Object]But it seems to me that the TAct class just turns into an empty object /undefined. I have to pass this into a function which is implemented in javascript. Is there a better way to do this?