How to make dojo work offline - dojo

I have a project that loads http://ajax.googleapis.com/ajax/libs/dojo/1.3.2/dojo/dojo.xd.js, I want to be able use this project offline
I tried to download dojo.xd.js and link to it locally but this still doesn't work offline
In firebug, on the net tab I can see that there are a lot more .js files that load
Is there a simple way of making this work offline?

The way of integration depends on your way of using it.
I assume you have webserver running locally (without inet access)?!
At the dojo website there are several ways of dojo integration available. Just download one of them (do not use CDN) and put the file on your local web server. Then it is available through the local url (can be relative to your site).
If you wan't to build an "offline" app without a webserver then take a look at Adobe AIR and interation of the dojo toolkit with Dojo Extensions for Adobe AIR.
Another option might be the integration together with PhoneGap or Cordova to build an offline App, e.g. for an IPhone etc. with HTML/Javascript. Win8/RT Applications for the M$ AppStore does support HTML/Javascript, too (have not tested this with Dojo).
Keep in mind there are also some security restrictions (e.g. loading and execution of JavaScript) if you plan to "release" your app as simple html file (click to open in browser).

Related

How to convert to a full browser-based web development environment?

I would like to build web software, using only a browser. I'm looking for a third party service that offers me (perhaps a subset of):
Obviously a code editor with intellisense and extensibility
A way to run console commands
To run npm scripts, webpack, gulp that will build my code
To ssh to other computers
To be able to even run my server-side code in a dev environment
node app.js, dotnet run, maybe even apache + php
Ideally I'd be able to have a database in that environment
So, is there a service that will allow web developers to operate completely within a browser?
I imagine it being like a VPS, but with a great web interface that lets you manage installed packages and a custom built text editor that doesn't stink, and a button to open a new bash session, or open existing bash sessions.
I'm looking for recommendations from those who have actually used the service they are recommending, not just people who googled one of the million "Cloud IDE's" or browser based text editors, which offer no other functionality.
In an ideal sense, I'd be able to work on projects with complex development environments, from any phone, any computer, or even an iPad with a keyboard, simply by signing into a website and choosing the project.
You are looking for gitpod.io.
Check it out it does everything you asked for.

Buildfire: How to use the Barcode Scanner

I have gotten to the point where I can launch the barcode mock mode.
I am trying to figure out how I can start scanning test codes in development.
Or would an app that I am trying to test this on, need to have camera permissions on the app?
In that case, how do you overcome the use of the Camera Hardware on the PWA?
Or is there a way that I can scan QR-Codes using a different javascript API that would work in all cases?
Also, I had to move the camera and barcode service Javascript files into my Widget folder because when I was trying to reference them as you do on the instructions, the files wouldn't load.
Yes when you are in web it will mock the functionality because you're not on a device. There are HTML5 Camera API's see (https://www.html5rocks.com/en/tutorials/getusermedia/intro/)
You can use the BuildFire Previewer App (contact customer support if you havent downloaded it yet)
While you can take a copy of the services into your plugin it is risky. If we issue any updates or bug fixes you will not receive them. Also if it breaks compatibility at any time (rare but possible) your plugin stop working

draw.io plugins in chrome app

In an online version of draw.io you can enable extra plugins using their url like this https://www.draw.io/?p=svgdata (svgdata is the plugin id)
Is there a way to enable a plugin using Chrome app?
No.
In online version, the Plugins is listed under extras.
In offline as well as in Chrome App, you can't see such an Option
Which means you can't add plugins in the offline version.
Remaining functionalities that you will miss in the offline version
You can’t access or store diagrams using cloud services like Dropbox, GitHub, etc.
Save diagrams to your device or browser instead.
Online help is not available
You can’t insert PlantUML text data.
Math typesetting is not available.
Templates are not available for creating new diagrams.
You can’t export to PDF, but you can print as PDF.
The interface is only available in English.
source : draw.io
Then why?
May be because of issues with caching. If you add many plugins, each of them contains many files. Caching large number of files for offline usage will make the app worst and also consume more memory.
Anyway, you can submit a feature request here

Storing files locally in Node Webkit App

Folks:
I'm creating an app using Node Webkit. The purpose of this app is to display images and pdfs. The app needs to download those files from a central repository, and cache them locally. When the app runs offline, the files should still be available, and displayed.
On the face of it, this sounds like appcache is the answer - and that indeed is where I was heading when this was a pure webapp in a browser. However, now I've discovered node-webkit, and here we are.
node-webkit's GitHub wiki states:
"However, application cache is designed for browser use, for apps using node-webkit, it's less useful than the other two method, read HTML5 Application Cache if you want to use it."
But doesn't say why.
I've also researched node.js filesystem - but that seems like a whole magnitude of complexity above what I need.
Can anyone point me in a sensible direction?
Thanks.
It has to do with the nature of App Cache itself.
You specify a manifest file that lists all the static assets required for your app to run offline. You don't have any programmatic access to the cache to add and remove files via JS.
So for a node-webkit app, it'd make more sense to fetch these files and store them in the Application Support folder (Or AppData, depending on the platform). That's where the node.js part is really useful, the file IO stuff.

How to automatically test if offline mode is working in web application

I have mobile web application that has offline capabilities (via HTML5).
I'm currently building automatic build & testing for it (ant, JsTestDriver etc.), until I hit a wall. How can I test if the web application has working offline mode? This is specially painful since if tested by hand; iPhone practically needs full reset between tests (it tends to cling on to some parts of the data).
I'm thinking something around these lines (on a idea level):
Setup Java web server with ant
Fire some sort of headless client, that supports HTML5 offline use
Load the application
Validate that everything is loaded
Disable server
Load the application
Validate that everything is loaded, still
Any suggestions how would I proceed doing something like this?
Not sure I understand your question, but what do you think of:
Not using an iPhone, but chrome on PC with the ripple emulator http://ripple.tinyhippos.com/
Setting a fake proxy or editing the .host file in order to be sure that your chrome session does not have access to your server.