chore: add CI for JS, iOS and Android formatting (software-mansion#1782)

Added CI workflow and local pre-commit hook for formatting and linting the newly added JS, iOS and Android code.

Author: WoLewicki

.clang-format

@@ -0,0 +1,91 @@
+---
+AccessModifierOffset: -1
+AlignAfterOpenBracket: AlwaysBreak
+AlignConsecutiveAssignments: false
+AlignConsecutiveDeclarations: false
+AlignEscapedNewlinesLeft: true
+AlignOperands:   false
+AlignTrailingComments: false
+AllowAllParametersOfDeclarationOnNextLine: false
+AllowShortBlocksOnASingleLine: false
+AllowShortCaseLabelsOnASingleLine: false
+AllowShortFunctionsOnASingleLine: Empty
+AllowShortIfStatementsOnASingleLine: false
+AllowShortLoopsOnASingleLine: false
+AlwaysBreakAfterReturnType: None
+AlwaysBreakBeforeMultilineStrings: true
+AlwaysBreakTemplateDeclarations: true
+BinPackArguments: false
+BinPackParameters: false
+BraceWrapping:
+  AfterClass:      false
+  AfterControlStatement: false
+  AfterEnum:       false
+  AfterFunction:   false
+  AfterNamespace:  false
+  AfterObjCDeclaration: false
+  AfterStruct:     false
+  AfterUnion:      false
+  BeforeCatch:     false
+  BeforeElse:      false
+  IndentBraces:    false
+BreakBeforeBinaryOperators: None
+BreakBeforeBraces: Attach
+BreakBeforeTernaryOperators: true
+BreakConstructorInitializersBeforeComma: false
+BreakAfterJavaFieldAnnotations: false
+BreakStringLiterals: false
+ColumnLimit:       80
+CommentPragmas:  '^ IWYU pragma:'
+ConstructorInitializerAllOnOneLineOrOnePerLine: true
+ConstructorInitializerIndentWidth: 4
+ContinuationIndentWidth: 4
+Cpp11BracedListStyle: true
+DerivePointerAlignment: false
+DisableFormat:   false
+ForEachMacros:   [ FOR_EACH_RANGE, FOR_EACH, ]
+IncludeCategories:
+  - Regex:           '^<.*\.h(pp)?>'
+    Priority:        1
+  - Regex:           '^<.*'
+    Priority:        2
+  - Regex:           '.*'
+    Priority:        3
+IndentCaseLabels: true
+IndentWidth:     2
+IndentWrappedFunctionNames: false
+KeepEmptyLinesAtTheStartOfBlocks: false
+MacroBlockBegin: ''
+MacroBlockEnd:   ''
+MaxEmptyLinesToKeep: 1
+NamespaceIndentation: None
+ObjCBlockIndentWidth: 2
+ObjCSpaceAfterProperty: true
+ObjCSpaceBeforeProtocolList: true
+PenaltyBreakBeforeFirstCallParameter: 1
+PenaltyBreakComment: 300
+PenaltyBreakFirstLessLess: 120
+PenaltyBreakString: 1000
+PenaltyExcessCharacter: 1000000
+PenaltyReturnTypeOnItsOwnLine: 200
+PointerAlignment: Right
+ReflowComments:  true
+SortIncludes:    true
+SpaceAfterCStyleCast: false
+SpaceBeforeAssignmentOperators: true
+SpaceBeforeParens: ControlStatements
+SpaceInEmptyParentheses: false
+SpacesBeforeTrailingComments: 1
+SpacesInAngles:  false
+SpacesInContainerLiterals: true
+SpacesInCStyleCastParentheses: false
+SpacesInParentheses: false
+SpacesInSquareBrackets: false
+Standard:        Cpp11
+TabWidth:        8
+UseTab:          Never
+---
+Language: ObjC
+ColumnLimit:     120
+BreakBeforeBraces: WebKit
+...

.github/workflows/js-build-test.yml

@@ -25,10 +25,8 @@ jobs:
         run: yarn
       - name: Build
         run: yarn bob
-      - name: Lint
-        run: yarn lint
-      - name: Tests
-        run: yarn jest
+      - name: Test and lint
+        run: yarn test
       - name: Build Example App
         working-directory: Example/
         run: yarn && yarn tsc

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+yarn lint-staged

Example/ios/Podfile.lock

@@ -501,7 +501,7 @@ SPEC CHECKSUMS:
   CocoaAsyncSocket: 065fd1e645c7abab64f7a6a2007a48038fdc6a99
   DoubleConversion: 831926d9b8bf8166fd87886c4abab286c2422662
   FBLazyVector: bcdeff523be9f87a135b7c6fde8736db94904716
-  FBReactNativeSpec: 226f8b0f1a2e736a49301883ee34bca88cdc24f6
+  FBReactNativeSpec: 0c3f104f594b34d7b3a923cd12e03b0d4e12eaf5
   Flipper: 26fc4b7382499f1281eb8cb921e5c3ad6de91fe0
   Flipper-Boost-iOSX: fd1e2b8cbef7e662a122412d7ac5f5bea715403c
   Flipper-DoubleConversion: 57ffbe81ef95306cc9e69c4aa3aeeeeb58a6a28c

USAGE.md

@@ -105,14 +105,14 @@ export default function TestComponent() {
   };
   return (
     <>
-    <SvgUri
-      width="100"
-      height="100"
-      uri="https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/ruby.svg"
-      onError={onError}
-      onLoad={onLoad}
-    />
-    {loading && <ActivityIndicator size="large" color="#0000ff"/>}
+      <SvgUri
+        width="100"
+        height="100"
+        uri="https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/ruby.svg"
+        onError={onError}
+        onLoad={onLoad}
+      />
+      {loading && <ActivityIndicator size="large" color="#0000ff" />}
     </>
   );
 }
@@ -129,16 +129,20 @@ import * as React from 'react';
 import { SvgUri } from 'react-native-svg';
 
 export default () => {
-  const [uri, setUri] = React.useState('https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/not_existing.svg')
+  const [uri, setUri] = React.useState(
+    'https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/not_existing.svg',
+  );
   return (
     <SvgUri
-      onError={() => setUri('https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/ruby.svg')}
+      onError={() =>
+        setUri('https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/ruby.svg')
+      }
       width="100%"
       height="100%"
       uri={uri}
     />
   );
-}
+};
 ```
 
 # Use with svg files

android/build.gradle

@@ -10,6 +10,7 @@ buildscript {
 
         dependencies {
             classpath("com.android.tools.build:gradle:3.6.1")
+            classpath "com.diffplug.spotless:spotless-plugin-gradle:5.15.0"
         }
     }
 }
@@ -26,6 +27,10 @@ if (isNewArchitectureEnabled()) {
     apply plugin: "com.facebook.react"
 }
 
+if (project == rootProject) {
+    apply from: 'spotless.gradle'
+}
+
 apply plugin: 'com.android.library'
 
 def safeExtGet(prop, fallback) {

android/gradle/wrapper/gradle-wrapper.jar

@@ -0,0 +1,5 @@
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-7.5.1-bin.zip
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists