Where can I find examples and documentation of Upshot.js?

Question

Steve Sanderson gave some very interesting presentations at Techdays 2012 in the Netherlands. In one of them, he presented the library that he used for client-server interaction in the MVC: Upshot application.

I was very surprised how easy it was to use it, so I wanted to download and test it. I found a download link through NuGet , but I can not find any documentation. Does anyone have something that works? I would also appreciate the code sample that Steve showed as during the presentation.

EDIT:

I found an online presentation in which I attended Techdays. It is so much worth a look. You will get an idea of ​​what you can do, and also get an idea of ​​how to start with it. Good luck and have fun.

Link: http://channel9.msdn.com/Events/TechDays/Techdays-2012-the-Netherlands/2159

Answer 1

I found one that is one of the MS samples for SPA (which may be the only one for now):

Single-page ASP.NET (SPA) BigShelf Application

A complete tutorial on this project can be found here: BigShelf

Edit:

Watch this tweet from Steve Sanderson: https://twitter.com/#!/stevensanderson/status/171561402597773312

Now we are creating a site for Upshot / SPA. Hopefully live this week! Sorry for delay.

Answer 2

Edit: see Steven's blog post here with sample download code: http://blog.stevensanderson.com/2012/03/06/single-page-application-packages-and-samples/

I don’t know how to access the assistant, I would like to know that I could play with him :-)

This seems to be a trick now:

<script src="../../Scripts/knockout-2.0.0.js" type="text/javascript"></script> <script src="../../Scripts/upshot.js" type="text/javascript"></script> <script src="../../Scripts/upshot.compat.knockout.js" type="text/javascript"></script> <script type="text/javascript"> upshot.metadata({ "CLASSNAME:#NAMESPACE":{ "key": ["aId"], "fields": { "aId": { "type": "Int32:#System" }, "Title": { "type": "String:#System" }, "Description": { "type": "String:#System" }, "Effort": { "type": "Double:#System" } } } }); var myDataSource = new upshot.RemoteDataSource({ providerParameters: { url: "http://localhost:7018/api/CONTROLLERNAME", operationName: "", operationParameters: {} }, entityType: "CLASSNAME:#NAMESPACE" }); myDataSource.refresh(function (results) { alert(results[0].Title()); }); </script> 

You need to replace CLASSNAME: #NAMESPACE with your name and namespace, for example: "WorkItem: # MySystem.Models".

And replace CONTROLLERNAME with the actual controller name, in case of this

 public class MyTasksController : ApiController 

you will need to replace CONTROLLERNAME MyTasks

And fill in the material inside the metadata according to your model objects. I hope the code samples appear on the web soon, because it is a lot of work: - (

Answer 3

Looking at the BigShelf example, you can use several additional packages available.

I have not tried them myself yet, but take a look at:

http://nuget.org/packages/Upshot

http://nuget.org/packages/SinglePageApplication

I think the SPA package contains extension methods for the Upshot and Metadata html methods p>

Answer 4

Here is an example of a Delivery Report from a presentation