update scm-svn-plugin to use Image from ui-components and types from ui-types

scm-plugins/scm-svn-plugin/.babelrc

@@ -0,0 +1,6 @@
+{
+  "presets": ["@babel/preset-env", "@babel/preset-react", "@babel/preset-flow"],
+  "plugins": [
+    "@babel/plugin-proposal-class-properties"
+  ]
+}

scm-plugins/scm-svn-plugin/.eslintrc

@@ -0,0 +1,3 @@
+{
+  "extends": "@scm-manager/eslint-config"
+}

scm-plugins/scm-svn-plugin/.flowconfig

@@ -0,0 +1,8 @@
+[ignore]
+.*/node_modules/module-deps/.*
+
+[include]
+
+[libs]
+
+[options]

scm-plugins/scm-svn-plugin/flow-typed/npm/classnames_v2.x.x.js

@@ -0,0 +1,23 @@
+// flow-typed signature: cf86673cc32d185bdab1d2ea90578d37
+// flow-typed version: 614bf49aa8/classnames_v2.x.x/flow_>=v0.25.x
+
+type $npm$classnames$Classes =
+  | string
+  | { [className: string]: * }
+  | false
+  | void
+  | null;
+
+declare module "classnames" {
+  declare module.exports: (
+    ...classes: Array<$npm$classnames$Classes | $npm$classnames$Classes[]>
+  ) => string;
+}
+
+declare module "classnames/bind" {
+  declare module.exports: $Exports<"classnames">;
+}
+
+declare module "classnames/dedupe" {
+  declare module.exports: $Exports<"classnames">;
+}

scm-plugins/scm-svn-plugin/flow-typed/npm/moment_v2.3.x.js

@@ -0,0 +1,331 @@
+// flow-typed signature: 23b805356f90ad9384dd88489654e380
+// flow-typed version: e9374c5fe9/moment_v2.3.x/flow_>=v0.25.x
+
+type moment$MomentOptions = {
+  y?: number | string,
+  year?: number | string,
+  years?: number | string,
+  M?: number | string,
+  month?: number | string,
+  months?: number | string,
+  d?: number | string,
+  day?: number | string,
+  days?: number | string,
+  date?: number | string,
+  h?: number | string,
+  hour?: number | string,
+  hours?: number | string,
+  m?: number | string,
+  minute?: number | string,
+  minutes?: number | string,
+  s?: number | string,
+  second?: number | string,
+  seconds?: number | string,
+  ms?: number | string,
+  millisecond?: number | string,
+  milliseconds?: number | string
+};
+
+type moment$MomentObject = {
+  years: number,
+  months: number,
+  date: number,
+  hours: number,
+  minutes: number,
+  seconds: number,
+  milliseconds: number
+};
+
+type moment$MomentCreationData = {
+  input: string,
+  format: string,
+  locale: Object,
+  isUTC: boolean,
+  strict: boolean
+};
+
+type moment$CalendarFormat = string | ((moment: moment$Moment) => string);
+
+type moment$CalendarFormats = {
+  sameDay?: moment$CalendarFormat,
+  nextDay?: moment$CalendarFormat,
+  nextWeek?: moment$CalendarFormat,
+  lastDay?: moment$CalendarFormat,
+  lastWeek?: moment$CalendarFormat,
+  sameElse?: moment$CalendarFormat
+};
+
+declare class moment$LocaleData {
+  months(moment: moment$Moment): string,
+  monthsShort(moment: moment$Moment): string,
+  monthsParse(month: string): number,
+  weekdays(moment: moment$Moment): string,
+  weekdaysShort(moment: moment$Moment): string,
+  weekdaysMin(moment: moment$Moment): string,
+  weekdaysParse(weekDay: string): number,
+  longDateFormat(dateFormat: string): string,
+  isPM(date: string): boolean,
+  meridiem(hours: number, minutes: number, isLower: boolean): string,
+  calendar(
+    key:
+      | "sameDay"
+      | "nextDay"
+      | "lastDay"
+      | "nextWeek"
+      | "prevWeek"
+      | "sameElse",
+    moment: moment$Moment
+  ): string,
+  relativeTime(
+    number: number,
+    withoutSuffix: boolean,
+    key: "s" | "m" | "mm" | "h" | "hh" | "d" | "dd" | "M" | "MM" | "y" | "yy",
+    isFuture: boolean
+  ): string,
+  pastFuture(diff: any, relTime: string): string,
+  ordinal(number: number): string,
+  preparse(str: string): any,
+  postformat(str: string): any,
+  week(moment: moment$Moment): string,
+  invalidDate(): string,
+  firstDayOfWeek(): number,
+  firstDayOfYear(): number
+}
+declare class moment$MomentDuration {
+  humanize(suffix?: boolean): string,
+  milliseconds(): number,
+  asMilliseconds(): number,
+  seconds(): number,
+  asSeconds(): number,
+  minutes(): number,
+  asMinutes(): number,
+  hours(): number,
+  asHours(): number,
+  days(): number,
+  asDays(): number,
+  months(): number,
+  asWeeks(): number,
+  weeks(): number,
+  asMonths(): number,
+  years(): number,
+  asYears(): number,
+  add(value: number | moment$MomentDuration | Object, unit?: string): this,
+  subtract(value: number | moment$MomentDuration | Object, unit?: string): this,
+  as(unit: string): number,
+  get(unit: string): number,
+  toJSON(): string,
+  toISOString(): string,
+  isValid(): boolean
+}
+declare class moment$Moment {
+  static ISO_8601: string,
+  static (
+    string?: string,
+    format?: string | Array<string>,
+    strict?: boolean
+  ): moment$Moment,
+  static (
+    string?: string,
+    format?: string | Array<string>,
+    locale?: string,
+    strict?: boolean
+  ): moment$Moment,
+  static (
+    initDate: ?Object | number | Date | Array<number> | moment$Moment | string
+  ): moment$Moment,
+  static unix(seconds: number): moment$Moment,
+  static utc(): moment$Moment,
+  static utc(number: number | Array<number>): moment$Moment,
+  static utc(
+    str: string,
+    str2?: string | Array<string>,
+    str3?: string
+  ): moment$Moment,
+  static utc(moment: moment$Moment): moment$Moment,
+  static utc(date: Date): moment$Moment,
+  static parseZone(): moment$Moment,
+  static parseZone(rawDate: string): moment$Moment,
+  static parseZone(
+    rawDate: string,
+    format: string | Array<string>
+  ): moment$Moment,
+  static parseZone(
+    rawDate: string,
+    format: string,
+    strict: boolean
+  ): moment$Moment,
+  static parseZone(
+    rawDate: string,
+    format: string,
+    locale: string,
+    strict: boolean
+  ): moment$Moment,
+  isValid(): boolean,
+  invalidAt(): 0 | 1 | 2 | 3 | 4 | 5 | 6,
+  creationData(): moment$MomentCreationData,
+  millisecond(number: number): this,
+  milliseconds(number: number): this,
+  millisecond(): number,
+  milliseconds(): number,
+  second(number: number): this,
+  seconds(number: number): this,
+  second(): number,
+  seconds(): number,
+  minute(number: number): this,
+  minutes(number: number): this,
+  minute(): number,
+  minutes(): number,
+  hour(number: number): this,
+  hours(number: number): this,
+  hour(): number,
+  hours(): number,
+  date(number: number): this,
+  dates(number: number): this,
+  date(): number,
+  dates(): number,
+  day(day: number | string): this,
+  days(day: number | string): this,
+  day(): number,
+  days(): number,
+  weekday(number: number): this,
+  weekday(): number,
+  isoWeekday(number: number): this,
+  isoWeekday(): number,
+  dayOfYear(number: number): this,
+  dayOfYear(): number,
+  week(number: number): this,
+  weeks(number: number): this,
+  week(): number,
+  weeks(): number,
+  isoWeek(number: number): this,
+  isoWeeks(number: number): this,
+  isoWeek(): number,
+  isoWeeks(): number,
+  month(number: number): this,
+  months(number: number): this,
+  month(): number,
+  months(): number,
+  quarter(number: number): this,
+  quarter(): number,
+  year(number: number): this,
+  years(number: number): this,
+  year(): number,
+  years(): number,
+  weekYear(number: number): this,
+  weekYear(): number,
+  isoWeekYear(number: number): this,
+  isoWeekYear(): number,
+  weeksInYear(): number,
+  isoWeeksInYear(): number,
+  get(string: string): number,
+  set(unit: string, value: number): this,
+  set(options: { [unit: string]: number }): this,
+  static max(...dates: Array<moment$Moment>): moment$Moment,
+  static max(dates: Array<moment$Moment>): moment$Moment,
+  static min(...dates: Array<moment$Moment>): moment$Moment,
+  static min(dates: Array<moment$Moment>): moment$Moment,
+  add(
+    value: number | moment$MomentDuration | moment$Moment | Object,
+    unit?: string
+  ): this,
+  subtract(
+    value: number | moment$MomentDuration | moment$Moment | string | Object,
+    unit?: string
+  ): this,
+  startOf(unit: string): this,
+  endOf(unit: string): this,
+  local(): this,
+  utc(): this,
+  utcOffset(
+    offset: number | string,
+    keepLocalTime?: boolean,
+    keepMinutes?: boolean
+  ): this,
+  utcOffset(): number,
+  format(format?: string): string,
+  fromNow(removeSuffix?: boolean): string,
+  from(
+    value: moment$Moment | string | number | Date | Array<number>,
+    removePrefix?: boolean
+  ): string,
+  toNow(removePrefix?: boolean): string,
+  to(
+    value: moment$Moment | string | number | Date | Array<number>,
+    removePrefix?: boolean
+  ): string,
+  calendar(refTime?: any, formats?: moment$CalendarFormats): string,
+  diff(
+    date: moment$Moment | string | number | Date | Array<number>,
+    format?: string,
+    floating?: boolean
+  ): number,
+  valueOf(): number,
+  unix(): number,
+  daysInMonth(): number,
+  toDate(): Date,
+  toArray(): Array<number>,
+  toJSON(): string,
+  toISOString(
+    keepOffset?: boolean
+  ): string,
+  toObject(): moment$MomentObject,
+  isBefore(
+    date?: moment$Moment | string | number | Date | Array<number>,
+    units?: ?string
+  ): boolean,
+  isSame(
+    date?: moment$Moment | string | number | Date | Array<number>,
+    units?: ?string
+  ): boolean,
+  isAfter(
+    date?: moment$Moment | string | number | Date | Array<number>,
+    units?: ?string
+  ): boolean,
+  isSameOrBefore(
+    date?: moment$Moment | string | number | Date | Array<number>,
+    units?: ?string
+  ): boolean,
+  isSameOrAfter(
+    date?: moment$Moment | string | number | Date | Array<number>,
+    units?: ?string
+  ): boolean,
+  isBetween(
+    fromDate: moment$Moment | string | number | Date | Array<number>,
+    toDate?: ?moment$Moment | string | number | Date | Array<number>,
+    granularity?: ?string,
+    inclusion?: ?string
+  ): boolean,
+  isDST(): boolean,
+  isDSTShifted(): boolean,
+  isLeapYear(): boolean,
+  clone(): moment$Moment,
+  static isMoment(obj: any): boolean,
+  static isDate(obj: any): boolean,
+  static locale(locale: string, localeData?: Object): string,
+  static updateLocale(locale: string, localeData?: ?Object): void,
+  static locale(locales: Array<string>): string,
+  locale(locale: string, customization?: Object | null): moment$Moment,
+  locale(): string,
+  static months(): Array<string>,
+  static monthsShort(): Array<string>,
+  static weekdays(): Array<string>,
+  static weekdaysShort(): Array<string>,
+  static weekdaysMin(): Array<string>,
+  static months(): string,
+  static monthsShort(): string,
+  static weekdays(): string,
+  static weekdaysShort(): string,
+  static weekdaysMin(): string,
+  static localeData(key?: string): moment$LocaleData,
+  static duration(
+    value: number | Object | string,
+    unit?: string
+  ): moment$MomentDuration,
+  static isDuration(obj: any): boolean,
+  static normalizeUnits(unit: string): string,
+  static invalid(object: any): moment$Moment
+}
+
+declare module "moment" {
+  declare module.exports: Class<moment$Moment>;
+}

scm-plugins/scm-svn-plugin/flow-typed/npm/react-jss_vx.x.x.js

@@ -0,0 +1,137 @@
+// flow-typed signature: ba35d02d668b0d0a3e04a63a6847974e
+// flow-typed version: <<STUB>>/react-jss_v8.6.1/flow_v0.79.1
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'react-jss'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'react-jss' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'react-jss/dist/react-jss' {
+  declare module.exports: any;
+}
+
+declare module 'react-jss/dist/react-jss.min' {
+  declare module.exports: any;
+}
+
+declare module 'react-jss/lib/compose' {
+  declare module.exports: any;
+}
+
+declare module 'react-jss/lib/compose.test' {
+  declare module.exports: any;
+}
+
+declare module 'react-jss/lib/contextTypes' {
+  declare module.exports: any;
+}
+
+declare module 'react-jss/lib/createHoc' {
+  declare module.exports: any;
+}
+
+declare module 'react-jss/lib/getDisplayName' {
+  declare module.exports: any;
+}
+
+declare module 'react-jss/lib/index' {
+  declare module.exports: any;
+}
+
+declare module 'react-jss/lib/index.test' {
+  declare module.exports: any;
+}
+
+declare module 'react-jss/lib/injectSheet' {
+  declare module.exports: any;
+}
+
+declare module 'react-jss/lib/injectSheet.test' {
+  declare module.exports: any;
+}
+
+declare module 'react-jss/lib/jss' {
+  declare module.exports: any;
+}
+
+declare module 'react-jss/lib/JssProvider' {
+  declare module.exports: any;
+}
+
+declare module 'react-jss/lib/JssProvider.test' {
+  declare module.exports: any;
+}
+
+declare module 'react-jss/lib/ns' {
+  declare module.exports: any;
+}
+
+declare module 'react-jss/lib/propTypes' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'react-jss/dist/react-jss.js' {
+  declare module.exports: $Exports<'react-jss/dist/react-jss'>;
+}
+declare module 'react-jss/dist/react-jss.min.js' {
+  declare module.exports: $Exports<'react-jss/dist/react-jss.min'>;
+}
+declare module 'react-jss/lib/compose.js' {
+  declare module.exports: $Exports<'react-jss/lib/compose'>;
+}
+declare module 'react-jss/lib/compose.test.js' {
+  declare module.exports: $Exports<'react-jss/lib/compose.test'>;
+}
+declare module 'react-jss/lib/contextTypes.js' {
+  declare module.exports: $Exports<'react-jss/lib/contextTypes'>;
+}
+declare module 'react-jss/lib/createHoc.js' {
+  declare module.exports: $Exports<'react-jss/lib/createHoc'>;
+}
+declare module 'react-jss/lib/getDisplayName.js' {
+  declare module.exports: $Exports<'react-jss/lib/getDisplayName'>;
+}
+declare module 'react-jss/lib/index.js' {
+  declare module.exports: $Exports<'react-jss/lib/index'>;
+}
+declare module 'react-jss/lib/index.test.js' {
+  declare module.exports: $Exports<'react-jss/lib/index.test'>;
+}
+declare module 'react-jss/lib/injectSheet.js' {
+  declare module.exports: $Exports<'react-jss/lib/injectSheet'>;
+}
+declare module 'react-jss/lib/injectSheet.test.js' {
+  declare module.exports: $Exports<'react-jss/lib/injectSheet.test'>;
+}
+declare module 'react-jss/lib/jss.js' {
+  declare module.exports: $Exports<'react-jss/lib/jss'>;
+}
+declare module 'react-jss/lib/JssProvider.js' {
+  declare module.exports: $Exports<'react-jss/lib/JssProvider'>;
+}
+declare module 'react-jss/lib/JssProvider.test.js' {
+  declare module.exports: $Exports<'react-jss/lib/JssProvider.test'>;
+}
+declare module 'react-jss/lib/ns.js' {
+  declare module.exports: $Exports<'react-jss/lib/ns'>;
+}
+declare module 'react-jss/lib/propTypes.js' {
+  declare module.exports: $Exports<'react-jss/lib/propTypes'>;
+}

scm-plugins/scm-svn-plugin/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@scm-manager/scm-svn-plugin",
   "main": "src/main/js/index.js",
+  "license" : "BSD-3-Clause",
   "scripts": {
     "build": "ui-bundler plugin"
   },

scm-plugins/scm-svn-plugin/pom.xml

@@ -54,7 +54,45 @@
           </execution>
         </executions>
       </plugin>
-        
+
+      <plugin>
+        <groupId>com.github.sdorra</groupId>
+        <artifactId>buildfrontend-maven-plugin</artifactId>
+        <version>2.1.0</version>
+        <configuration>
+          <node>
+            <version>8.11.4</version>
+          </node>
+          <pkgManager>
+            <type>YARN</type>
+            <version>1.9.4</version>
+          </pkgManager>
+        </configuration>
+        <executions>
+          <execution>
+            <id>link-ui-types</id>
+            <phase>process-sources</phase>
+            <goals>
+              <goal>install-link</goal>
+            </goals>
+            <configuration>
+              <pkg>@scm-manager/ui-types</pkg>
+            </configuration>
+          </execution>
+          <execution>
+            <id>link-ui-components</id>
+            <phase>process-sources</phase>
+            <goals>
+              <goal>install-link</goal>
+            </goals>
+            <configuration>
+              <pkg>@scm-manager/ui-components</pkg>
+            </configuration>
+          </execution>
+        </executions>
+      </plugin>
+
+
     </plugins>
   </build>
 

scm-plugins/scm-svn-plugin/src/main/js/ProtocolInformation.js

@@ -1,9 +1,9 @@
 //@flow
-import React from 'react';
+import React from "react";
+import type { Repository } from "@scm-manager/ui-types";
 
-// TODO flow types ???
 type Props = {
-  repository: Object
+  repository: Repository
 }
 
 class ProtocolInformation extends React.Component<Props> {

scm-plugins/scm-svn-plugin/src/main/js/SvnAvatar.js

@@ -1,5 +1,6 @@
 //@flow
-import React from 'react';
+import React from "react";
+import { Image } from "@scm-manager/ui-components";
 
 type Props = {
 };
@@ -7,8 +8,7 @@ type Props = {
 class SvnAvatar extends React.Component<Props> {
 
   render() {
-    // TODO we have to use Image from ui-components
+    return <Image src="/scm/images/svn-logo.gif" alt="Subversion Logo" />;
-    return <img src="/scm/images/svn-logo.gif" alt="Subversion Logo" />;
   }
 
 }

scm-plugins/scm-svn-plugin/src/main/js/index.js

@@ -1,6 +1,7 @@
+// @flow
 import { binder } from "@scm-manager/ui-extensions";
-import ProtocolInformation from './ProtocolInformation';
+import ProtocolInformation from "./ProtocolInformation";
-import SvnAvatar from './SvnAvatar';
+import SvnAvatar from "./SvnAvatar";
 
 const svnPredicate = (props: Object) => {
   return props.repository && props.repository.type === "svn";