├── .gitignore
├── .travis.yml
├── LICENSE
├── Procfile
├── README.md
├── _config.yml
├── backend
├── build.gradle.kts
└── src
│ └── main
│ └── kotlin
│ ├── main.kt
│ └── routes
│ └── route.kt
├── build.gradle.kts
├── common
├── build.gradle.kts
└── src
│ └── main
│ └── kotlin
│ ├── events
│ └── TodoEventEmitter.kt
│ ├── model
│ └── Task.kt
│ └── utils
│ └── Utils.kt
├── gradle.properties
├── gradle
└── wrapper
│ ├── gradle-wrapper.jar
│ └── gradle-wrapper.properties
├── gradlew
├── gradlew.bat
├── settings.gradle.kts
└── webapp
├── build.gradle.kts
└── src
└── main
├── kotlin
├── main.kt
├── services
│ ├── Ajax.kt
│ └── StorageService.kt
└── views
│ ├── Todo.kt
│ └── templates.kt
└── resources
├── index.ejs
├── index.html
└── lib
├── jquery
├── jquery.js
├── jquery.min.js
└── jquery.min.map
└── materialize
├── css
├── materialize.css
└── materialize.min.css
├── fonts
└── roboto
│ ├── Roboto-Bold.woff
│ ├── Roboto-Bold.woff2
│ ├── Roboto-Light.woff
│ ├── Roboto-Light.woff2
│ ├── Roboto-Medium.woff
│ ├── Roboto-Medium.woff2
│ ├── Roboto-Regular.woff
│ ├── Roboto-Regular.woff2
│ ├── Roboto-Thin.woff
│ └── Roboto-Thin.woff2
└── js
├── materialize.js
└── materialize.min.js
/.gitignore:
--------------------------------------------------------------------------------
1 | # Created by .ignore support plugin (hsz.mobi)
2 | ### Node template
3 | # Logs
4 | logs
5 | *.log
6 | npm-debug.log*
7 | yarn-debug.log*
8 | yarn-error.log*
9 |
10 | # Runtime data
11 | pids
12 | *.pid
13 | *.seed
14 | *.pid.lock
15 |
16 | # Directory for instrumented libs generated by jscoverage/JSCover
17 | lib-cov
18 |
19 | # Coverage directory used by tools like istanbul
20 | coverage
21 |
22 | # nyc test coverage
23 | .nyc_output
24 |
25 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
26 | .grunt
27 |
28 | # Bower dependency directory (https://bower.io/)
29 | bower_components
30 |
31 | # node-waf configuration
32 | .lock-wscript
33 |
34 | # Compiled binary addons (http://nodejs.org/api/addons.html)
35 | build/Release
36 |
37 | # Dependency directories
38 | node_modules/
39 | jspm_packages/
40 |
41 | # Typescript v1 declaration files
42 | typings/
43 |
44 | # Optional npm cache directory
45 | .npm
46 |
47 | # Optional eslint cache
48 | .eslintcache
49 |
50 | # Optional REPL history
51 | .node_repl_history
52 |
53 | # Output of 'npm pack'
54 | *.tgz
55 |
56 | # Yarn Integrity file
57 | .yarn-integrity
58 |
59 | # dotenv environment variables file
60 | .env
61 |
62 | build
63 | .gradle
64 | .idea
65 |
66 | webapp/lib/kotlin/
--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
1 | language: node_js
2 | node_js:
3 | - "8"
4 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2017 Ali Shirzad
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/Procfile:
--------------------------------------------------------------------------------
1 | web: node build/js/packages/kotlinNodeJs-backend/kotlin/kotlinNodeJs-backend.js
2 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | [](https://travis-ci.org/techprd/kotlin_node_js_seed)
2 |
3 | # Kotlin Node.js Seed Project
4 | This project is an application skeleton for a typical Node.js app written entirely with Kotlin.
5 |
6 | ## Node.js app written with Kotlin
7 |
8 | ### Full Tutorial coming soon
9 | Node.js app with Kotlin
10 |
11 | #### DEMO:
12 |
13 | https://kotlin-nodejs.herokuapp.com/
14 |
15 | ### What's in this project?
16 |
17 | 1. express.js to run server and routing
18 | 2. ejs templating engine for express.js
19 | 3. Kotlin Dependencies
20 | 4. kotlin-js to compile/trans-compile kotlin to js
21 |
22 |
23 | ### How to Use:
24 |
25 | #### Compile Kotlin to JS using gradle
26 |
27 | ###### On Windows
28 | `$ gradlew.bat build`
29 |
30 | ###### On Linux / Mac
31 | `$ ./gradlew build`
32 |
33 | #### Run Node Server
34 | `$ ./gradlew :backend:nodeRun`
35 |
36 | #### Run web-pack dev server with continues reload
37 | `$ ./gradlew :webapp:browserDevelopmentRun -t`
38 |
39 | ### Project structure
40 | This project consist of three modules:
41 |
42 | - backend
43 | - this is where server-side node.js implementation exists
44 | - common
45 | - consists of shared implementations between back-end and front-end
46 | - do not include any secrets in this module as it is share with front-end
47 | - webapp
48 | - this is the front-end module that renders the single page application
49 |
50 | #### Kotlin official site
51 | https://kotlinlang.org/docs/reference/js-overview.html
52 |
53 | ## To Do
54 | 1. add frontend framework
55 | 2. use jetbrains frontend plugin for dependency management and hot-reload
56 | 3. add unit tests
57 | 4. add end-to-end tests
58 |
59 |
--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
1 | theme: jekyll-theme-cayman
--------------------------------------------------------------------------------
/backend/build.gradle.kts:
--------------------------------------------------------------------------------
1 | plugins {
2 | id("org.jetbrains.kotlin.js")
3 | }
4 |
5 | group = "com.techprd"
6 | version = "1.9.0"
7 |
8 | repositories {
9 | mavenCentral()
10 | mavenLocal()
11 | }
12 |
13 | dependencies {
14 | implementation(kotlin("stdlib-js"))
15 | implementation(project(":common"))
16 | }
17 |
18 | kotlin {
19 | js {
20 | nodejs {
21 | dependencies {
22 | implementation(npm("body-parser", "1.20.2"))
23 | implementation(npm("cookie-parser", "1.4.6"))
24 | implementation(npm("ejs", "3.1.9"))
25 | implementation(npm("express", "4.18.2"))
26 | implementation(npm("materialize-css", "1.0.0"))
27 | }
28 | }
29 | binaries.executable()
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/backend/src/main/kotlin/main.kt:
--------------------------------------------------------------------------------
1 | import routes.router
2 | import utils.Utils.normalizePort
3 |
4 | external fun require(module: String): dynamic
5 |
6 | external val process: dynamic
7 | external val __dirname: dynamic
8 |
9 | fun main() {
10 | println("Server Starting!")
11 |
12 | val express = require("express")
13 | val app = express()
14 | val path = require("path")
15 | val bodyParser = require("body-parser")
16 | val http = require("http")
17 |
18 | /**
19 | * Get port from environment and store in Express.
20 | */
21 | val port = normalizePort(process.env.PORT)
22 | app.use(bodyParser.json())
23 | app.set("port", port)
24 |
25 | // view engine setup
26 | // TODO: find a better way to find the webapp views and js files
27 | app.set("views", path.join(__dirname, "../../../../../webapp/build/dist/js/productionExecutable"))
28 | app.set("view engine", "ejs")
29 | app.use(express.static(path.join(__dirname, "../../../../../webapp/build/dist/js/productionExecutable")))
30 |
31 | http.createServer(app)
32 | app.listen(port) {
33 | println("Example app listening on port $port!")
34 | }
35 |
36 | app.use("/", router())
37 | }
38 |
--------------------------------------------------------------------------------
/backend/src/main/kotlin/routes/route.kt:
--------------------------------------------------------------------------------
1 | package routes
2 |
3 | import model.Task
4 | import require
5 | import utils.Utils.randomId
6 |
7 | fun router() {
8 | val express = require("express")
9 | val router = express.Router()
10 |
11 | val db = hashMapOf()
12 |
13 | arrayOf("Kotlin is Awesome!", "Buy Milk", "Check Post office", "Call John").forEach {
14 | val id = randomId()
15 | db[id] = Task(id, it)
16 | }
17 |
18 | router.get("/") { _, res ->
19 | res.render("index")
20 | }
21 |
22 | router.get("/api/tasks") { _, res ->
23 | val values = JSON.stringify(db.values.map { it.toJson() })
24 | res.send(values)
25 | }
26 |
27 | router.get("/api/task/:id") { req, res ->
28 | res.json(db[req.params.id])
29 | }
30 |
31 | router.post("/api/task/:id") { req, res ->
32 | val task = Task.fromJson(req.body)
33 | db[task.id] = task
34 | res.send(task.toJson())
35 | }
36 |
37 | return router
38 | }
39 |
--------------------------------------------------------------------------------
/build.gradle.kts:
--------------------------------------------------------------------------------
1 | plugins {
2 | id("org.jetbrains.kotlin.js") version "1.9.0"
3 | }
4 |
5 | group = "com.techprd"
6 | version = "1.9.0"
7 |
8 | repositories {
9 | mavenCentral()
10 | }
11 |
12 | kotlin {
13 | js {
14 | browser()
15 | nodejs()
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/common/build.gradle.kts:
--------------------------------------------------------------------------------
1 | plugins {
2 | id("org.jetbrains.kotlin.js")
3 | }
4 |
5 | group = "com.techprd"
6 | version = "1.9.0"
7 |
8 | repositories {
9 | mavenCentral()
10 | }
11 |
12 | dependencies {
13 | implementation(kotlin("stdlib-js"))
14 | }
15 |
16 | kotlin {
17 | js {
18 | browser()
19 | nodejs()
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/common/src/main/kotlin/events/TodoEventEmitter.kt:
--------------------------------------------------------------------------------
1 | package events
2 |
3 | import model.Task
4 |
5 | class TodoEventEmitter {
6 |
7 | private val events: LinkedHashMap Unit>> = linkedMapOf()
8 |
9 | fun on(eventName: String, callback: (Task) -> Unit) {
10 | if (events.containsKey(eventName)) {
11 | events[eventName]?.add(callback)
12 | } else {
13 | events[eventName] = arrayListOf(callback)
14 | }
15 | }
16 |
17 | fun trigger(eventName: String, task: Task) {
18 | if (events.containsKey(eventName)) {
19 | events[eventName]?.forEach {
20 | it.invoke(task)
21 | }
22 | }
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/common/src/main/kotlin/model/Task.kt:
--------------------------------------------------------------------------------
1 | package model
2 |
3 | import kotlin.js.Json
4 | import kotlin.js.json
5 |
6 | data class Task(val id: String, val text: String, var isDone: Boolean = false, var isArchived: Boolean = false) {
7 |
8 | fun markAsDone() {
9 | isDone = true
10 | }
11 |
12 | fun archive() {
13 | isArchived = true
14 | }
15 |
16 | fun toJson(): Json {
17 | return json(
18 | "id" to id,
19 | "text" to text,
20 | "isDone" to isDone,
21 | "isArchived" to isArchived
22 | )
23 | }
24 |
25 | companion object {
26 | fun fromJson(it: Json): Task {
27 | return Task(
28 | id = it["id"] as String,
29 | text = it["text"] as String,
30 | isDone = it["isDone"] as Boolean,
31 | isArchived = it["isArchived"] as Boolean
32 | )
33 | }
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/common/src/main/kotlin/utils/Utils.kt:
--------------------------------------------------------------------------------
1 | package utils
2 |
3 | import kotlin.math.floor
4 | import kotlin.random.Random
5 |
6 | object Utils {
7 | fun randomId(): String {
8 | var text = ""
9 | val possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"
10 | for (i in 0..4)
11 | text += possible[floor(Random.nextDouble() * possible.length).toInt()]
12 |
13 | return text
14 | }
15 |
16 | fun normalizePort(arg: Int): Int {
17 | if (arg >= 0) {
18 | // port number
19 | return arg
20 | }
21 | return 3000
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/gradle.properties:
--------------------------------------------------------------------------------
1 | kotlin.code.style=official
2 |
--------------------------------------------------------------------------------
/gradle/wrapper/gradle-wrapper.jar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/techprd/kotlin_node_js_seed/d9f9922e93045d2ba6e164a562565dbaf923d266/gradle/wrapper/gradle-wrapper.jar
--------------------------------------------------------------------------------
/gradle/wrapper/gradle-wrapper.properties:
--------------------------------------------------------------------------------
1 | distributionBase=GRADLE_USER_HOME
2 | distributionPath=wrapper/dists
3 | distributionUrl=https\://services.gradle.org/distributions/gradle-7.4.2-bin.zip
4 | zipStoreBase=GRADLE_USER_HOME
5 | zipStorePath=wrapper/dists
6 |
--------------------------------------------------------------------------------
/gradlew:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env sh
2 |
3 | #
4 | # Copyright 2015 the original author or authors.
5 | #
6 | # Licensed under the Apache License, Version 2.0 (the "License");
7 | # you may not use this file except in compliance with the License.
8 | # You may obtain a copy of the License at
9 | #
10 | # https://www.apache.org/licenses/LICENSE-2.0
11 | #
12 | # Unless required by applicable law or agreed to in writing, software
13 | # distributed under the License is distributed on an "AS IS" BASIS,
14 | # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
15 | # See the License for the specific language governing permissions and
16 | # limitations under the License.
17 | #
18 |
19 | ##############################################################################
20 | ##
21 | ## Gradle start up script for UN*X
22 | ##
23 | ##############################################################################
24 |
25 | # Attempt to set APP_HOME
26 | # Resolve links: $0 may be a link
27 | PRG="$0"
28 | # Need this for relative symlinks.
29 | while [ -h "$PRG" ] ; do
30 | ls=`ls -ld "$PRG"`
31 | link=`expr "$ls" : '.*-> \(.*\)$'`
32 | if expr "$link" : '/.*' > /dev/null; then
33 | PRG="$link"
34 | else
35 | PRG=`dirname "$PRG"`"/$link"
36 | fi
37 | done
38 | SAVED="`pwd`"
39 | cd "`dirname \"$PRG\"`/" >/dev/null
40 | APP_HOME="`pwd -P`"
41 | cd "$SAVED" >/dev/null
42 |
43 | APP_NAME="Gradle"
44 | APP_BASE_NAME=`basename "$0"`
45 |
46 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
47 | DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
48 |
49 | # Use the maximum available, or set MAX_FD != -1 to use that value.
50 | MAX_FD="maximum"
51 |
52 | warn () {
53 | echo "$*"
54 | }
55 |
56 | die () {
57 | echo
58 | echo "$*"
59 | echo
60 | exit 1
61 | }
62 |
63 | # OS specific support (must be 'true' or 'false').
64 | cygwin=false
65 | msys=false
66 | darwin=false
67 | nonstop=false
68 | case "`uname`" in
69 | CYGWIN* )
70 | cygwin=true
71 | ;;
72 | Darwin* )
73 | darwin=true
74 | ;;
75 | MINGW* )
76 | msys=true
77 | ;;
78 | NONSTOP* )
79 | nonstop=true
80 | ;;
81 | esac
82 |
83 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
84 |
85 |
86 | # Determine the Java command to use to start the JVM.
87 | if [ -n "$JAVA_HOME" ] ; then
88 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
89 | # IBM's JDK on AIX uses strange locations for the executables
90 | JAVACMD="$JAVA_HOME/jre/sh/java"
91 | else
92 | JAVACMD="$JAVA_HOME/bin/java"
93 | fi
94 | if [ ! -x "$JAVACMD" ] ; then
95 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
96 |
97 | Please set the JAVA_HOME variable in your environment to match the
98 | location of your Java installation."
99 | fi
100 | else
101 | JAVACMD="java"
102 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
103 |
104 | Please set the JAVA_HOME variable in your environment to match the
105 | location of your Java installation."
106 | fi
107 |
108 | # Increase the maximum file descriptors if we can.
109 | if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
110 | MAX_FD_LIMIT=`ulimit -H -n`
111 | if [ $? -eq 0 ] ; then
112 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
113 | MAX_FD="$MAX_FD_LIMIT"
114 | fi
115 | ulimit -n $MAX_FD
116 | if [ $? -ne 0 ] ; then
117 | warn "Could not set maximum file descriptor limit: $MAX_FD"
118 | fi
119 | else
120 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
121 | fi
122 | fi
123 |
124 | # For Darwin, add options to specify how the application appears in the dock
125 | if $darwin; then
126 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
127 | fi
128 |
129 | # For Cygwin or MSYS, switch paths to Windows format before running java
130 | if [ "$cygwin" = "true" -o "$msys" = "true" ] ; then
131 | APP_HOME=`cygpath --path --mixed "$APP_HOME"`
132 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
133 |
134 | JAVACMD=`cygpath --unix "$JAVACMD"`
135 |
136 | # We build the pattern for arguments to be converted via cygpath
137 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
138 | SEP=""
139 | for dir in $ROOTDIRSRAW ; do
140 | ROOTDIRS="$ROOTDIRS$SEP$dir"
141 | SEP="|"
142 | done
143 | OURCYGPATTERN="(^($ROOTDIRS))"
144 | # Add a user-defined pattern to the cygpath arguments
145 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then
146 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
147 | fi
148 | # Now convert the arguments - kludge to limit ourselves to /bin/sh
149 | i=0
150 | for arg in "$@" ; do
151 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
152 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option
153 |
154 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition
155 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
156 | else
157 | eval `echo args$i`="\"$arg\""
158 | fi
159 | i=`expr $i + 1`
160 | done
161 | case $i in
162 | 0) set -- ;;
163 | 1) set -- "$args0" ;;
164 | 2) set -- "$args0" "$args1" ;;
165 | 3) set -- "$args0" "$args1" "$args2" ;;
166 | 4) set -- "$args0" "$args1" "$args2" "$args3" ;;
167 | 5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
168 | 6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
169 | 7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
170 | 8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
171 | 9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
172 | esac
173 | fi
174 |
175 | # Escape application args
176 | save () {
177 | for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
178 | echo " "
179 | }
180 | APP_ARGS=`save "$@"`
181 |
182 | # Collect all arguments for the java command, following the shell quoting and substitution rules
183 | eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
184 |
185 | exec "$JAVACMD" "$@"
186 |
--------------------------------------------------------------------------------
/gradlew.bat:
--------------------------------------------------------------------------------
1 | @rem
2 | @rem Copyright 2015 the original author or authors.
3 | @rem
4 | @rem Licensed under the Apache License, Version 2.0 (the "License");
5 | @rem you may not use this file except in compliance with the License.
6 | @rem You may obtain a copy of the License at
7 | @rem
8 | @rem https://www.apache.org/licenses/LICENSE-2.0
9 | @rem
10 | @rem Unless required by applicable law or agreed to in writing, software
11 | @rem distributed under the License is distributed on an "AS IS" BASIS,
12 | @rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | @rem See the License for the specific language governing permissions and
14 | @rem limitations under the License.
15 | @rem
16 |
17 | @if "%DEBUG%" == "" @echo off
18 | @rem ##########################################################################
19 | @rem
20 | @rem Gradle startup script for Windows
21 | @rem
22 | @rem ##########################################################################
23 |
24 | @rem Set local scope for the variables with windows NT shell
25 | if "%OS%"=="Windows_NT" setlocal
26 |
27 | set DIRNAME=%~dp0
28 | if "%DIRNAME%" == "" set DIRNAME=.
29 | set APP_BASE_NAME=%~n0
30 | set APP_HOME=%DIRNAME%
31 |
32 | @rem Resolve any "." and ".." in APP_HOME to make it shorter.
33 | for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
34 |
35 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
36 | set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
37 |
38 | @rem Find java.exe
39 | if defined JAVA_HOME goto findJavaFromJavaHome
40 |
41 | set JAVA_EXE=java.exe
42 | %JAVA_EXE% -version >NUL 2>&1
43 | if "%ERRORLEVEL%" == "0" goto execute
44 |
45 | echo.
46 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
47 | echo.
48 | echo Please set the JAVA_HOME variable in your environment to match the
49 | echo location of your Java installation.
50 |
51 | goto fail
52 |
53 | :findJavaFromJavaHome
54 | set JAVA_HOME=%JAVA_HOME:"=%
55 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe
56 |
57 | if exist "%JAVA_EXE%" goto execute
58 |
59 | echo.
60 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
61 | echo.
62 | echo Please set the JAVA_HOME variable in your environment to match the
63 | echo location of your Java installation.
64 |
65 | goto fail
66 |
67 | :execute
68 | @rem Setup the command line
69 |
70 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
71 |
72 |
73 | @rem Execute Gradle
74 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %*
75 |
76 | :end
77 | @rem End local scope for the variables with windows NT shell
78 | if "%ERRORLEVEL%"=="0" goto mainEnd
79 |
80 | :fail
81 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
82 | rem the _cmd.exe /c_ return code!
83 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
84 | exit /b 1
85 |
86 | :mainEnd
87 | if "%OS%"=="Windows_NT" endlocal
88 |
89 | :omega
90 |
--------------------------------------------------------------------------------
/settings.gradle.kts:
--------------------------------------------------------------------------------
1 | rootProject.name = "kotlinNodeJs"
2 | include("common", "webapp", "backend")
3 |
--------------------------------------------------------------------------------
/webapp/build.gradle.kts:
--------------------------------------------------------------------------------
1 | import org.jetbrains.kotlin.gradle.targets.js.webpack.KotlinWebpackConfig
2 |
3 | plugins {
4 | id("org.jetbrains.kotlin.js")
5 | }
6 |
7 | group = "com.techprd"
8 | version = "1.9.0"
9 |
10 | repositories {
11 | mavenCentral()
12 | mavenLocal()
13 | jcenter()
14 | }
15 |
16 | dependencies {
17 | implementation(kotlin("stdlib-js"))
18 | implementation("org.jetbrains.kotlinx:kotlinx-html-js:0.9.1")
19 | implementation(project(":common"))
20 | }
21 |
22 | kotlin {
23 | js {
24 | browser {
25 | webpackTask(Action {
26 | cssSupport {
27 | enabled.set(true)
28 | }
29 | })
30 |
31 | runTask(Action {
32 | devServer = KotlinWebpackConfig.DevServer(
33 | static = mutableListOf("$buildDir/processedResources/js/main"),
34 | proxy = hashMapOf("/api" to "http://localhost:3000")
35 | )
36 | })
37 |
38 | testTask(Action {
39 | useKarma {
40 | useChromeHeadless()
41 | webpackConfig.cssSupport {
42 | enabled.set(true)
43 | }
44 | }
45 | })
46 | }
47 | binaries.executable()
48 | }
49 | }
50 |
51 |
--------------------------------------------------------------------------------
/webapp/src/main/kotlin/main.kt:
--------------------------------------------------------------------------------
1 | import org.w3c.dom.HTMLDivElement
2 | import views.Todo
3 | import kotlinx.browser.document
4 |
5 | fun main() {
6 | val formContainer = document.getElementById("formContainer") as HTMLDivElement
7 | Todo(formContainer).render()
8 | }
9 |
--------------------------------------------------------------------------------
/webapp/src/main/kotlin/services/Ajax.kt:
--------------------------------------------------------------------------------
1 | package services
2 |
3 | import model.Task
4 | import org.w3c.xhr.*
5 | import kotlin.js.Json
6 |
7 | class Ajax {
8 |
9 | var xhttp: dynamic = XMLHttpRequest()
10 |
11 | fun get(url: String, callback: (XMLHttpRequest) -> Unit) {
12 | xhttp.open(
13 | method = "GET",
14 | url = url,
15 | async = true
16 | )
17 | xhttp.onreadystatechange = {
18 | if (xhttp.readyState == XMLHttpRequest.DONE && xhttp.status == 200) {
19 | callback(xhttp)
20 | }
21 | }
22 |
23 | xhttp.send()
24 | }
25 |
26 | fun post(url: String, task: Json, callback: (XMLHttpRequest) -> Unit) {
27 | xhttp.open(
28 | method = "POST",
29 | url = url,
30 | async = true
31 | )
32 | xhttp.setRequestHeader("Content-type", "application/json");
33 | xhttp.onreadystatechange = {
34 | if (xhttp.readyState == XMLHttpRequest.DONE && xhttp.status == 200) {
35 | callback(xhttp)
36 | }
37 | }
38 |
39 | xhttp.send(JSON.stringify(task))
40 | }
41 |
42 | }
--------------------------------------------------------------------------------
/webapp/src/main/kotlin/services/StorageService.kt:
--------------------------------------------------------------------------------
1 | package services
2 |
3 | import events.TodoEventEmitter
4 | import model.Task
5 | import kotlin.js.Json
6 |
7 | class StorageService(val eventEmitter: TodoEventEmitter) : LinkedHashMap() {
8 |
9 | val addEvent: String = "addTask"
10 | val doneEvent: String = "doneEvent"
11 | val undoneEvent: String = "undoneEvent"
12 |
13 | init {
14 | with(eventEmitter) {
15 | on(addEvent) {
16 | console.log("added task: %s", it.isDone)
17 | }
18 | on(doneEvent) {
19 | console.log("marked task: %s as done", it.text)
20 | update(task = it)
21 | }
22 | on(undoneEvent) {
23 | console.log("marked task: %s as undone", it.text)
24 | update(task = it)
25 | }
26 | }
27 | }
28 |
29 | fun getAll(callback: () -> Unit) {
30 | return Ajax().get("/api/tasks") {
31 | val tasks = JSON.parse>(it.responseText)
32 | tasks.forEach {
33 | val task = Task.fromJson(it)
34 | this[task.id] = task
35 | }
36 | callback()
37 | }
38 | }
39 |
40 | fun update(task: Task) {
41 | return Ajax().post("/api/task/${task.id}", task.toJson()) {
42 | console.log(it.response)
43 | }
44 | }
45 |
46 | override fun put(key: String, value: Task): Task? {
47 | eventEmitter.trigger(addEvent, value)
48 | return super.put(key, value)
49 | }
50 |
51 | }
52 |
--------------------------------------------------------------------------------
/webapp/src/main/kotlin/views/Todo.kt:
--------------------------------------------------------------------------------
1 | package views
2 |
3 | import events.TodoEventEmitter
4 | import kotlinx.html.*
5 | import kotlinx.html.dom.create
6 | import kotlinx.html.js.*
7 | import org.w3c.dom.HTMLDivElement
8 | import org.w3c.dom.HTMLInputElement
9 | import model.Task
10 | import org.w3c.dom.events.Event
11 | import services.StorageService
12 | import kotlinx.browser.document
13 | import utils.Utils.randomId
14 |
15 | class Todo(var formContainer: HTMLDivElement) {
16 |
17 | var inputVal: String = ""
18 | private val eventEmitter = TodoEventEmitter()
19 | private val storage = StorageService(eventEmitter)
20 |
21 | // TODO
22 | private fun registerEvents() {
23 | }
24 |
25 | fun onInput(): (Event) -> Unit {
26 | return {
27 | val input = it.currentTarget as HTMLInputElement
28 | inputVal = input.value
29 | }
30 | }
31 |
32 | fun onSubmit(): (Event) -> Unit {
33 | return {
34 | it.preventDefault()
35 | val id = randomId()
36 | val task = Task(id, inputVal)
37 | storage[id] = task
38 | document.getElementById("task-collection")?.append(
39 | document.create.li("collection-item avatar dismissable") {
40 | todoItem(storage, task) {
41 |
42 | }
43 | }
44 | )
45 | }
46 | }
47 |
48 | fun render() {
49 | storage.getAll {
50 | formContainer.appendChild(getForm())
51 | }
52 | }
53 |
54 | fun getForm(): HTMLDivElement {
55 | return document.create.div("row")
56 | {
57 | div("col l12 m12 s12") {
58 | div("card collection") {
59 | div("card-content") {
60 | span("card-title") {
61 | +"ToDo Sample app"
62 | }
63 | form("/", null) {
64 | div("row") {
65 | div("input-field") {
66 | i("material-icons prefix") {
67 | +"border_color"
68 | }
69 | inputView {
70 | onInputFunction = onInput()
71 | }
72 | label("active") {
73 | htmlFor = "icon_prefix"
74 | +"add a new task"
75 | }
76 | }
77 | }
78 | onSubmitFunction = onSubmit()
79 | }
80 | }
81 | div("card-action") {
82 | listView(storage) {
83 | id = "task-collection"
84 | }
85 | }
86 | }
87 | }
88 |
89 | }
90 | }
91 | }
92 |
--------------------------------------------------------------------------------
/webapp/src/main/kotlin/views/templates.kt:
--------------------------------------------------------------------------------
1 | package views
2 |
3 | import kotlinx.html.*
4 | import kotlinx.html.js.*
5 | import model.Task
6 | import org.w3c.dom.HTMLDivElement
7 | import org.w3c.dom.HTMLInputElement
8 | import org.w3c.dom.HTMLSpanElement
9 | import org.w3c.dom.events.Event
10 | import org.w3c.dom.events.KeyboardEvent
11 | import org.w3c.dom.get
12 | import services.StorageService
13 | import kotlinx.browser.document
14 | import utils.Utils.randomId
15 |
16 | /**
17 | * generates a list of todo items
18 | */
19 | fun DIV.listView(storage: StorageService, block: UL.() -> Unit) {
20 | ul {
21 | classes = setOf("collection with-header")
22 | li("collection-header cyan") {
23 | h5 { +"List of Tasks" }
24 | }
25 | storage.forEach { (_, task) ->
26 | li("collection-item avatar dismissable") {
27 | todoItem(storage, task) {}
28 | }
29 | }
30 | block()
31 | }
32 | }
33 |
34 | fun LI.todoItem(storage: StorageService, task: Task, block: DIV.() -> Unit) {
35 | val inputId = randomId()
36 | div {
37 | id = task.id
38 | i("material-icons circle green") {
39 | +"insert_chart"
40 | }
41 | span("title left-align") {
42 | if (task.isDone) {
43 | style = " text-decoration: line-through"
44 | }
45 | +task.text
46 | }
47 | p {
48 | +"Personal"
49 | }
50 | div("secondary-content") {
51 | input {
52 | id = inputId
53 | classes = setOf("filled-in")
54 | type = InputType.checkBox
55 | checked = task.isDone
56 | }
57 | label {
58 | htmlFor = inputId
59 | +"Done"
60 | onClickFunction = markAsDone(storage, task)
61 | }
62 | }
63 | block()
64 | }
65 | }
66 |
67 |
68 | fun checkTaskIsDone(task: Task): (Event) -> Unit {
69 | return {
70 | console.log("rendered")
71 | console.log(task)
72 | }
73 | }
74 |
75 | fun markAsDone(storage: StorageService, task: Task): (Event) -> Unit {
76 | return {
77 | val todoItem = document.getElementById(task.id) as HTMLDivElement
78 | val checkbox = todoItem.getElementsByTagName("input")[0] as HTMLInputElement
79 | val title = todoItem.getElementsByClassName("title")[0] as HTMLSpanElement
80 | if (!checkbox.checked) {
81 | task.isDone = true
82 | title.style.textDecoration = "line-through"
83 | storage.eventEmitter.trigger(storage.doneEvent, task)
84 | } else {
85 | task.isDone = false
86 | title.style.textDecoration = "none"
87 | storage.eventEmitter.trigger(storage.undoneEvent, task)
88 | }
89 | }
90 | }
91 |
92 | /**
93 | * generate input box for todo tasks
94 | */
95 | @Suppress("UNCHECKED_CAST")
96 | fun DIV.inputView(block: INPUT.() -> Unit) {
97 | input {
98 | id = "todo-input"
99 | classes = setOf("validate")
100 | type = InputType.text
101 | name = "task_desc"
102 | autoFocus = true
103 | block()
104 | onKeyPressFunction = onInputViewKeyPress() as (Event) -> Unit
105 | }
106 | }
107 |
108 | /**
109 | * Event that clear the value of input box on enter
110 | */
111 | fun onInputViewKeyPress(): (KeyboardEvent) -> Unit {
112 | return {
113 | if (it.which == 13) {
114 | val input = it.currentTarget as HTMLInputElement
115 | input.value = ""
116 | }
117 | }
118 | }
119 |
--------------------------------------------------------------------------------
/webapp/src/main/resources/index.ejs:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Kotlin Node.js App
5 |
6 |
7 |
8 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
38 |
39 |
40 |
52 |
29 |
30 |
31 |
32 |
33 |
34 |
38 |
39 |
40 |
52 |