GithubHelp home page GithubHelp logo

steffenfriedrich / play-with-scalajs-example Goto Github PK

View Code? Open in Web Editor NEW

This project forked from vmunier/play-scalajs.g8

0.0 1.0 0.0 905 KB

Example application showing how you can integrate Play with Scala.js.

License: Apache License 2.0

Scala 16.23% Shell 1.08% HTML 2.59% CSS 80.10%

play-with-scalajs-example's Introduction

Play Framework with Scala.js

License Gitter Deploy to Heroku

This is a simple example application showing how you can integrate a Play project with a Scala.js project.

The application contains three directories:

  • server Play application (server side)
  • client Scala.js application (client side)
  • shared Scala code that you want to share between the server and the client

Run the application

$ sbt
> run
$ open http://localhost:9000

Features

The application uses the sbt-web-scalajs sbt plugin and the scalajs-scripts library.

  • Run your application like a regular Play app
    • compile triggers the Scala.js fastOptJS command
    • run triggers the Scala.js fastOptJS command on page refresh
    • ~compile, ~run, continuous compilation is also available
  • Compilation errors from the Scala.js projects are also displayed in the browser
  • Production archives (e.g. using stage, dist) contain the optimised javascript
  • Source maps
    • Open your browser dev tool to set breakpoints or to see the guilty line of code when an exception is thrown
    • Source Maps is disabled in production by default to prevent your users from seeing the source files. But it can easily be enabled in production too by setting emitSourceMaps in fullOptJS := true in the Scala.js projects.

Cleaning

The root project aggregates all the other projects by default. Use this root project, called play-with-scalajs-example, to clean all the projects at once.

$ sbt
> play-with-scalajs-example/clean

IDE integration

Eclipse

  1. $ sbt "eclipse with-source=true"
  2. Inside Eclipse, File/Import/General/Existing project..., choose the root folder. Uncheck the second and the last checkboxes to only import client, server and one shared, click Finish. Alt text

IntelliJ

In IntelliJ, open Project wizard, select Import Project, choose the root folder and click OK. Select Import project from external model option, choose SBT project and click Next. Select additional import options and click Finish. Make sure you use the IntelliJ Scala Plugin v1.3.3 or higher. There are known issues with prior versions of the plugin.

play-with-scalajs-example's People

Contributors

benmccann avatar gitter-badger avatar jkutner avatar kaeawc avatar sjrd avatar steffenfriedrich avatar vmunier avatar

Watchers

 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.