Remove flow defs and usage, will be using TS

Author: DaneEveritt

.babelrc

@@ -4,8 +4,6 @@
     ],
     "plugins": [
         ["@babel/plugin-proposal-object-rest-spread", { "useBuiltIns": true }],
-        "babel-plugin-transform-class-properties",
-        "babel-plugin-syntax-flow",
-        "babel-plugin-transform-flow-strip-types"
+        "@babel/plugin-proposal-class-properties"
     ]
 }

.eslintrc

@@ -1,9 +1,8 @@
 {
   "parser": "babel-eslint",
-  "plugins": ["html", "flowtype-errors"],
+  "plugins": ["html"],
   "extends": ["vue"],
   "rules": {
-    "flowtype-errors/show-errors": 2,
     "semi": "off",
     "indent": ["error", 4],
     "comma-dangle": ["error", "always-multiline"],

.flowconfig

@@ -15,6 +15,7 @@
     },
     "devDependencies": {
         "@babel/core": "^7.0.0-beta.49",
+        "@babel/plugin-proposal-class-properties": "^7.2.1",
         "@babel/plugin-proposal-object-rest-spread": "^7.0.0-beta.49",
         "@babel/plugin-transform-async-to-generator": "^7.0.0-beta.49",
         "@babel/plugin-transform-runtime": "^7.0.0-beta.49",
@@ -25,8 +26,6 @@
         "babel-core": "^6.26.3",
         "babel-eslint": "^9.0.0",
         "babel-loader": "^8.0.0-beta.3",
-        "babel-plugin-syntax-flow": "^6.18.0",
-        "babel-plugin-transform-class-properties": "^6.24.1",
         "babel-plugin-transform-flow-strip-types": "^6.22.0",
         "babel-plugin-transform-object-assign": "^6.22.0",
         "babel-plugin-transform-runtime": "^6.23.0",
@@ -41,7 +40,6 @@
         "eslint-plugin-html": "^4.0.6",
         "eslint-plugin-vue": "^4.7.1",
         "extract-text-webpack-plugin": "^4.0.0-beta.0",
-        "flow-bin": "^0.81.0",
         "glob-all": "^3.1.0",
         "html-webpack-plugin": "^3.2.0",
         "jquery": "^3.3.1",

package.json

@@ -1,12 +1,10 @@
-// @flow
 import axios from 'axios';
-import type { AxiosInstance } from 'axios';
 
 // This token is set in the bootstrap.js file at the beginning of the request
 // and is carried through from there.
 // const token: string = '';
 
-const http: AxiosInstance = axios.create({
+const http = axios.create({
     'X-Requested-With': 'XMLHttpRequest',
     'Accept': 'application/json',
     'Content-Type': 'application/json',

resources/assets/scripts/api/http.js

@@ -1,23 +1,16 @@
-// @flow
 import http from './../http';
 import filter from 'lodash/filter';
 import isObject from 'lodash/isObject';
 import route from '../../../../../vendor/tightenco/ziggy/src/js/route';
 
-export interface DirectoryContentsResponse {
-    files: Object,
-    directories: Object,
-    editable: Array<string>,
-}
-
 /**
  * Get the contents of a specific directory for a given server.
  *
  * @param {String} server
  * @param {String} directory
- * @return {Promise<DirectoryContentsResponse>}
+ * @return {Promise}
  */
-export function getDirectoryContents(server: string, directory: string): Promise<DirectoryContentsResponse> {
+export function getDirectoryContents (server, directory) {
     return new Promise((resolve, reject) => {
         http.get(route('server.files', { server, directory }))
             .then((response) => {

resources/assets/scripts/api/server/getDirectoryContents.js

@@ -1,4 +1,3 @@
-// @flow
 import Vue from 'vue';
 import Vuex from 'vuex';
 import vuexI18n from 'vuex-i18n';

resources/assets/scripts/app.js

@@ -42,13 +42,11 @@
 </template>
 
 <script>
-// @flow
 import map from 'lodash/map';
 import { mapState } from 'vuex';
-import type { Route } from 'vue-router';
 import FileManagerFileRow from '../components/filemanager/FileManagerFileRow';
 import FileManagerFolderRow from '../components/filemanager/FileManagerFolderRow';
-import { getDirectoryContents, DirectoryContentsResponse } from '../../../api/server/getDirectoryContents';
+import { getDirectoryContents } from '../../../api/server/getDirectoryContents';
 
 export default {
     name: 'file-manager-page',
@@ -62,13 +60,13 @@ export default {
          * Configure the breadcrumbs that display on the filemanager based on the directory that the
          * user is currently in.
          */
-        breadcrumbs: function (): Array<Object> {
-            const directories: Array<string> = this.currentDirectory.replace(/^\/|\/$/, '').split('/');
+        breadcrumbs: function () {
+            const directories = this.currentDirectory.replace(/^\/|\/$/, '').split('/');
             if (directories.length < 1 || !directories[0]) {
                 return [];
             }
 
-            return map(directories, function (value: string, key: number) {
+            return map(directories, function (value, key) {
                 if (key === directories.length - 1) {
                     return { directoryName: value };
                 }
@@ -85,22 +83,22 @@ export default {
         /**
          * When the route changes reload the directory.
          */
-        '$route': function (to: Route) {
+        '$route': function (to) {
             this.currentDirectory = to.params.path || '/';
         },
 
         /**
          * Watch the current directory setting and when it changes update the file listing.
          */
-        currentDirectory: function (): void {
+        currentDirectory: function () {
             this.listDirectory();
         },
 
         /**
          * When we reconnect to the Daemon make sure we grab a listing of all of the files
          * so that the error message disappears and we then load in a fresh listing.
          */
-        connected: function (): void {
+        connected: function () {
             if (this.connected) {
                 this.listDirectory();
             }
@@ -127,18 +125,18 @@ export default {
         /**
          * List the contents of a directory.
          */
-        listDirectory: function (): void {
+        listDirectory: function () {
             this.loading = true;
 
-            const directory: string = encodeURI(this.currentDirectory.replace(/^\/|\/$/, ''));
+            const directory = encodeURI(this.currentDirectory.replace(/^\/|\/$/, ''));
             getDirectoryContents(this.$route.params.id, directory)
-                .then((response: DirectoryContentsResponse) => {
+                .then((response) => {
                     this.files = response.files;
                     this.directories = response.directories;
                     this.editableFiles = response.editable;
                     this.errorMessage = null;
                 })
-                .catch((err: string|Object) => {
+                .catch((err) => {
                     if (err instanceof String) {
                         this.errorMessage = err;
                         return;

resources/assets/scripts/components/server/subpages/FileManager.vue

@@ -1,4 +1,3 @@
-// @flow
 import format from 'date-fns/format';
 
 /**
@@ -8,13 +7,13 @@ import format from 'date-fns/format';
  * @param {Number} bytes
  * @return {String}
  */
-export function readableSize (bytes: number): string {
+export function readableSize (bytes) {
     if (Math.abs(bytes) < 1024) {
         return `${bytes} Bytes`;
     }
 
-    let u: number = -1;
-    const units: Array<string> = ['KiB', 'MiB', 'GiB', 'TiB'];
+    let u = -1;
+    const units = ['KiB', 'MiB', 'GiB', 'TiB'];
 
     do {
         bytes /= 1024;
@@ -30,6 +29,6 @@ export function readableSize (bytes: number): string {
  * @param {String} date
  * @return {String}
  */
-export function formatDate (date: string): string {
+export function formatDate (date) {
     return format(date, 'MMM D, YYYY [at] HH:MM');
 }