Editor svelte proto

.gitignore

@@ -7,3 +7,13 @@ sdaps/
 proj/
 db/
 .env
+
+sdaps_ctl/static/sdaps_ctl/likert_editor.js
+sdaps_ctl/static/sdaps_ctl/likert_editor.js.map
+
+sdaps_ctl/static/sdaps_ctl/css/likert_editor.css
+sdaps_ctl/static/sdaps_ctl/css/likert_editor.css.map
+
+node_modules/
+
+.DS_Store

README.md

@@ -1,5 +1,9 @@
+<center>
+
 ![](https://raw.githubusercontent.com/sdaps/sdaps-web/main/sdaps_ctl/static/sdaps_ctl/img/sdaps.png)
 
+</center>
+
 sdaps-web is a django application that can be used as a frontend for
 [SDAPS](https://github.com/sdaps/sdaps) and is written in Python 3.
 

easy/init

@@ -8,18 +8,20 @@ mkdir node_modules db proj
 echo "USERID=$(id -u)" > .env
 echo "GROUPID=$(id -g)" >> .env
 
+echo ""
 echo "Building Docker image for sdaps_web"
 sleep 1s
-
 docker-compose build
 docker-compose up -d
 
+echo ""
 echo "Running migrations"
 sleep 1s
 easy/exec wait-for-it -t 90 db:5432
 easy/exec python manage.py migrate
 
-echo "Please type in the new password for the sdaps 'admin' account"
+echo ""
+echo "Please type in the new password for the sdaps-web 'admin' account"
 sleep 1s
 easy/exec python manage.py createsuperuser --username "admin" --email "admin@sdaps.dev"
 

entrypoint.sh

@@ -4,5 +4,8 @@ rm -rf /tmp/logs && mkdir -p /tmp/logs
 
 screen -L -Logfile /tmp/logs/celery.log -dmS celeryWorker bash -c "python -m celery -A sdaps_web worker -E"
 screen -S celeryWorker -X colon "logfile flush 0^M"
-# screen -L -Logfile /tmp/logs/svelte.log -dmS svelteBundler bash -c "yarn && yarn dev"
+
+screen -L -Logfile /tmp/logs/svelte.log -dmS svelteBundler bash -c "yarn && yarn dev"
+screen -S svelteBundler -X colon "logfile flush 0^M"
+
 python manage.py runserver 0.0.0.0:8080

package.json

@@ -0,0 +1,34 @@
+{
+  "name": "svelte-app",
+  "version": "1.0.0",
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c -w",
+    "start": "sirv public",
+    "validate": "svelte-check"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^14.0.0",
+    "@rollup/plugin-node-resolve": "^8.0.0",
+    "@rollup/plugin-typescript": "^6.0.0",
+    "@tsconfig/svelte": "^1.0.0",
+    "@types/lodash": "^4.14.165",
+    "autoprefixer": "^10.0.1",
+    "lodash": "^4.17.20",
+    "postcss": "^8.1.4",
+    "rollup": "^2.3.4",
+    "rollup-plugin-livereload": "^2.0.0",
+    "rollup-plugin-svelte": "^6.0.0",
+    "rollup-plugin-terser": "^7.0.0",
+    "svelte": "^3.0.0",
+    "svelte-check": "^1.0.0",
+    "svelte-dnd-action": "^0.6.18",
+    "svelte-preprocess": "^4.0.0",
+    "sveltestrap": "^3.9.5",
+    "tslib": "^2.0.0",
+    "typescript": "^3.9.3"
+  },
+  "dependencies": {
+    "sirv-cli": "^1.0.0"
+  }
+}

rollup.config.js

@@ -0,0 +1,50 @@
+import svelte from "rollup-plugin-svelte";
+import resolve from "@rollup/plugin-node-resolve";
+import commonjs from "@rollup/plugin-commonjs";
+import { terser } from "rollup-plugin-terser";
+import sveltePreprocess from "svelte-preprocess";
+import typescript from "@rollup/plugin-typescript";
+
+const production = !process.env.ROLLUP_WATCH;
+
+export default {
+  input: "sdaps_editor/main.ts",
+  output: {
+    sourcemap: true,
+    format: "iife",
+    name: "app",
+    file: "sdaps_ctl/static/sdaps_ctl/likert_editor.js",
+  },
+  plugins: [
+    svelte({
+      // enable run-time checks when not in production
+      dev: !production,
+      // we'll extract any component CSS out into
+      // a separate file - better for performance
+      css: (css) => {
+        css.write("css/likert_editor.css");
+      },
+      preprocess: sveltePreprocess({
+        postcss: {
+          plugins: [require('autoprefixer')],
+        },
+      }),
+    }),
+    resolve({
+      browser: true,
+      dedupe: ["svelte"],
+    }),
+    commonjs(),
+    typescript({
+      sourceMap: !production,
+      inlineSources: !production,
+    }),
+
+    // If we're building for production (yarn build
+    // instead of yarn dev), minify
+    production && terser(),
+  ],
+  watch: {
+    clearScreen: false,
+  },
+};