From 02e076445f0a60f731eae273cbe75278170fbb4a Mon Sep 17 00:00:00 2001 From: MrCoder Date: Fri, 30 Apr 2021 16:05:02 +1000 Subject: [PATCH 1/4] Removed two lines of unused code. --- src/index.ts | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/index.ts b/src/index.ts index 07e78f229..88e9afcef 100644 --- a/src/index.ts +++ b/src/index.ts @@ -9,8 +9,6 @@ import {CodeRange} from './parser/CodeRange' import {LifelineLayout} from "@/components/lifeline/LifelineLayout"; const Store = (debounce?: number) => { - // @ts-ignore - // @ts-ignore return { state: { firstInvocations: {}, From c0e6c8a804ac7c9b5f4a78ea32aa1467361ca2c8 Mon Sep 17 00:00:00 2001 From: MrCoder Date: Fri, 30 Apr 2021 16:08:48 +1000 Subject: [PATCH 2/4] Added Version and BuildTime to store. --- src/index.ts | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/src/index.ts b/src/index.ts index 88e9afcef..8a68b204c 100644 --- a/src/index.ts +++ b/src/index.ts @@ -8,6 +8,11 @@ import './components/theme-blue-river.scss' import {CodeRange} from './parser/CodeRange' import {LifelineLayout} from "@/components/lifeline/LifelineLayout"; +// @ts-ignore +const Version = VERSION || '' +// @ts-ignore +const BuildTime = BUILD_TIME || '' + const Store = (debounce?: number) => { return { state: { @@ -23,6 +28,8 @@ const Store = (debounce?: number) => { } }, getters: { + Version: () => Version, + BuildTime: () => BuildTime, GroupContext: () => GroupContext, ParticipantContext: () => ParticipantContext, // We are using getters to avoid hard coding module's name ($store.Store.state) @@ -97,12 +104,6 @@ const Store = (debounce?: number) => { strict: false, } }; -/* eslint-disable */ -// @ts-ignore -const Version = VERSION || '' -/* eslint-disable */ -// @ts-ignore -const BuildTime = BUILD_TIME || '' export { Version, BuildTime, From 75a9899d6c7cbf21d9b4f99b86498aa89adfd14e Mon Sep 17 00:00:00 2001 From: MrCoder Date: Fri, 30 Apr 2021 20:21:58 +1000 Subject: [PATCH 3/4] Added tailwindcss. --- package.json | 9 +- postcss.config.js | 10 + src/components/SeqDiagram.vue | 1 + src/demo1.js | 75 +- src/index.css | 5 + src/index.ts | 3 +- tailwind.config.js | 11 + yarn.lock | 1848 ++++++++++++++++++--------------- 8 files changed, 1027 insertions(+), 935 deletions(-) create mode 100644 postcss.config.js create mode 100644 src/index.css create mode 100644 tailwind.config.js diff --git a/package.json b/package.json index ed537c4d0..e792802b9 100644 --- a/package.json +++ b/package.json @@ -38,6 +38,7 @@ "@babel/polyfill": "^7.10.1", "@babel/preset-env": "^7.13.5", "@babel/runtime-corejs2": "^7.12.13", + "@tailwindcss/postcss7-compat": "^2.1.2", "@types/jest": "^24.0.19", "@types/lodash": "^4.14.168", "@types/node": "latest", @@ -51,16 +52,19 @@ "@vue/cli-service": "^4.5.11", "@vue/eslint-config-typescript": "^5.0.2", "@vue/test-utils": "^1.1.3", + "autoprefixer": "^9", "babel-eslint": "^10.1.0", "core-js": "^3.8.3", "eslint": "^6.7.2", "eslint-plugin-vue": "^7.6.0", "gauge-ts": "0.1.0", "node-sass": "^5.0.0", + "postcss": "^7", "regenerator-runtime": "^0.13.7", "sass-loader": "^10.1.0", "svg-url-loader": "^6.0.0", "taiko": "^1.2.2", + "tailwindcss": "npm:@tailwindcss/postcss7-compat", "terser-webpack-plugin": "^3.0.6", "typescript": "~3.9.3", "webpack": "^4.43.0", @@ -95,11 +99,6 @@ } ] }, - "postcss": { - "plugins": { - "autoprefixer": {} - } - }, "browserslist": [ "> 1%", "last 2 versions", diff --git a/postcss.config.js b/postcss.config.js new file mode 100644 index 000000000..0afbf87b4 --- /dev/null +++ b/postcss.config.js @@ -0,0 +1,10 @@ +// ./postcss.config.js +const autoprefixer = require('autoprefixer'); +const tailwindcss = require('tailwindcss'); + +module.exports = { + plugins: [ + tailwindcss, + autoprefixer, + ], +}; diff --git a/src/components/SeqDiagram.vue b/src/components/SeqDiagram.vue index 0ea49010b..e0bcbbc26 100644 --- a/src/components/SeqDiagram.vue +++ b/src/components/SeqDiagram.vue @@ -3,6 +3,7 @@ +