Back to Questions
737
views4
comments
Compile UI.Next SPA bundle from fsx
websharperui.nextfsx

I was looking at the way WebSharper.Warp is compiling and booting a sitelet and was wondering if there was a way to employ the same mechanism to compile a bundle UI.Next from within a fsx.

Not sure if it is the correct way but I am executing all my code from fsx and am trying to use compiler.Compile(<@ () @>, context = asm) where asm is the current assembly created by the fsi. But the following piece of code will always generate an error which prevent me from moving forward.

1
2
3
4
5
6
7
8
9

[<JavaScript>]
module Client =
    let main = 
        let input = Var.Create ""
        div [
            Doc.Input [] input
            div [Doc.TextView input.View]
        ]
        |> Doc.RunById "main"

Error:

1
2
3
4
5
6
7
8
9

System.TypeInitializationException: The type initializer for '<StartupCode$WebSharper-UI-Next>.$DomUtility' threw an exception. ---> System.NotImplementedException: The method or operation is not implemented.
   at WebSharper.JavaScript.JS.get_Document()
   at <StartupCode$WebSharper-UI-Next>.$DomUtility..cctor()
   --- End of inner exception stack trace ---
   at WebSharper.UI.Next.DomUtility.get_Doc()
   at WebSharper.UI.Next.DomUtility.CreateElement(String name)
   at WebSharper.UI.Next.Client.Doc'.InputInternal[j](String elemTy, FSharpFunc`2 attr)
   at WebSharper.UI.Next.Client.Doc'.Input(IEnumerable`1 attr, IRef`1 var)
   at <StartupCode$FSI_0018>.$FSI_0018.main@() in C:\Projects\ConfigurableUI\JSCompiler\SPA.fsx:line 16

What I am trying to achieve is to have a single project containing multiple fsx each one of them containing the code for an SPA. I would then like to compile the fsx depending on certain configuration so that I can boot up a selfhosted owin site which will just server static content (UI.Next SPA content).

.

The difference between what you are doing and a usual SPA is that in a usual SPA, the assembly is actually never run on .NET, only compiled to JavaScript. Functions like Doc.Input and Doc.TextView are not implemented for .NET, which is a problem in your case since you're actually running the code. I think turning main into a function by declaring it as let main() = ... and doing compiler.Compile(<@ main () @>, context = asm) should do the trick.

By on 11/17/2015 10:07 AM ()

Thanks a lot for the reply Loic, I understand now. After changing main to a function, it compiles it fine.

Although, the bundling of a UI.Next SPA, when executed with a normal project, seems to create a different JS which contains all the librairies and it also produces a MyApp.css/MyApp.head.js/MyApp.head.html.

Is it something that I can get from the CompiledAssembly returned by the compiler.Compile()?

By on 11/17/2015 1:39 PM ()

Finally I decided to not use fsx but just fs files and I made a build script which select a specific folder to be build and compile to JS. I am using the WebSharper.exe in \tools

By on 11/18/2015 4:51 PM ()

From what I can see the Bundle in WebSharper.Compiler will help me with the task of creating the bundle JS/CSS for a UI.Next SPA (built in fsx).

1
2
3
4

Bundle.Create()
	.WithDefaultReferences()
    .WithTransitiveReferences()
    .WithAssembly(...not sure where to get the assembly...)

But I am not sure how to pass the current dynamic assembly of the fsi to get my fsx file compiled and registered to the bundle.

.WithAssembly is taking a WebSharper.Compiler.Assembly so I am not sure how to compile the current fsi assembly.

By on 11/18/2015 4:51 PM ()

    Topic tags

    IntelliFactory Offices Copyright (c) 2011-2012 IntelliFactory. All rights reserved.
    Home | Products | Consulting | Trainings | Blogs | Jobs | Contact Us | Terms of Use | Privacy Policy | Cookie Policy     		Built with WebSharper