Atlas 2.0

Interface
- Split up main views in sepeperate tabs
- Progress indicator when applying or duplicating a theme
- Maps now have preview-icons in 'Atlas'-tab
- External themes are shown besides local ones in 'Themes'-tab

Features
- Theme names can now be nested. E.g.: "team/styles/dark" is now a valid theme name
- Themes can now be assigned a group. This is useful if you have multiple themes like "Color Theme" and "System Font".
- Theme names now only need to be unique to their map. This means you don't have to keep track of your naming scheme across files.
- External themes now can be duplicated into a local file.

Performance
- Network requests for external styles are now run in parallel

Support
- Extended and improved error messages (closes #4)
- Added fourth tab with links to tutorials and contact information

Bugfixes
- Fixed a bug where duplicating text-styles would cause a plugin-error

package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-app",
-  "version": "1.0.1",
+  "version": "2.0.0",
   "scripts": {
     "build": "rollup -c",
     "dev": "rollup -c -w",
@@ -10,37 +10,39 @@
     "validate": "svelte-check"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^15.1.0",
-    "@rollup/plugin-image": "^2.0.5",
-    "@rollup/plugin-node-resolve": "^9.0.0",
-    "@tsconfig/svelte": "^1.0.10",
-    "@typescript-eslint/eslint-plugin": "^4.3.0",
-    "@typescript-eslint/parser": "^4.3.0",
-    "eslint": "^7.10.0",
-    "postcss": "^8.1.1",
-    "postcss-load-config": "^3.0.0",
-    "prettier-plugin-svelte": "^1.4.0",
-    "rollup": "^2.28.2",
-    "rollup-plugin-html-bundle": "0.0.3",
-    "rollup-plugin-livereload": "^2.0.0",
-    "rollup-plugin-scss": "^2.6.1",
-    "rollup-plugin-svelte": "^6.0.1",
+    "@rollup/plugin-commonjs": "^20.0.0",
+    "@rollup/plugin-image": "^2.1.0",
+    "@rollup/plugin-node-resolve": "^13.0.4",
+    "@tsconfig/svelte": "^2.0.1",
+    "@typescript-eslint/eslint-plugin": "^4.29.0",
+    "@typescript-eslint/parser": "^4.29.0",
+    "eslint": "^7.32.0",
+    "postcss": "^8.3.6",
+    "postcss-load-config": "^3.1.0",
+    "prettier-plugin-svelte": "^2.3.1",
+    "rollup": "^2.55.1",
+    "rollup-plugin-css-only": "^3.1.0",
+    "rollup-plugin-html-bundle": "^0.0.3",
+    "rollup-plugin-html2": "^3.0.1",
+    "rollup-plugin-livereload": "^2.0.5",
+    "rollup-plugin-postcss": "^4.0.0",
+    "rollup-plugin-svelte": "^7.1.0",
     "rollup-plugin-svg": "^2.0.0",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript": "^1.0.1",
+    "sass": "^1.37.2",
     "stylus": "^0.54.8",
-    "svelte": "^3.29.0",
+    "svelte": "^3.41.0",
     "svelte-click-outside": "^1.0.0",
-    "svelte-preprocess": "^4.3.2",
-    "tslib": "^2.0.1",
-    "typescript": "^4.0.3"
+    "svelte-preprocess": "^4.7.4",
+    "tslib": "^2.3.0",
+    "typescript": "^4.3.5"
   },
   "dependencies": {
-    "date-fns": "^2.16.1",
-    "eslint-config-prettier": "^6.12.0",
-    "eslint-plugin-prettier": "^3.1.4",
-    "prettier": "^2.1.2",
-    "sass": "^1.26.11",
-    "sirv-cli": "^1.0.6"
+    "date-fns": "^2.23.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^3.4.0",
+    "prettier": "^2.3.2",
+    "sirv-cli": "^1.0.12"
   }
 }

public/manifest.json

@@ -3,5 +3,6 @@
   "id": "893903420585768458",
   "api": "1.0.0",
   "main": "code.js",
-  "ui": "ui.html"
+  "ui": "ui.html",
+  "editorType": ["figma"]
 }

rollup.config.js

@@ -7,9 +7,8 @@ import livereload from 'rollup-plugin-livereload';
 import { terser } from 'rollup-plugin-terser';
 import svg from 'rollup-plugin-svg';
 import typescript from 'rollup-plugin-typescript';
-import postcss from 'postcss';
+import postcss from 'rollup-plugin-postcss';
 import sveltePreprocess from 'svelte-preprocess';
-import scss from 'rollup-plugin-scss';
 
 
 /* Inline to single html */
@@ -27,13 +26,13 @@ export default [{
   },
   plugins: [
     svelte({
-      preprocess: sveltePreprocess([
-        scss(),
-        postcss(),
-      ]),
-      dev: !production
+      preprocess: sveltePreprocess(),
+
+      compilerOptions: {
+        dev: !production,
+      }
     }),
-    scss(),
+    postcss(),
 
     // If you have external dependencies installed from
     // npm, you'll most likely need these plugins. In
@@ -67,7 +66,7 @@ export default [{
 
     // If we're building for production (npm run build
     // instead of npm run dev), minify
-    production && terser()
+    // production && terser()
   ],
   watch: {
     clearScreen: false
@@ -83,7 +82,7 @@ export default [{
   plugins: [
     typescript(),
     commonjs(),
-    production && terser()
+    // production && terser()
   ]
 }];
 

src/Messenger.ts

@@ -1,4 +1,4 @@
-import type { Message } from './types'
+import type { Message, Result } from './types'
 
 type MessageHandler = (msg: Message, respond: (oMsg: Message, payload: any) => void) => void
 
@@ -50,7 +50,7 @@ export default class Messenger {
     }
   }
 
-  sendMessage(type: string, payload?: any): Promise<any> {
+  sendMessage(type: string, payload?: any): Promise<any | Result<any>> {
     return new Promise((resolve) => {
       const message: Message = {
         type,