style: apply new prettier rules

Author: jsamr

.eslintrc.js

@@ -1,6 +1,6 @@
 module.exports = {
   root: true,
-  extends: ['@react-native-community', 'plugin:compat/recommended'],
+  extends: ['@react-native-community', 'plugin:compat/recommended', 'prettier'],
   parser: '@typescript-eslint/parser',
   plugins: ['@typescript-eslint', 'eslint-plugin-tsdoc'],
   rules: {

package.json

@@ -31,6 +31,7 @@
     "@typescript-eslint/eslint-plugin": "^4.30.0",
     "@typescript-eslint/parser": "^4.30.0",
     "eslint": "^7.32.0",
+    "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-compat": "^3.13.0",
     "eslint-plugin-tsdoc": "^0.2.14",
     "husky": "^4.3.8",

packages/heuristic-table-plugin/src/helpers/TCellConstraintsComputer.ts

@@ -58,22 +58,20 @@ export default class TCellConstraintsComputer {
   private baseFontCoeff: number;
   private fallbackFontSize: number;
 
-  private fontWeightCoeffs: Record<
-    Required<TextStyle>['fontWeight'],
-    number
-  > = {
-    '100': 0.8,
-    '200': 0.85,
-    '300': 0.9,
-    '400': 1,
-    '500': 1.1,
-    '600': 1.2,
-    '700': 1.3,
-    '800': 1.4,
-    '900': 1.5,
-    bold: 1.3,
-    normal: 1
-  };
+  private fontWeightCoeffs: Record<Required<TextStyle>['fontWeight'], number> =
+    {
+      '100': 0.8,
+      '200': 0.85,
+      '300': 0.9,
+      '400': 1,
+      '500': 1.1,
+      '600': 1.2,
+      '700': 1.3,
+      '800': 1.4,
+      '900': 1.5,
+      bold: 1.3,
+      normal: 1
+    };
 
   constructor({
     baseFontCoeff,

packages/heuristic-table-plugin/src/helpers/__tests__/makeRows.test.ts

@@ -7,7 +7,7 @@ function cell(y: number, x: number = 0): TableCell {
   return {
     lenX: 1,
     lenY: 1,
-    tnode: ({} as unknown) as TNode,
+    tnode: {} as unknown as TNode,
     type: 'cell',
     constraints: {
       contentDensity: 0,

packages/heuristic-table-plugin/src/useHtmlTableProps.ts

@@ -47,10 +47,10 @@ export default function useHtmlTableProps(
     typeof options.overrideContentWidth === 'number'
       ? options.overrideContentWidth
       : sharedContentWidth;
-  const settings = useMemo(() => ({ contentWidth, forceStretch }), [
-    contentWidth,
-    forceStretch
-  ]);
+  const settings = useMemo(
+    () => ({ contentWidth, forceStretch }),
+    [contentWidth, forceStretch]
+  );
   const layout = useTableLayout({ tnode, settings });
   return {
     layout,

packages/iframe-plugin/src/IframeRenderer.ts

@@ -25,12 +25,10 @@ const IframeRenderer: CustomBlockRenderer = function IframeRenderer(props) {
  *
  * @public
  */
-export const iframeModel: HTMLElementModel<
-  'iframe',
-  HTMLContentModel.block
-> = defaultHTMLElementModels.iframe.extend({
-  contentModel: HTMLContentModel.block,
-  isOpaque: true
-});
+export const iframeModel: HTMLElementModel<'iframe', HTMLContentModel.block> =
+  defaultHTMLElementModels.iframe.extend({
+    contentModel: HTMLContentModel.block,
+    isOpaque: true
+  });
 
 export default IframeRenderer;

packages/iframe-plugin/src/__tests__/IframeRenderer.test.tsx

@@ -15,8 +15,7 @@ describe('iframe renderer', () => {
           }}
           contentWidth={10}
           source={{
-            html:
-              '<iframe width="300" height="300" src="https://google.com/" />'
+            html: '<iframe width="300" height="300" src="https://google.com/" />'
           }}
         />
       );

packages/iframe-plugin/src/useHtmlIframeProps.ts

@@ -32,11 +32,8 @@ export default function useHtmlIframeProps(
   { style, tnode }: CustomRendererProps<TBlock>,
   iframeConfig?: IframeConfig
 ): HTMLIframeProps | null {
-  const {
-    WebView,
-    defaultWebViewProps,
-    computeEmbeddedMaxWidth
-  } = useSharedProps();
+  const { WebView, defaultWebViewProps, computeEmbeddedMaxWidth } =
+    useSharedProps();
   const contentWidth = useContentWidth();
   const globalIframeConfig = useRendererProps('iframe');
   const { onPress: onLinkPress } = useRendererProps('a');

packages/table-plugin/src/HTMLTable.tsx

@@ -132,14 +132,11 @@ function useAnimatedAutoheight<WVP extends MinimalWebViewProps>({
     >
   >) {
   const animatedHeight = useRef(new Animated.Value(0)).current;
-  const {
-    autoheightWebshellProps,
-    contentSize,
-    syncState
-  } = useAutoheight<WVP>({
-    webshellProps: webViewProps as any,
-    resetHeightOnViewportWidthChange: false
-  });
+  const { autoheightWebshellProps, contentSize, syncState } =
+    useAutoheight<WVP>({
+      webshellProps: webViewProps as any,
+      resetHeightOnViewportWidthChange: false
+    });
   const containerHeight = useMemo(
     () =>
       findHeight({

packages/table-plugin/src/TableRenderer.ts

@@ -25,12 +25,10 @@ const TableRenderer: CustomBlockRenderer = function TableRenderer(props) {
  *
  * @public
  */
-export const tableModel: HTMLElementModel<
-  'table',
-  HTMLContentModel.block
-> = defaultHTMLElementModels.table.extend({
-  contentModel: HTMLContentModel.block,
-  isOpaque: true
-});
+export const tableModel: HTMLElementModel<'table', HTMLContentModel.block> =
+  defaultHTMLElementModels.table.extend({
+    contentModel: HTMLContentModel.block,
+    isOpaque: true
+  });
 
 export default TableRenderer;

packages/table-plugin/src/useHtmlTableProps.ts

@@ -23,11 +23,8 @@ export default function useHtmlTableProps(
   { style, tnode }: CustomRendererProps<TBlock>,
   tableConfig?: TableConfig
 ): HTMLTableProps | null {
-  const {
-    WebView,
-    defaultWebViewProps,
-    computeEmbeddedMaxWidth
-  } = useSharedProps();
+  const { WebView, defaultWebViewProps, computeEmbeddedMaxWidth } =
+    useSharedProps();
   const contentWidth = useContentWidth();
   const globalTableConfig = useRendererProps('table');
   const { onPress: onLinkPress } = useRendererProps('a');

yarn.lock

@@ -8581,6 +8581,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"eslint-config-prettier@npm:^8.3.0":
+  version: 8.3.0
+  resolution: "eslint-config-prettier@npm:8.3.0"
+  peerDependencies:
+    eslint: ">=7.0.0"
+  bin:
+    eslint-config-prettier: bin/cli.js
+  checksum: df4cea3032671995bb5ab07e016169072f7fa59f44a53251664d9ca60951b66cdc872683b5c6a3729c91497c11490ca44a79654b395dd6756beb0c3903a37196
+  languageName: node
+  linkType: hard
+
 "eslint-plugin-compat@npm:^3.13.0":
   version: 3.13.0
   resolution: "eslint-plugin-compat@npm:3.13.0"
@@ -15099,6 +15110,7 @@ fsevents@^1.2.7:
     "@typescript-eslint/eslint-plugin": ^4.30.0
     "@typescript-eslint/parser": ^4.30.0
     eslint: ^7.32.0
+    eslint-config-prettier: ^8.3.0
     eslint-plugin-compat: ^3.13.0
     eslint-plugin-tsdoc: ^0.2.14
     husky: ^4.3.8