mohamnag

Keybase proof

I hereby claim:

• I am mohamnag on github.
• I am mohamnag (https://keybase.io/mohamnag) on keybase.
• I have a public key ASD99SsajQkw3NOzAMzFtK_U1qvHT8MAQYLJUoVs0Ynhlwo

To claim this, I am signing this object:

mohamnag

Kotlin + JSF in browser as SPA

Now that Google is officially setting Kotlin as Anroid's language and knowing that Kotlin can be cross-compiled to both Java and JavaScript, I came to the idea to build up a Kotlin based framework for making Single Page Applications for web. Idea is to reuse as much code as possible. Pretty much like what GWT and many many similar frameworks have tried to achieve too.

As for templating language, there are a lot of options out there, but if we are talking about winning over the Java community, then why not JSF? It is well-known in Java EE community and could take us one more step toward resuability of the code as it can be used by any JEE container supporting JSF. Considering the fact that Kotlin could also be used in JEE containers!

mohamnag

import javafx.application.Application;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebEvent;
import javafx.scene.web.WebView;
import javafx.stage.Stage;
import netscape.javascript.JSObject;

/**

mohamnag

abstract class Tree

case class Sum(l: Tree, r: Tree) extends Tree {
  override def toString(): String = "(" + l + " + " + r + ")"
}

case class Var(n: String) extends Tree {
  override def toString(): String = n
}

mohamnag

sudo dd if=/dev/zero of=/var/swapfile bs=1M count=2048
sudo chmod 600 /var/swapfile
sudo mkswap /var/swapfile
echo /var/swapfile none swap defaults 0 0 | sudo tee -a /etc/fstab
sudo swapon -a

mohamnag

{
  "Statement": [
    {
      "Action": [
        "s3:ListAllMyBuckets"
      ],
      "Effect": "Allow",
      "Resource": "arn:aws:s3:::*"
    },
    {

mohamnag

@mixin shadow-border-top($size: 10px) {
    &:before {
        content: "";
        width: 100%;
        height: $size;
        display: block;
        top: 0;
        position: absolute;
        background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.09) 75%, white 88%, white 100%) no-repeat;
        background-position: 0 -$size / 2;

mohamnag

export PS1="\\[$(tput setaf 6)\\]\\u:\\w #\\[$(tput sgr0)\\] "

mohamnag

$veryBigWidth: 100rem;
$veryBigHeight: 100rem;

@mixin transition-hide {
	transition: opacity 0.5s ease;

	visibility: hidden;
	opacity: 0;
	max-height: 0;
	max-width: 0;

mohamnag

/*
	This adds the desired character as an overlayed icon vertically and horizontally
	centered on the element.
	This uses the :after pseudo element so this element is not usable afterwards.
*/
@mixin fontIcon($font, $char, $size) {
	&:after {
		// character related to the desired icon
		content: $char;