Postmessage to iframe (#99)

* Updated tracking code for GTM.

* Updated render/parser lib.

* Updating sample

* Adding vue-sequence-ext.css back.

* Added promotion link to the confluence plugin.

* Removed debugger from main.js.

* Removed service-worker generation task from the gulp file

* Updated vue-sequence 0.9.3 (embedded User svg in URL).

* Removed service worker.

I just do not understand how it works. It has made debugging supper difficult.

* Added render function to new Vue() to solve the CSP error.

https://medium.com/@acesubido/solving-csp-problems-on-vue-2-0-and-rails-webpacker-3-5-7f2faf086aff

* Removed unused script-src.

* Removed all permissions.

* Updated core to 0.9.4. Fixed issue: B->A:message.

* Get vue-sequence--ext.css back.

* Show export image buttons.

* Fixed Export to images.

* Clean vue-sequence-bundle before build.

* Fixed yml format.

* Added environment variables.

* Converted tabs to spaces.

* Removed file-loader 6.

* Removed xd client.

* reverted file-loader.

* update to node v10.

* Revert "Removed xd client."

This reverts commit 5bfc5b3

* Fixed issue that CSS is not applied.

* Updated deploy script.

* Call webpack during preact's build.

* Added message listener to the iFrame.

* Post message when JS code changes.

* Post message when the iFrame is loaded for the first time.

* removed xdclient

* Fix style.css in preview.html.

* Added workflow to deploy to prod.

* Added workflow to deploy to prod.

* Fixed yml file format.

* Fixed yml file format.

Author: MrCoder

.github/workflows/deploy-prod.yml

@@ -0,0 +1,27 @@
+# This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
+# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
+
+name: Deploy to Prod
+
+on:
+  push:
+    tags:
+      - release-*
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [10.x]
+
+    steps:
+    - uses: actions/checkout@v2
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v1
+      with:
+        node-version: ${{ matrix.node-version }}
+    - run: yarn install && yarn webpack && yarn build
+    - run: yarn release
+    - run: yarn deploy:prod --token ${{ secrets.FIREBASE_TOKEN }}

gulpfile.js

@@ -56,7 +56,6 @@ gulp.task('copyFiles', function () {
 		gulp.src(`src/lib/vue-sequence-bundle.*.js`).pipe(gulp.dest('app/lib')),
 		gulp.src('icons/*').pipe(gulp.dest('app/icons')),
 		gulp.src(['help.html','ZenUML_Sequence_Diagram_addon_help.html',
-			'src/preview.html',
 			'src/detached-window.js',
 			'src/icon-16.png',
 			'src/icon-48.png',
@@ -81,6 +80,7 @@ gulp.task('copyFiles', function () {
 		gulp.src('src/lib/hint.min.css').pipe(gulp.dest('build/lib')),
 		gulp.src('src/lib/inlet.css').pipe(gulp.dest('build/lib')),
 		gulp.src('src/style.css').pipe(hashFilename()).pipe(gulp.dest('build')),
+		gulp.src('src/preview.html').pipe(gulp.dest('build')),
 		gulp.src([
 			'src/FiraCode.ttf',
 			'src/FixedSys.ttf',
@@ -94,7 +94,7 @@ gulp.task('copyFiles', function () {
 // Generate script.js, vendor.js, style.css and vendor.css and index.html under ./app/
 gulp.task('useRef', function () {
 	return gulp
-		.src('build/index.html')
+		.src('build/*.html')
 		.pipe(useref())
 		.pipe(gulp.dest('app'));
 });
@@ -131,11 +131,13 @@ gulp.task('minify', function () {
 
 gulp.task('fixIndex', function () {
 	var contents = fs.readFileSync('build/index.html', 'utf8');
-
 	// style.css is replaced with style-[hash].css
 	contents = contents.replace(/style\.css/g, fsUtil.getHashedFile('build', 'style-', 'css'));
-
 	fs.writeFileSync('build/index.html', contents, 'utf8');
+	contents = fs.readFileSync('build/preview.html', 'utf8');
+	// style.css is replaced with style-[hash].css
+	contents = contents.replace(/style\.css/g, fsUtil.getHashedFile('build', 'style-', 'css'));
+	fs.writeFileSync('build/preview.html', contents, 'utf8');
 });
 
 gulp.task('packageExtension', function () {