Use widget prettier config and base config as fallback

Author: weirdwater

packages/pluggable-widgets-tools/src/typings-generator/index.ts

@@ -1,18 +1,13 @@
-import { readFileSync, promises } from "fs";
+import { promises } from "fs";
 import { join } from "path";
 import { parseStringPromise } from "xml2js";
 import { PackageXml } from "./PackageXml";
 import { WidgetXml } from "./WidgetXml";
 import { generateForWidget } from "./generate";
-import { format } from "prettier";
+import { formatTypeScript } from "../utils/formatting";
 
 const { mkdir, readFile, stat, writeFile } = promises;
 
-const prettierConfig = {
-    parser: "babel-ts",
-    ...JSON.parse(readFileSync(join(__dirname, "../../configs/prettier.base.json"), "utf-8"))
-};
-
 export async function transformPackage(content: string, basePath: string) {
     const contentXml = (await parseStringPromise(content)) as PackageXml;
     if (!contentXml) {
@@ -45,7 +40,7 @@ export async function transformPackage(content: string, basePath: string) {
             );
         }
 
-        const formattedContent = await format(generatedContent, prettierConfig);
+        const formattedContent = await formatTypeScript(generatedContent);
         const resultPath = sourcePath.replace(/(\.xml)?$/, "Props.d.ts");
         await writeFile(join(resultBasePath, resultPath), formattedContent);
     }

packages/pluggable-widgets-tools/src/utils/formatting.ts

@@ -0,0 +1,28 @@
+import { readFile } from "fs/promises";
+import { join } from "path";
+import { resolveConfig, format, Options } from "prettier";
+import { cwd } from "process";
+
+const prettierConfigBasePath = join(__dirname, "../../configs/prettier.base.json");
+
+let prettierTypescriptConfig: Options | undefined;
+
+/**
+ * Uses prettier to format the given TypeScript sourcecode.
+ * @param source The TypeScript snippet that needs to be formatted
+ */
+export async function formatTypeScript(source: string): Promise<string> {
+    if (prettierTypescriptConfig === undefined) {
+        const fakeFilename = join(cwd(), "./src/widget.ts");
+        // If the widget does not have a prettier config, fall back to packaged base config
+        const prettierConfig =
+            (await resolveConfig(fakeFilename)) ?? JSON.parse(await readFile(prettierConfigBasePath, "utf-8"));
+
+        prettierTypescriptConfig = {
+            ...prettierConfig,
+            parser: "babel-ts"
+        };
+    }
+
+    return await format(source, prettierTypescriptConfig);
+}