I have a Var holding a record, and I LensAuto on each of its fields:
let paginationState = Var.Create {currentPage=1; perPage=10}
let currentPage = paginationState.LensAuto (fun p -> p.currentPage)
let perPage = paginationState.LensAuto (fun p -> p.perPage)These Vars are used in their creation scope, and passed to functions as arguments.
Now I have a function getPerPageSelect which uses all three. What is best:
- Should I pass all three as argument, knowing the last two are derived from the first?
- Should I pass only one Var as argument and also call
LensAutoinsidegetPerPageSelectto derive the two others? Is it ok toLensAutomultiple times on the same field?
I could remove the additional parameters, but it makes the code less approachable, see the myowndb/myowndb@78d1030.
For example, this
let paginationLinks = View.Const computePaginationLinks <*> currentPage.View <*> numberOfPagesis replaced by
let paginationLinks = View.Const computePaginationLinks <*> paginationState.View.Map(fun r -> r.currentPage) <*> numberOfPagesand this
if currentPage.Get()<>1 then currentPage.Set 1by
if paginationState.Get().currentPage<>1 then paginationState.Set {paginationState.Value with currentPage=1}How would you handle that? Is using LensAuto at the start of the function the way to go? That avoids the duplicate arguments to the functions, keeps the code simple. But are there any potential problems to call LensAuto multiple times on the same value?
I'd like to try gettext.js. Their usage example is:
<script src="/path/to/dist/gettext.iife.js" type="text/javascript"></script>
<script>
var i18n = window.i18n(options);
i18n.gettext('foo');
</script>I thought I'd try with a stub, but I don't know how to get started, eg reference window.i18n in my stub... I'm looking at the Bindings doc for this. /cc @granicz @Jand42
8 replies
It seems that the javascript code passed to JS.Inline cannot use the spread syntax.
I wanted to use it in the use of gettext.js, which allows passing additional arguments to the string like a PrintfFormat:
member _.ntranslate (s:string,plural:string,n:int64,[<ParamArray>]o:obj array)=
JS.Inline ("""
var i18n=window.i18n({})
i18n.setMessages('messages', 'fr', {
"Welcome": "Bienvenue",
"There is %1 row %2 and %3": [
"Il y a %1 rangée %2 ou %3",
"Il y a %1 rangées %2 et %3"
]
}, 'nplurals=2; plural=n>1;');
return i18n.ngettext($0,$1,$2,...$3)
""", s, plural, n, o)which would be called like this:
JStr().ntranslate("There is %1 row","There are %1 rows and %2 and %3",c, "verte", "rouge")Is there a reason to not support it or is it simply an omission?
The error reported is
WebSharper error WS9001: Macro error in WebSharper.Core.Macros+InlineJS.TranslateCall: Exception of type 'WebSharper.Core.JavaScript.Parser+ParserError' was thrown.
@rbauduin_gitlab This is an omission, JS parser/writer is not really up to date with syntax. WebSharper is fully supporting EcmaScript 5, but only some specific additions have been added since: import, BigInteger, ?? and ** operators.
So currently, if you want to use other JS syntax, you can only with outside scripts, like having a mylib.js as EmbeddedResource item add assembly-level attribute
[<assembly: WebResource("mylib.js", "text/javascript")>], then write inlines making use of it with
[<Require(typeof<Resources.BaseResource>, "mylib.js")>]
going beyond expressions and functions in inlines will hit the syntax validation limitations
@Jand42 when you say "not up to date" with syntax, do you have a list of what's not supported (on expression/function level)?
and can you ticket those please
and I still don't know :-D
then inline the single function call to get translations
With this code filling a ws-onafterrender hole:
.InitI18n(<@fun (t:Dom.Element) -> JS.Inline("""
myowndb_i18n=window.i18n({});
console.log("init")
console.log(myowndb_i18n)
myowndb_i18n.setMessages('messages', 'fr', {
"Welcome": "Bienvenue",
"There is %1 row %2 and %3": [
"Il y a %1 rangée %2 ou %3",
"Il y a %1 rangées %2 et %3"
]
}, 'nplurals=2; plural=n>1;');
""") @>)I get an error in the browser console: Uncaught TypeError: _4 is undefined.
When looking at the code causing this, I have:
..... a.myowndb_i18n=a.i18n({});I.log("init");I.log(a.myowndb_i18n);_4.setMessages("messages"......So with the translation the setMessages is called on another variable that the one holding the result of window.i18n({});.
Any idea what's happening?
3 replies
I finally got the client side translation working. As suggested by @granicz , but maybe wrongly interpreted by me :-), I do a
The only small problem I see is that as
@gmlion : you had asked about client side translation, so you might be interested to take a look at the commits of 9 december here
JS.Inline with a onafterrender hole here.The only small problem I see is that as
JS.Inline is working at compile time, I need to pass it a static string, and I can't parameterise it with the locale to load. So the locale loading is done all in javascript, meaning there's one additional XMLHttpRequest done. Not a big deal, but if there's a way to avoid that request I'm interested to hear about it ;-)@gmlion : you had asked about client side translation, so you might be interested to take a look at the commits of 9 december here
4 replies
In my code, I have a
However, when I try to instanciate the type
Is there a trick to bing the
[<RPC>] marked function returning Async<Result<list<Entity.EntityDetail>,string>>.Entity.EntityDetail is defined in the library used by the web frontend. So it is not marked with [<JavaScript>] but it is usable in client side code (here and here).However, when I try to instanciate the type
MarkupEvaluatordefined with same file as EntityDetail, it complains with Type not found in JavaScript compilation: Entity+MarkupEvaluator'1'.Is there a trick to bing the
MarkupEvaluator in the javascript like it was done implicitly for EntityDetail? I want MarkupEvaluator to be front-end neutral, so I can't mark it with [<JavaScript>] explicitly (and it's not in a WebShaper dependent project anyway).
13 replies
I had this code:
let dt_countView = View.MapAsync2
(fun paginationState search -> async {
return! Server.InstancesDataTable id paginationState search
})
paginationState.View
searchCriteria.Viewto which I needed to add an argument, the sortCriteria. I hoped to be able to write something like
let(<*>) = View.Apply
// View<Async<Result<string * int64,string>>>
let dt_countView= View.Const (fun paginationState search sort-> async {
return! Server.InstancesDataTable id paginationState search sort
})
<*> paginationState.View
<*> searchCriteria.View
<*> sortCriteria.Viewbut I end up with an View<Async<...>>.
I solved it by writing
let dt_countViewWithoutSort = View.MapAsync2 (fun paginationState search -> async {
return Server.InstancesDataTable id paginationState search
})
paginationState.View
searchCriteria.View
let dt_countView = View.MapAsync2 (fun f sort-> f sort)
dt_countViewWithoutSort
sortCriteria.Viewbut wouldn't it make sense to add something like ApplyAsync? Or is there a better way available now?
but it is set up if there is any unexcected failure, it should revert to running standard
dotnet build as the goal of dotnet ws build is to have fast single-project rebuild of js outputs only when server side dll update is not necessary
@Jand42 I have tested it on a very simple project and I have the same problem. Could it be due to running on Linux? Here's the simple project having no dependency, so you can easily test it at your side: https://gitlab.com/rbauduin/wsclientside
When I following this link I get an error: https://forums.websharper.com/topic/91233
Going to the post from the index seems to work though
Going to the post from the index seems to work though
3 replies
@rbauduin_gitlab are you still encountering issues with
dotnet ws build?
note the time to compile from zero
then (with source file updated) the second run goes down to <1sec:
I still have issues @granicz . Possibly linked to the fact I'm running it on Linux?
It always falls back to dotnet build because "Value cannot be null". Here is the output I get:
It always falls back to dotnet build because "Value cannot be null". Here is the output I get:
rb@siopi:/tmp/wsclientside$ dotnet ws start --rid linux-x64
version: 5.0.0.120; path: /home/rb/.nuget/packages/websharper.fsharp/5.0.0.120/tools/net5.0/linux-x64/wsfscservice_start.sh Started.
rb@siopi:/tmp/wsclientside$ dotnet ws build
Couldn't build project because: Value cannot be null. (Parameter 'value')
Fallback to "dotnet build".
....
I took a quick look, and the error could come from https://github.com/dotnet-websharper/dotnet-ws/blob/main/Program.fs#L342
However, when I moved the code extracting the version in another Program.fs, it worked fine. So the regexp is doing its job.
However, when I moved the code extracting the version in another Program.fs, it worked fine. So the regexp is doing its job.
9 replies
Hi @Jooseppi12 , a couple of months ago you told me you had ideas about a client side routing problem I had. I think it can be described as how to handle the situation with two separate page elements that are handled by client side routing. I had prepared a small example project to illustrate the problem. In the template, I have both
title and body that need to be handled (here). In the current code I install the client side router and do the router view's map twice ( here and here). If you have the time I'm interested in your suggestions. If it can help, the project can be opened in gitpod.
12 replies
When transposing the change in my app, I get an error I can't explain. Here is my change myowndb/myowndb@8194635, and the error is
[2022:02:09 13:08:00 +1 FTL] Host terminated
System.TypeInitializationException: The type initializer for 'web.Site' threw an exception.
---> System.TypeInitializationException: The type initializer for '<StartupCode$webws>.$Site' threw an exception.
---> System.TypeInitializationException: The type initializer for '<StartupCode$webws>.$Routing' threw an exception.
---> WebSharper.JavaScript.ClientSideOnly: This function is intended for client-side use only.
at WebSharper.UI.Router.Install[T](T onParseError, Router`1 router)
at <StartupCode$webws>.$Routing..cctor() in /home/rb/gits/myowndb/app/webui/Routing.fs:line 26
--- End of inner exception stack trace ---
at web.Routing.get_router()
at <StartupCode$webws>.$Site..cctor() in /home/rb/gits/myowndb/app/webui/Site.fs:line 329
error when instanciating client router once
--- End of inner exception stack trace ---
at web.Site..cctor()
--- End of inner exception stack trace ---
at web.Site.get_Main()
at web.Startup.ConfigureServices(IServiceCollection services) in /home/rb/gits/myowndb/app/webui/Startup.fs:line 137
at System.RuntimeMethodHandle.InvokeMethod(Object target, Object[] arguments, Signature sig, Boolean constructor, Boolean wrapExceptions)
at System.Reflection.RuntimeMethodInfo.Invoke(Object obj, BindingFlags invokeAttr, Binder binder, Object[] parameters, CultureInfo culture)
at Microsoft.AspNetCore.Hosting.ConfigureServicesBuilder.InvokeCore(Object instance, IServiceCollection services)
at Microsoft.AspNetCore.Hosting.ConfigureServicesBuilder.<>c__DisplayClass9_0.<Invoke>g__Startup|0(IServiceCollection serviceCollection)
at Microsoft.AspNetCore.Hosting.StartupLoader.ConfigureServicesDelegateBuilder`1.<>c__DisplayClass15_0.<BuildStartupServicesFilterPipeline>g__RunPipeline|0(IServiceCollection services)
at Microsoft.AspNetCore.Hosting.ConfigureServicesBuilder.Invoke(Object instance, IServiceCollection services)
at Microsoft.AspNetCore.Hosting.ConfigureServicesBuilder.<>c__DisplayClass8_0.<Build>b__0(IServiceCollection services)
at Microsoft.AspNetCore.Hosting.StartupLoader.ConfigureServicesDelegateBuilder`1.<>c__DisplayClass14_0.<ConfigureServices>g__ConfigureServicesWithContainerConfiguration|0(IServiceCollection services)
at Microsoft.AspNetCore.Hosting.ConventionBasedStartup.ConfigureServices(IServiceCollection services)
at Microsoft.AspNetCore.Hosting.WebHost.EnsureApplicationServices()
at Microsoft.AspNetCore.Hosting.WebHost.Initialize()
at Microsoft.AspNetCore.Hosting.WebHostBuilder.Build()
at web.Program.BuildWebHost(String[] args) in /home/rb/gits/myowndb/app/webui/Startup.fs:line 209
at web.Program.main(String[] args) in /home/rb/gits/myowndb/app/webui/Startup.fs:line 231The code calls Sitelet.New and the example code from this morning used Application.Multipage. But if I change the code to use Application.MultiPage, the app starts but the error appears when accessing a page. Any idea what this might be?
If you're curious, you can open a gitpod vscode environment here. To run the app, just do cd webui && make run. The app doesn't start as that error is raised :-(
2 replies
Hey guys, getting warnings in Chrome/Edge about adding non-passive
touchstart event listeners - any plans on allowing flags on on.touchStart and other event handlers? Is there currently a way to set event listener flags ? see https://dom.spec.whatwg.org/#interface-eventtarget and https://chromestatus.com/feature/5745543795965952
2 replies
Hi guys, heads-up:
I've noticed that Websharper booster might not play well with type providers. As an example, we use https://github.com/zanaptak/TypedCssClasses for safely referencing CSS classes in out SPA, and noticed that when referencing a new CSS class, while the call is picled up by VS Intellisense and we see no erros in VS, building the SPA fails. Killing the WS booster process and then building the project again makes the build succeed.
I've noticed that Websharper booster might not play well with type providers. As an example, we use https://github.com/zanaptak/TypedCssClasses for safely referencing CSS classes in out SPA, and noticed that when referencing a new CSS class, while the call is picled up by VS Intellisense and we see no erros in VS, building the SPA fails. Killing the WS booster process and then building the project again makes the build succeed.
8 replies
@OrkenWhite @granicz @cata I have been testing WS6 templates to build on build matrix of win+ubuntu+macos on GH, now have all passing: https://github.com/dotnet-websharper/build-script/actions/runs/1976269889
(you need to use https://nuget.pkg.github.com/dotnet-websharper/index.json feed with a PAT for WS6 builds yet, but hopefully going out to nuget.org soon)
The compilers have platform specific builds for 3 RIDs: win-64, linux-x64, linux-musl-x64 now. I have made so that if a platform is unrecognized, F# compiler runs in standalone mode (no compiler service) as it was hanging up on MacOS. So further optimizations for more platforms is possible from here, but at the baseline, compiler should work.
The compilers have platform specific builds for 3 RIDs: win-64, linux-x64, linux-musl-x64 now. I have made so that if a platform is unrecognized, F# compiler runs in standalone mode (no compiler service) as it was hanging up on MacOS. So further optimizations for more platforms is possible from here, but at the baseline, compiler should work.
8 replies
For those like me that forget how, I wrote down how to generate access tokens to install unreleased websharper versions here
@OrkenWhite Minor fix for SPA templates uncovered a larger issue of dead-code elimination being broken by some WS6 improvements (better support for interfaces, including correct handling of ICollection/IList/IDictionary and their ReadOnly variants)
Latest template build 6.0.0.175 now works (we will need to add automatic testing for this too...)
Latest template build 6.0.0.175 now works (we will need to add automatic testing for this too...)
Is the Bitbucket page for the Websharper website (https://bitbucket.org/IntelliFactory/websharper.website/issues) still being used? The last updates are from two years ago.
On the Downloads page of the main site, the template update command is displayed as
dotnet new -i "WebSharper.Templates::*" instead of dotnet new -i "WebSharper.Templates::*". I can post this issue somewhere to make tracking easier, but I'm not sure which page is most active.
I'm looking at using WS6 in my app, and I get the error
The type 'WebSharperBuilder' does not define the field, constructor or member 'SiteletAssembly'.The code is here.
Is this normal, and is a change required in my code?
(Hi folks - to better focus on growing the WebSharper community and giving the project more visibility with newcomers to F#, going forward please use the F# Slack #web channel for WebSharper-related questions and discussions, thank you!)