wip

Author: jpoehnelt

.github/docs.js

@@ -1,28 +1,41 @@
 import fs from "node:fs";
 import prettier from "prettier";
+import { customElementsManifestToMarkdown } from "@custom-elements-manifest/to-markdown";
 
 const START = "<!-- START docs -->";
 const END = "<!-- END docs -->";
 
-// read docs files
-const docs = ["docs/drive-picker.md", "docs/drive-picker-docs-view.md"]
-	.map((file) => {
-		const anchor = file.split("/").pop().replace(/\.md$/, "");
-		return `<a name="${anchor}"></a>\n${fs.readFileSync(file, "utf-8")}`;
-	})
-	.join("\n")
-	.replace(/^(#+)/gm, (_, p1) => `${p1}#`)
-	.trim();
-
-// insert into README.md
-const readme = fs.readFileSync("README.md", "utf-8");
-
-const startIdx = readme.indexOf(START) + START.length;
-const endIdx = readme.indexOf(END);
-
-const updated = await prettier.format(
-	`${readme.substring(0, startIdx)}\n${docs}\n${readme.substring(endIdx)}`,
-	{ parser: "markdown" },
+const manifest = JSON.parse(
+	fs.readFileSync("dist/custom-elements.json", "utf-8"),
 );
+const markdown = customElementsManifestToMarkdown(manifest, {
+	private: "hidden",
+	omitDeclarations: ["mixins", "variables", "functions", "exports"],
+	omitSections: ["super-class", "static-methods", "main-heading"],
+});
 
-fs.writeFileSync("README.md", updated);
+console.log(markdown);
+// fs.writeFileSync("./custom-elements.md", markdown);
+
+// // read docs files
+// const docs = ["docs/drive-picker.md", "docs/drive-picker-docs-view.md"]
+//   .map((file) => {
+//     const anchor = file.split("/").pop().replace(/\.md$/, "");
+//     return `<a name="${anchor}"></a>\n${fs.readFileSync(file, "utf-8")}`;
+//   })
+//   .join("\n")
+//   .replace(/^(#+)/gm, (_, p1) => `${p1}#`)
+//   .trim();
+
+// // insert into README.md
+// const readme = fs.readFileSync("README.md", "utf-8");
+
+// const startIdx = readme.indexOf(START) + START.length;
+// const endIdx = readme.indexOf(END);
+
+// const updated = await prettier.format(
+//   `${readme.substring(0, startIdx)}\n${docs}\n${readme.substring(endIdx)}`,
+//   { parser: "markdown" }
+// );
+
+// fs.writeFileSync("README.md", updated);

.storybook/main.ts

@@ -2,5 +2,11 @@
 	"editor.defaultFormatter": "biomejs.biome",
 	"[markdown]": {
 		"editor.defaultFormatter": "esbenp.prettier-vscode"
+	},
+	"[javascript]": {
+		"editor.defaultFormatter": "biomejs.biome"
+	},
+	"[typescript]": {
+		"editor.defaultFormatter": "biomejs.biome"
 	}
-}
+}

.storybook/preview.ts

@@ -89,8 +89,6 @@ Note: The Google Picker API does not support file organization, moving, or copyi
 | Method                | Type                                                                                                                                                  |
 | --------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `addEventListener`    | `(type: "cancel" \| "picked" \| "loaded", listener: (ev: DrivePickerEvent): void, options?: boolean \| AddEventListenerOptions \| undefined) => void` |
-| `getBooleanAttribute` | `(name: string): boolean`                                                                                                                             |
-| `getNumberAttribute`  | `(name: string): number \| null`                                                                                                                      |
 | `removeEventListener` | `(type: "cancel" \| "picked" \| "loaded", listener: (ev: DrivePickerEvent): void, options?: boolean \| EventListenerOptions \| undefined) => void`    |
 
 ### Events
@@ -124,13 +122,6 @@ The `drive-picker-docs-view` element is used to define a view for the Google Dri
 | -------- | --------- | ---------- | ----------------------------------------------------------------------- |
 | `view`   | readonly  | `DocsView` | Gets the Google Drive Picker view based on the current property values. |
 
-### Methods
-
-| Method                | Type                             |
-| --------------------- | -------------------------------- |
-| `getBooleanAttribute` | `(name: string): boolean`        |
-| `getNumberAttribute`  | `(name: string): number \| null` |
-
 <!-- END docs -->
 
 ## Development

.vscode/settings.json

@@ -1,10 +1,5 @@
 {
 	"organizeImports": { "enabled": true },
-	"formatter": {
-		"indentStyle": "tab",
-		"indentWidth": 2,
-		"ignore": ["*.json"]
-	},
 	"linter": {
 		"enabled": true,
 		"rules": {

README.md

@@ -0,0 +1,5 @@
+export default {
+	globs: ["src/**/*.ts"],
+	exclude: ["src/utils.ts"],
+	outdir: "dist",
+};