Add basic setup

.editorconfig

@@ -0,0 +1,14 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+[*]
+line_length = 120
+indent_style = space
+indent_size = 4
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+

.github/CODEOWNERS

@@ -0,0 +1 @@
+* @MinBZK/mijn-bureau

.github/dependabot.yml

@@ -0,0 +1,15 @@
+version: 2
+updates:
+  - package-ecosystem: "npm"
+    directory: "/"
+    schedule:
+      interval: "monthly"
+      day: "monday"
+      time: "08:00"
+      timezone: "Europe/Amsterdam"
+    labels:
+      - "dependencies"
+    groups:
+      allnpm:
+        patterns:
+          - "*"

.github/workflows/build.yaml

@@ -0,0 +1,45 @@
+name: build
+
+on:
+  push:
+    branches:
+      - main
+    tags:
+      - "v*"
+  pull_request:
+    branches:
+      - "main"
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: .nvmrc
+          cache: "npm"
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Build
+        run: npm run compile
+
+      - uses: actions/setup-java@v4
+        with:
+          distribution: 'zulu'
+          java-version: '21'
+
+      - name: package template
+        run: npm run build
+
+      - uses: actions/upload-artifact@v4
+        with:
+          name: keycloak-nl-design-system.jar
+          path: output/keycloak-nl-design-system.jar
+          if-no-files-found: error
+          retention-days: 7
+          overwrite: true

.gitignore

@@ -0,0 +1,3 @@
+node_modules/
+downloads/
+output/

.nvmrc

@@ -0,0 +1 @@
+v20.16.0

META-INF/keycloak-themes.json

@@ -0,0 +1,6 @@
+{
+    "themes": [{
+        "name" : "nl-design-system",
+        "types": [ "login", "account" ]
+    }]
+}

README.md

@@ -0,0 +1,9 @@
+# Keycloak template | NL Design System
+
+We bouwen hier een keycloak template met het NL design system.
+
+## RVO Design system
+
+Momenteel gebruiken we het NL-Design system van het RVO omdat deze de meeste componenten bevat. Het NL design system is beschikbaar op [Github](https://github.com/nl-design-system/)
+
+Link naar de documentatie is hier te vinden: [ROOS](https://nl-design-system.github.io/rvo/docs/)

compose.yaml

@@ -0,0 +1,11 @@
+services:
+  keycloak:
+    image: quay.io/keycloak/keycloak:25.0.1 
+    environment:
+      KEYCLOAK_ADMIN: admin
+      KEYCLOAK_ADMIN_PASSWORD: admin
+    ports:
+      - 8080:8080
+    command: start-dev
+    volumes:
+      - ./theme/nl-design-system:/opt/keycloak/themes/nl-design-system

package.json

@@ -0,0 +1,17 @@
+{
+  "name": "keycloak-theme-nl-design-system",
+  "version": "1.0.0",
+  "description": "We bouwen hier een keycloak template met het NL design system.",
+  "scripts": {
+    "build": "jar --create --file output/keycloak-nl-design-system.jar theme/ META-INF/",
+    "compile": "webpack --config webpack.config.js"
+  },
+  "author": "",
+  "devDependencies": {
+    "@nl-rvo/assets": "1.0.0-alpha.360",
+    "@nl-rvo/component-library-css": "4.0.0",
+    "@nl-rvo/design-tokens": "1.6.2",
+    "webpack": "^5.97.1",
+    "webpack-cli": "^6.0.1"
+  }
+}

theme/nl-design-system/account/theme.properties

@@ -0,0 +1,2 @@
+parent=base
+import=common/keycloak

theme/nl-design-system/login/theme.properties

@@ -0,0 +1,2 @@
+parent=base
+import=common/keycloak

webpack.config.js

@@ -0,0 +1,13 @@
+const path = require('path');
+
+module.exports = {
+  mode: 'development',
+  entry: './template.js',
+  output: {
+    filename: 'template.js',
+    path: path.resolve(__dirname, 'theme/nl-design-system/login')
+  },
+  devtool: 'source-map',
+  plugins: [
+  ]
+};