Setup dev env

2021-01-18 19:46:32 +01:00 · 2021-01-18 19:46:32 +01:00 · 57628f55e0
parent 33adb75043
commit 57628f55e0
8 changed files with 5234 additions and 0 deletions
--- a/.eslintrc.json
+++ b/.eslintrc.json
@ -0,0 +1,36 @@
+{
+    "env": {
+        "browser": true,
+        "commonjs": true,
+        "es2021": true
+    },
+    "extends": [
+        "eslint:recommended",
+        "plugin:@typescript-eslint/recommended"
+    ],
+    "parser": "@typescript-eslint/parser",
+    "parserOptions": {
+        "ecmaVersion": 12
+    },
+    "plugins": [
+        "@typescript-eslint"
+    ],
+    "rules": {
+        "indent": [
+            "error",
+            4
+        ],
+        "linebreak-style": [
+            "error",
+            "windows"
+        ],
+        "quotes": [
+            "error",
+            "single"
+        ],
+        "semi": [
+            "error",
+            "always"
+        ]
+    }
+}
--- a/html/index.html
+++ b/html/index.html
@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <main>
+        <!-- Push content here -->
+    </main>
+    <script src="/bundle.js"></script>
+</body>
+</html>
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -0,0 +1,38 @@
+{
+  "name": "news_channel",
+  "version": "1.0.0",
+  "description": "Wii News Channel recreated using JS",
+  "main": "index.js",
+  "scripts": {
+    "start:dev": "webpack-dev-server",
+    "build": "webpack"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://gitea.arnweb.nl/arne/news_channel.git"
+  },
+  "keywords": [
+    "news"
+  ],
+  "author": "Arne van Iterson",
+  "license": "GPL-3.0-or-later",
+  "dependencies": {
+    "axios": "^0.21.1",
+    "css-loader": "^5.0.1",
+    "jquery": "^3.5.1",
+    "sass": "^1.32.4",
+    "sass-loader": "^10.1.1",
+    "style-loader": "^2.0.0",
+    "typed.js": "^2.0.11",
+    "webpack": "^5.15.0",
+    "webpack-cli": "^4.3.1",
+    "webpack-dev-server": "^3.11.2"
+  },
+  "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^4.13.0",
+    "@typescript-eslint/parser": "^4.13.0",
+    "eslint": "^7.18.0",
+    "ts-loader": "^8.0.14",
+    "typescript": "^4.1.3"
+  }
+}
--- a/scss/index.scss
+++ b/scss/index.scss
--- a/src/index.ts
+++ b/src/index.ts
@ -0,0 +1,13 @@
+const axios = require('axios').default;
+const parser = new DOMParser();
+
+axios.get('https://nieuws.nl/feed/')
+    .then(function (response: any) {
+        const news = parser.parseFromString(response.data, 'text/xml');
+        news.querySelectorAll("item").forEach((item: any) => {
+            console.log(item.title);
+        });
+    })
+    .catch(function (error: any) {
+        console.log(error);
+    });
--- a/tsconfig.json
+++ b/tsconfig.json
@ -0,0 +1,10 @@
+{
+    "compilerOptions": {
+        "outDir": "./dist/",
+        "noImplicitAny": true,
+        "module": "es6",
+        "target": "es5",
+        "jsx": "react",
+        "allowJs": true
+    }
+}
--- a/webpack.config.js
+++ b/webpack.config.js
@ -0,0 +1,19 @@
+const path = require('path');
+
+module.exports = {
+    entry: './src/index.ts',
+    module: {
+        rules: [{
+            test: /\.tsx?$/,
+            use: 'ts-loader',
+            exclude: /node_modules/,
+        }, ],
+    },
+    resolve: {
+        extensions: ['.tsx', '.ts', '.js'],
+    },
+    output: {
+        filename: 'bundle.js',
+        path: path.resolve(__dirname, 'dist'),
+    },
+};