Category Archives: JavaScript

CRUD Tutorial of Spring Boot with Kotlin and AngularJS

Today we’re going to learn CRUD example using Spring boot, Kotlin and AngularJS with WebJar. For this tutorial, nothing is assumed except some basic Java experience.

Spring Boot + Kotlin + AngularJS + WebJar CRUD Example

We’ll show you how simple it is to create compliant and flexible REST services using the incredible frameworks Spring Boot and Kotlin. We’ll go through the how and why of …

Source: Spring Boot + Kotlin + AngularJS + WebJar CRUD Example

Advertisements

First Firefox Extension with Kotlin Javascript

Kotlin, my favourite programming language, has seen a fast adoption on platforms like Android or Server where the code is compiled to Java bytecode. However, as Kotlin also supports compilation to Javascript, the language is starting to receive attention in the Web ecosystem as well. So today i am going to show you How to create Firefox Extension Using KotlinJS.

While some content on writing web applications in Kotlin has been published, the niche of writing browser extensions has seemed to be ignored until now. That’s why in this post we are going explore the process of writing a simple extension for Firefox using Kotlin JS.

You must see this : Top 20 Daily used Kotlin Code Snippet

How to Create Firefox Extension Using KotlinJS?

The extension is based on Your first extension by Mozilla and will simply add a red border to the kotlinlang.org website.

Requirements

For testing our Firefox extension, we will use the web-ext tool from Mozilla. To obtain it you need to install node.js and then run the following command in a terminal:

  1. npm install –global web-ext

Apart from that, we will be using IntelliJ IDEA 2017.2.6 with the Kotlin plugin version 1.1.60 to develop the extension.

You must aware of it : Kotlin Problems and How to avoid them?

Setting up the project with KotlinJS

Creating a new project using the KotlinJS (JavaScript) variant

In Intelli IDEA, we create a new Gradle based project and check the Kotlin (JavaScript) option.

We proceed through the wizard until the empty project is created and opened.

As the next step, we will enable the Dead Code Elimination plugin for KotlinJS. This is necessary because a Kotlin JS program needs to bundle the Kotlin stdlib which is over a megabyte in size. However, we can reduce the size of our compiled code drastically by removing code that’s never getting called.

You must see : Bye bye Gradle and Maven !! Say hello Kotlin Kobalt

To enable the plugin, simply add the following line to the build.gradle file.

  1. apply plugin: ‘kotlin-dce-js’

Creating the extension manifest

In the next step, we add the manifest file which is required for a Firefox extension. This fileis called manifest.json and resided in the root directory of our project. The file should have the following content.

{

“manifest_version”: 2,

“name”: “Kotlin Borderify”,

“version”: “1.0”,

“description”: “Adds a red border to kotlinlang.org”,

“content_scripts”: [

{

“matches”: [

“*://kotlinlang.org/*”

],

“js”: [

“build/classes/kotlin/main/min/kotlin.js”,

“build/classes/kotlin/main/min/kt-borderify.js”

]

}

]

}

In this file we declare that our extension will inject a content script in any website matching the pattern *://kotlinlang.org/* . The necessary script files are are the Kotlin stdlib kotlin.js as well as our code in the kt-borderify.js file.

Full article and Source : http://www.tellmehow.co/create-firefox-extension-using-kotlinjs/