Merge branch 'release/0.4.27'

CHANGELOG.md

@@ -5,6 +5,10 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 
 ## [Unreleased]
 
+## [0.4.27] - 2019-01-11
+### Added
+- Support Web Share Target API
+
 ## [0.4.26] - 2019-01-11
 ### Changed
 - Update dependencies
@@ -186,7 +190,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 ### Added
 - First release
 
-[Unreleased]: https://github.com/nwtgck/piping-ui-web/compare/v0.4.26...HEAD
+[Unreleased]: https://github.com/nwtgck/piping-ui-web/compare/v0.4.27...HEAD
+[0.4.27]: https://github.com/nwtgck/piping-ui-web/compare/v0.4.26...v0.4.27
 [0.4.26]: https://github.com/nwtgck/piping-ui-web/compare/v0.4.25...v0.4.26
 [0.4.25]: https://github.com/nwtgck/piping-ui-web/compare/v0.4.24...v0.4.25
 [0.4.24]: https://github.com/nwtgck/piping-ui-web/compare/v0.4.23...v0.4.24

package.json

@@ -1,6 +1,6 @@
 {
   "name": "piping-ui",
-  "version": "0.4.26",
+  "version": "0.4.27",
   "private": true,
   "author": "Ryo Ota <[email protected]> (https://github.com/nwtgck)",
   "scripts": {

public/manifest.json

@@ -16,5 +16,8 @@
   "start_url": "./index.html",
   "display": "standalone",
   "background_color": "#000000",
-  "theme_color": "#5A98E3"
+  "theme_color": "#5A98E3",
+  "share_target": {
+    "action": "index.html"
+  }
 }

src/components/PipingUI.vue

@@ -246,6 +246,11 @@ function randomStr(len: number, chars: ReadonlyArray<string>){
   return Array.from(randomArr).map(n => chars[n % chars.length]).join('');
 }
 
+// Text from Web Share Target API
+function getShareTargetText(): string | null {
+  return new URL(window.location.toString()).searchParams.get("text");
+}
+
 @Component({
   components: {
     DataUploader,
@@ -259,8 +264,11 @@ export default class PipingUI extends Vue {
 
   private serverUrl: string = defaultServerUrls[0];
   private secretPath: string = "";
-  private isTextMode: boolean = false;
-  private inputText: string = '';
+  private isTextMode: boolean = getShareTargetText() !== null;
+  private inputText: string = (() => {
+    const shareTargetText = getShareTargetText();
+    return shareTargetText === null ? '' :  shareTargetText;
+  })();
   private files: FilePondFile[] = [];
   private serverUrlHistory: string[] = [];
   private secretPathHistory: string[] = [];