react-lib-tools 0.0.5 → 0.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-lib-tools",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "type": "module",
   "author": "Brian Vaughn <brian.david.vaughn@gmail.com> (https://github.com/bvaughn/)",
   "contributors": [

package/scripts/compile-docs.ts

@@ -1,9 +1,16 @@
 import { compileComponents } from "./utils/docs/compileComponents.ts";
 import { compileImperativeHandles } from "./utils/docs/compileImperativeHandles.ts";
 import type { CompilerOptions } from "typescript";
+import {
+  JsxEmit,
+  ModuleDetectionKind,
+  ModuleKind,
+  ModuleResolutionKind,
+  ScriptTarget
+} from "typescript";
 
 export async function compileDocs({
-  compilerOptions = {},
+  compilerOptions: compilerOptionsParam,
   componentNames,
   imperativeHandleNames,
   outputDirName = "docs"
@@ -13,6 +20,11 @@ export async function compileDocs({
   imperativeHandleNames: string[];
   outputDirName?: string | undefined;
 }) {
+  const compilerOptions = {
+    ...defaultCompilerOptions,
+    ...compilerOptionsParam
+  };
+
   await compileComponents({
     compilerOptions,
     componentNames,
@@ -25,3 +37,25 @@ export async function compileDocs({
     outputDirName
   });
 }
+
+const defaultCompilerOptions: CompilerOptions = {
+  tsBuildInfoFile: "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+  target: ScriptTarget.ES2022,
+  useDefineForClassFields: true,
+  lib: ["ES2022", "DOM", "DOM.Iterable"],
+  module: ModuleKind.ESNext,
+  skipLibCheck: true,
+  moduleResolution: ModuleResolutionKind.Bundler,
+  allowImportingTsExtensions: true,
+  verbatimModuleSyntax: true,
+  moduleDetection: ModuleDetectionKind.Force,
+  noEmit: true,
+  jsx: JsxEmit.ReactJSX,
+  strict: true,
+  noUnusedLocals: true,
+  noUnusedParameters: true,
+  erasableSyntaxOnly: true,
+  noFallthroughCasesInSwitch: true,
+  noUncheckedSideEffectImports: true,
+  exactOptionalPropertyTypes: true
+};

package/scripts/compile-examples.ts

@@ -6,7 +6,7 @@ import { trimExcludedText } from "./utils/examples/trimExcludedText.ts";
 
 export async function compileExamples({
   fileExtensions = [".html", ".ts", ".tsx"],
-  inputPath = ["src", "routes"],
+  inputPath = ["src", "routes", "examples"],
   outputDirName = "examples"
 }: {
   fileExtensions?: string[] | undefined;
@@ -61,7 +61,7 @@ export async function compileExamples({
 
     const outputFile = join(
       outputDir,
-      fileName.replace(/\.example\..+$/, ".json")
+      fileName.replace(/(\.example)?\.[\w]+$/, ".json")
     );
 
     console.debug("Writing to", outputFile);

package/scripts/utils/docs/compileComponent.ts

@@ -58,10 +58,16 @@ export async function compileComponent({
       let textToFormat = getPropTypeText(prop);
 
       if (prop.defaultValue?.value) {
-        const formattedValue =
-          typeof prop.defaultValue.value === "string"
-            ? `"${prop.defaultValue.value}"`
-            : prop.defaultValue.value;
+        let formattedValue = prop.defaultValue.value;
+
+        // Wrap strings in quotes
+        if (typeof prop.defaultValue.value === "string") {
+          // But don't double quote, e.g.
+          // tagName?: keyof IntrinsicElements = ""div" as TagName"
+          if (!prop.defaultValue.value.includes('" as ')) {
+            formattedValue = `"${prop.defaultValue.value}"`;
+          }
+        }
 
         textToFormat = `${textToFormat} = ${formattedValue}`;
       }