Use oxfmt (#99)

* chore: convert buttons to shadcn

* chore: use oxfmt

* chore: run formatter

Author: tstirrat15

.github/workflows/cla.yaml

@@ -1,6 +1,6 @@
 ---
 name: "CLA"
-on:  # yamllint disable-line rule:truthy
+on: # yamllint disable-line rule:truthy
   issue_comment:
     types:
       - "created"

.oxfmtrc.jsonc

@@ -0,0 +1,4 @@
+{
+  "$schema": "./node_modules/oxfmt/configuration_schema.json",
+  "ignorePatterns": ["src/spicedb-common/protodefs", "examples", "public"],
+}

.prettierignore

@@ -1,8 +1,7 @@
 import { GetObjectCommand, S3Client } from "@aws-sdk/client-s3";
 import type { VercelRequest, VercelResponse } from "@vercel/node";
 
-const encodeURL =
-  "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_";
+const encodeURL = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_";
 
 export default async function handler(req: VercelRequest, res: VercelResponse) {
   const shareid = req.query.shareid ?? "";

api/lookupshare.ts

@@ -2,8 +2,7 @@ import { PutObjectCommand, S3Client } from "@aws-sdk/client-s3";
 import type { VercelRequest, VercelResponse } from "@vercel/node";
 import { createHash } from "crypto";
 
-const encodeURL =
-  "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_";
+const encodeURL = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_";
 
 export type SharedDataV2 = {
   version: "2";
@@ -44,11 +43,7 @@ function validateSharedDataV2(data): data is SharedDataV2 {
     return false;
   }
 
-  const optionalStringFields = [
-    "relationships_yaml",
-    "validation_yaml",
-    "assertions_yaml",
-  ];
+  const optionalStringFields = ["relationships_yaml", "validation_yaml", "assertions_yaml"];
   for (const field of optionalStringFields) {
     if (field in data && typeof data[field] !== "string") {
       return false;
@@ -100,12 +95,7 @@ export default async function handler(req: VercelRequest, res: VercelResponse) {
   // Validate that the computed hash only contains allowed characters
   for (const char of shareHash) {
     if (!encodeURL.includes(char)) {
-      console.error(
-        "Computed hash contains invalid character:",
-        char,
-        "in hash:",
-        shareHash,
-      );
+      console.error("Computed hash contains invalid character:", char, "in hash:", shareHash);
       return res.status(500).json({ error: "Hash generation error" });
     }
   }

api/share.ts

@@ -11,9 +11,6 @@ export default defineConfig({
 
   e2e: {
     baseUrl: "http://localhost:3000",
-    specPattern: [
-      "cypress/integration/**/*.spec.{js,ts}",
-      "cypress/e2e/**/*.cy.{js,jsx,ts,tsx}",
-    ],
+    specPattern: ["cypress/integration/**/*.spec.{js,ts}", "cypress/e2e/**/*.cy.{js,jsx,ts,tsx}"],
   },
 });

cypress.config.ts

@@ -6,9 +6,7 @@ describe("Playground", () => {
   });
 
   it("displays tutorial", () => {
-    cy.get(".react-joyride__tooltip")
-      .contains("Welcome!")
-      .should("have.length", 1);
+    cy.get(".react-joyride__tooltip").contains("Welcome!").should("have.length", 1);
   });
 
   it("can dismiss tutorial", () => {

cypress/integration/basic.spec.js

@@ -9,11 +9,7 @@ describe("Navigation", () => {
   it("displays schema tab", () => {
     cy.tab("Schema");
     // Default editor content
-    cy.editorText().containsAll([
-      "definition user {}",
-      "definition resource {",
-      "}",
-    ]);
+    cy.editorText().containsAll(["definition user {}", "definition resource {", "}"]);
     // Sub-menu buttons
     cy.get("button").contains("Format").should("exist");
   });

cypress/integration/nav.spec.js

@@ -38,28 +38,21 @@ Cypress.Commands.add("panelText", () => {
 
 // Wait until WASM developer package is loaded
 Cypress.Commands.add("waitForWasm", () => {
-  cy.waitUntil(
-    () => cy.window().then((win) => !!win.runSpiceDBDeveloperRequest),
-    {
-      errorMsg: "WASM development package not loaded",
-      timeout: 30000,
-      interval: 500,
-    },
-  );
+  cy.waitUntil(() => cy.window().then((win) => !!win.runSpiceDBDeveloperRequest), {
+    errorMsg: "WASM development package not loaded",
+    timeout: 30000,
+    interval: 500,
+  });
   return;
 });
 
 // -- Child commands --
 // Asserts that all list items are present.
-Cypress.Commands.add(
-  "containsAll",
-  { prevSubject: "element" },
-  (subject, list) => {
-    list.forEach((line) => {
-      cy.wrap(subject).contains(line);
-    });
-  },
-);
+Cypress.Commands.add("containsAll", { prevSubject: "element" }, (subject, list) => {
+  list.forEach((line) => {
+    cy.wrap(subject).contains(line);
+  });
+});
 
 //
 // -- This is a dual command --

cypress/support/commands.js

@@ -19,10 +19,7 @@ export default tseslint.config(
     },
     rules: {
       ...reactHooks.configs.recommended.rules,
-      "react-refresh/only-export-components": [
-        "warn",
-        { allowConstantExport: true },
-      ],
+      "react-refresh/only-export-components": ["warn", { allowConstantExport: true }],
     },
   },
 );