Giter Club home page Giter Club logo

appc-liveviewer-app's Introduction

LiveViewer App

OR: App Viewer, App Preview..

An app to load and run Titanium and Alloy code from any URL, GitHub repositories and gists.

screenshots

Goal

  • To provide a way for new users to try out Titanium and Alloy without needing to install it.
  • To be able to quickly run a code snippet.

Uses

  • We could build a TiFiddle like front-end with QR code and URL scheme to run it in the app.
  • We could add a QR code to examplses in the documentation and blog posts to run it in the app.
  • We could add a page to our main website where people can download the app and scan a unique QR code to run and edit an hello world example.

Server

Projects in GitHub repositories and sources that need to be compiled with Alloy in the cloud will download the source via an instance of appc-liveviewer-server.

For now, the app uses an instance at: http://node.fokkezb.nl:8080.

Samples

The app loads a list of sample source URLs from the server, which redirects to a gist so we can update it easily

For now, http://node.fokkezb.nl:8080/samples.json redirects to https://gist.github.com/FokkeZB/d69277cbe15103bc0696.

QR

Use the Scan QR button to scan a QR code containing either:

URL

Install a browser like this one for Chrome to quickly open a Gist you are viewing in the app.

URL

JSON

Containing an source URL and optional Alloy switch:

{"url":"https://github.com/appcelerator/movies","alloy":true}

JSON

JS

Containing actual Titanium JS code:

var win=Ti.UI.createWindow({backgroundColor:"white"});win.add(Ti.UI.createLabel({text:"Hello world"}));win.open();

JS

URLs

The app can load the following types of URLs directly as long as they don't use Alloy:

  • Gists, including selecting a specific file via hashtag.
  • Raw JS code.
  • ZIP file containg a classic project.

The app can load the following types via the server:

  • GitHub repo's, including a specific branch, subdirectory or file.
  • Gists containing Alloy files, including app.tss, alloy.js etc.

Ti-Proxy

The app relies on the Titaniumified version of the OSS Ti-Proxy inspired by the transformations David Bankier's TiShadow does.

Known issues

See GitHub

appc-liveviewer-app's People

Contributors

fokkezb avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.