zudoku 0.1.1-dev.51 → 0.1.1-dev.52

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zudoku",
-  "version": "0.1.1-dev.51",
+  "version": "0.1.1-dev.52",
   "type": "module",
   "files": [
     "dist",

package/src/lib/plugins/openapi/MakeRequest.tsx

@@ -29,10 +29,15 @@ export const MakeRequest = ({
     }));
   const queryParams = operation.parameters
     ?.filter((p) => p.in === "query")
-    .map((p) => ({
-      name: p.name,
-      value: "",
-    }));
+    .sort((a, b) => (a.required && !b.required ? -1 : 1))
+    .map((p) => {
+      return {
+        name: p.name,
+        value: "",
+        active: p.required ?? false,
+        isRequired: p.required ?? false,
+      };
+    });
   const pathParams = operation.parameters
     ?.filter((p) => p.in === "path")
     .map((p) => ({

package/src/lib/plugins/openapi/playground/Playground.tsx

@@ -65,7 +65,8 @@ export type Header = {
 export type QueryParam = {
   name: string;
   value: string;
-  active?: boolean;
+  active: boolean;
+  isRequired: boolean;
 };
 export type PathParam = {
   name: string;
@@ -200,9 +201,7 @@ const Playground = ({
         </VisuallyHidden>
         <FormProvider {...{ register, control, handleSubmit, watch, ...form }}>
           <form
-            onSubmit={handleSubmit((data) => {
-              queryMutation.mutateAsync(data);
-            })}
+            onSubmit={handleSubmit((data) => queryMutation.mutateAsync(data))}
           >
             <div className="grid grid-cols-2 text-sm h-full">
               <div className="flex flex-col gap-4 p-8 bg-muted/50 after:bg-muted-foreground/20 relative after:absolute after:w-px after:inset-0 after:left-auto">

package/src/lib/plugins/openapi/playground/QueryParams.tsx

@@ -1,51 +1,13 @@
-import logger from "loglevel";
 import { XIcon } from "lucide-react";
-import { useEffect } from "react";
 import {
   Control,
   Controller,
   useFieldArray,
   useFormContext,
-  useWatch,
 } from "react-hook-form";
 import { InlineInput } from "./InlineInput.js";
 import { PlaygroundForm } from "./Playground.js";
 
-const QueryParamActive = ({
-  i,
-  control,
-}: {
-  i: number;
-  control: Control<PlaygroundForm>;
-}) => {
-  const value = useWatch({ control, name: `queryParams.${i}.value` });
-  const active = useWatch({ control, name: `queryParams.${i}.active` });
-  const form = useFormContext<PlaygroundForm>();
-
-  useEffect(() => {
-    if (value) {
-      logger.log(`queryParams.${i}.active`, active);
-      form.setValue(`queryParams.${i}.active`, true);
-    }
-  }, [value]);
-
-  return (
-    <Controller
-      name={`queryParams.${i}.active`}
-      render={({ field }) => {
-        return (
-          <input
-            type="checkbox"
-            id={`queryParams.${i}.active`}
-            {...field}
-            checked={field.value}
-          />
-        );
-      }}
-    />
-  );
-};
-
 export const QueryParams = ({
   control,
 }: {
@@ -55,13 +17,29 @@ export const QueryParams = ({
     control,
     name: "queryParams",
   });
+  const form = useFormContext<PlaygroundForm>();
+
+  const requiredFields = form
+    .getValues(`queryParams`)
+    .map((param) => param.isRequired);
 
   return fields.map((field, i) => (
     <div
       key={field.id}
       className="px-2 grid-cols-subgrid col-span-full grid items-center gap-x-2 has-[:focus]:bg-muted hover:bg-accent rounded overflow-hidden group"
     >
-      <QueryParamActive i={i} control={control} />
+      <Controller
+        control={control}
+        name={`queryParams.${i}.active`}
+        render={({ field }) => (
+          <input
+            type="checkbox"
+            id={`queryParams.${i}.active`}
+            checked={field.value}
+            onChange={field.onChange}
+          />
+        )}
+      />
 
       <Controller
         control={control}
@@ -71,8 +49,10 @@ export const QueryParams = ({
               <label
                 className="flex items-center"
                 htmlFor={`queryParams.${i}.active`}
+                title={requiredFields[i] ? "Required field" : undefined}
               >
                 {field.value}
+                {requiredFields[i] && <sup className="text-destructive">*</sup>}
               </label>
             </InlineInput>
           );

package/lib/loglevel-D-4S8up4.js

@@ -1,152 +0,0 @@
-import { F as N, j as _ } from "./DevPortalProvider-yBHPOS9_.js";
-var I = { exports: {} };
-(function(w) {
-  (function(g, i) {
-    w.exports ? w.exports = i() : g.log = i();
-  })(N, function() {
-    var g = function() {
-    }, i = "undefined", C = typeof window !== i && typeof window.navigator !== i && /Trident\/|MSIE /.test(window.navigator.userAgent), p = [
-      "trace",
-      "debug",
-      "info",
-      "warn",
-      "error"
-    ], a = {}, l = null;
-    function h(o, t) {
-      var e = o[t];
-      if (typeof e.bind == "function")
-        return e.bind(o);
-      try {
-        return Function.prototype.bind.call(e, o);
-      } catch {
-        return function() {
-          return Function.prototype.apply.apply(e, [o, arguments]);
-        };
-      }
-    }
-    function T() {
-      console.log && (console.log.apply ? console.log.apply(console, arguments) : Function.prototype.apply.apply(console.log, [console, arguments])), console.trace && console.trace();
-    }
-    function F(o) {
-      return o === "debug" && (o = "log"), typeof console === i ? !1 : o === "trace" && C ? T : console[o] !== void 0 ? h(console, o) : console.log !== void 0 ? h(console, "log") : g;
-    }
-    function u() {
-      for (var o = this.getLevel(), t = 0; t < p.length; t++) {
-        var e = p[t];
-        this[e] = t < o ? g : this.methodFactory(e, o, this.name);
-      }
-      if (this.log = this.debug, typeof console === i && o < this.levels.SILENT)
-        return "No console available for logging";
-    }
-    function x(o) {
-      return function() {
-        typeof console !== i && (u.call(this), this[o].apply(this, arguments));
-      };
-    }
-    function R(o, t, e) {
-      return F(o) || x.apply(this, arguments);
-    }
-    function L(o, t) {
-      var e = this, v, y, f, s = "loglevel";
-      typeof o == "string" ? s += ":" + o : typeof o == "symbol" && (s = void 0);
-      function S(n) {
-        var r = (p[n] || "silent").toUpperCase();
-        if (!(typeof window === i || !s)) {
-          try {
-            window.localStorage[s] = r;
-            return;
-          } catch {
-          }
-          try {
-            window.document.cookie = encodeURIComponent(s) + "=" + r + ";";
-          } catch {
-          }
-        }
-      }
-      function b() {
-        var n;
-        if (!(typeof window === i || !s)) {
-          try {
-            n = window.localStorage[s];
-          } catch {
-          }
-          if (typeof n === i)
-            try {
-              var r = window.document.cookie, d = encodeURIComponent(s), m = r.indexOf(d + "=");
-              m !== -1 && (n = /^([^;]+)/.exec(
-                r.slice(m + d.length + 1)
-              )[1]);
-            } catch {
-            }
-          return e.levels[n] === void 0 && (n = void 0), n;
-        }
-      }
-      function U() {
-        if (!(typeof window === i || !s)) {
-          try {
-            window.localStorage.removeItem(s);
-          } catch {
-          }
-          try {
-            window.document.cookie = encodeURIComponent(s) + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
-          } catch {
-          }
-        }
-      }
-      function c(n) {
-        var r = n;
-        if (typeof r == "string" && e.levels[r.toUpperCase()] !== void 0 && (r = e.levels[r.toUpperCase()]), typeof r == "number" && r >= 0 && r <= e.levels.SILENT)
-          return r;
-        throw new TypeError("log.setLevel() called with invalid level: " + n);
-      }
-      e.name = o, e.levels = {
-        TRACE: 0,
-        DEBUG: 1,
-        INFO: 2,
-        WARN: 3,
-        ERROR: 4,
-        SILENT: 5
-      }, e.methodFactory = t || R, e.getLevel = function() {
-        return f ?? y ?? v;
-      }, e.setLevel = function(n, r) {
-        return f = c(n), r !== !1 && S(f), u.call(e);
-      }, e.setDefaultLevel = function(n) {
-        y = c(n), b() || e.setLevel(n, !1);
-      }, e.resetLevel = function() {
-        f = null, U(), u.call(e);
-      }, e.enableAll = function(n) {
-        e.setLevel(e.levels.TRACE, n);
-      }, e.disableAll = function(n) {
-        e.setLevel(e.levels.SILENT, n);
-      }, e.rebuild = function() {
-        if (l !== e && (v = c(l.getLevel())), u.call(e), l === e)
-          for (var n in a)
-            a[n].rebuild();
-      }, v = c(
-        l ? l.getLevel() : "WARN"
-      );
-      var E = b();
-      E != null && (f = c(E)), u.call(e);
-    }
-    l = new L(), l.getLogger = function(t) {
-      if (typeof t != "symbol" && typeof t != "string" || t === "")
-        throw new TypeError("You must supply a name when creating a logger.");
-      var e = a[t];
-      return e || (e = a[t] = new L(
-        t,
-        l.methodFactory
-      )), e;
-    };
-    var A = typeof window !== i ? window.log : void 0;
-    return l.noConflict = function() {
-      return typeof window !== i && window.log === l && (window.log = A), l;
-    }, l.getLoggers = function() {
-      return a;
-    }, l.default = l, l;
-  });
-})(I);
-var D = I.exports;
-const P = /* @__PURE__ */ _(D);
-export {
-  P as l
-};