mogh_ui 0.1.0

package/dist/components/text-update-modal.cjs

@@ -0,0 +1,102 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var text_update_modal_exports = {};
+__export(text_update_modal_exports, {
+  TextUpdateModal: () => TextUpdateModal
+});
+module.exports = __toCommonJS(text_update_modal_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@mantine/core");
+var import_hooks = require("@mantine/hooks");
+var import_lucide_react = require("lucide-react");
+var import_react = require("react");
+var import_monaco = require("./monaco");
+function defaultTarget(open, value) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Button, { variant: "outline", onClick: open, children: value });
+}
+function TextUpdateModal({
+  title,
+  titleRight,
+  value: _value = "",
+  onUpdate,
+  placeholder,
+  disabled,
+  target,
+  useMonaco,
+  monacoLanguage,
+  ...modalProps
+}) {
+  const [opened, { open, close }] = (0, import_hooks.useDisclosure)();
+  const [value, setValue] = (0, import_react.useState)(_value);
+  (0, import_react.useEffect)(() => setValue(_value), [_value]);
+  const onClick = () => {
+    onUpdate(value);
+    close();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.Modal,
+      {
+        opened,
+        onClose: close,
+        size: "xl",
+        title: titleRight ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Group, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { fz: "h2", children: title }),
+          titleRight
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { fz: "h2", children: title }),
+        ...modalProps,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Stack, { children: [
+          useMonaco ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_monaco.MonacoEditor,
+            {
+              value,
+              onValueChange: setValue,
+              readOnly: disabled,
+              language: monacoLanguage
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_core.Textarea,
+            {
+              value,
+              onChange: (e) => setValue(e.target.value),
+              placeholder,
+              disabled,
+              resize: "vertical",
+              styles: { input: { minHeight: 200 } }
+            }
+          ),
+          !disabled && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Group, { justify: "end", w: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_core.Button,
+            {
+              leftSection: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckCircle, { size: "1rem" }),
+              onClick,
+              children: "Update"
+            }
+          ) })
+        ] })
+      }
+    ),
+    target ? target(open) : defaultTarget(open, value)
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TextUpdateModal
+});
+//# sourceMappingURL=text-update-modal.cjs.map

package/dist/components/text-update-modal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/text-update-modal.tsx"],"sourcesContent":["import {\n  Button,\n  Group,\n  Modal,\n  ModalProps,\n  Stack,\n  Text,\n  Textarea,\n} from \"@mantine/core\";\nimport { useDisclosure } from \"@mantine/hooks\";\nimport { CheckCircle } from \"lucide-react\";\nimport { ReactNode, useEffect, useState } from \"react\";\nimport { MonacoEditor, MonacoLanguage } from \"./monaco\";\n\nexport interface TextUpdateModalProps extends Omit<\n  Omit<ModalProps, \"opened\">,\n  \"onClose\"\n> {\n  title: string;\n  titleRight?: ReactNode;\n  value: string | undefined;\n  onUpdate: (value: string) => void;\n  placeholder?: string;\n  disabled?: boolean;\n  target?: (open: () => void) => ReactNode;\n  /* If passed, use monaco editor instead */\n  useMonaco?: boolean;\n  monacoLanguage?: MonacoLanguage;\n}\n\nfunction defaultTarget(open: () => void, value: string) {\n  return (\n    <Button variant=\"outline\" onClick={open}>\n      {value}\n    </Button>\n  );\n}\n\nexport function TextUpdateModal({\n  title,\n  titleRight,\n  value: _value = \"\",\n  onUpdate,\n  placeholder,\n  disabled,\n  target,\n  useMonaco,\n  monacoLanguage,\n  ...modalProps\n}: TextUpdateModalProps) {\n  const [opened, { open, close }] = useDisclosure();\n  const [value, setValue] = useState(_value);\n  useEffect(() => setValue(_value), [_value]);\n  const onClick = () => {\n    onUpdate(value);\n    close();\n  };\n\n  return (\n    <>\n      <Modal\n        opened={opened}\n        onClose={close}\n        size=\"xl\"\n        title={\n          titleRight ? (\n            <Group>\n              <Text fz=\"h2\">{title}</Text>\n              {titleRight}\n            </Group>\n          ) : (\n            <Text fz=\"h2\">{title}</Text>\n          )\n        }\n        {...modalProps}\n      >\n        <Stack>\n          {useMonaco ? (\n            <MonacoEditor\n              value={value}\n              onValueChange={setValue}\n              readOnly={disabled}\n              language={monacoLanguage}\n            />\n          ) : (\n            <Textarea\n              value={value}\n              onChange={(e) => setValue(e.target.value)}\n              placeholder={placeholder}\n              disabled={disabled}\n              resize=\"vertical\"\n              styles={{ input: { minHeight: 200 } }}\n            />\n          )}\n\n          {!disabled && (\n            <Group justify=\"end\" w=\"100%\">\n              <Button\n                leftSection={<CheckCircle size=\"1rem\" />}\n                onClick={onClick}\n              >\n                Update\n              </Button>\n            </Group>\n          )}\n        </Stack>\n      </Modal>\n\n      {target ? target(open) : defaultTarget(open, value)}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCI;AAhCJ,kBAQO;AACP,mBAA8B;AAC9B,0BAA4B;AAC5B,mBAA+C;AAC/C,oBAA6C;AAkB7C,SAAS,cAAc,MAAkB,OAAe;AACtD,SACE,4CAAC,sBAAO,SAAQ,WAAU,SAAS,MAChC,iBACH;AAEJ;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,OAAO,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,QAAM,CAAC,QAAQ,EAAE,MAAM,MAAM,CAAC,QAAI,4BAAc;AAChD,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,MAAM;AACzC,8BAAU,MAAM,SAAS,MAAM,GAAG,CAAC,MAAM,CAAC;AAC1C,QAAM,UAAU,MAAM;AACpB,aAAS,KAAK;AACd,UAAM;AAAA,EACR;AAEA,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACT,MAAK;AAAA,QACL,OACE,aACE,6CAAC,qBACC;AAAA,sDAAC,oBAAK,IAAG,MAAM,iBAAM;AAAA,UACpB;AAAA,WACH,IAEA,4CAAC,oBAAK,IAAG,MAAM,iBAAM;AAAA,QAGxB,GAAG;AAAA,QAEJ,uDAAC,qBACE;AAAA,sBACC;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,eAAe;AAAA,cACf,UAAU;AAAA,cACV,UAAU;AAAA;AAAA,UACZ,IAEA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,cACxC;AAAA,cACA;AAAA,cACA,QAAO;AAAA,cACP,QAAQ,EAAE,OAAO,EAAE,WAAW,IAAI,EAAE;AAAA;AAAA,UACtC;AAAA,UAGD,CAAC,YACA,4CAAC,qBAAM,SAAQ,OAAM,GAAE,QACrB;AAAA,YAAC;AAAA;AAAA,cACC,aAAa,4CAAC,mCAAY,MAAK,QAAO;AAAA,cACtC;AAAA,cACD;AAAA;AAAA,UAED,GACF;AAAA,WAEJ;AAAA;AAAA,IACF;AAAA,IAEC,SAAS,OAAO,IAAI,IAAI,cAAc,MAAM,KAAK;AAAA,KACpD;AAEJ;","names":[]}

package/dist/components/text-update-modal.d.cts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ModalProps } from '@mantine/core';
+import { ReactNode } from 'react';
+import { MonacoLanguage } from './monaco/index.cjs';
+
+interface TextUpdateModalProps extends Omit<Omit<ModalProps, "opened">, "onClose"> {
+    title: string;
+    titleRight?: ReactNode;
+    value: string | undefined;
+    onUpdate: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    target?: (open: () => void) => ReactNode;
+    useMonaco?: boolean;
+    monacoLanguage?: MonacoLanguage;
+}
+declare function TextUpdateModal({ title, titleRight, value: _value, onUpdate, placeholder, disabled, target, useMonaco, monacoLanguage, ...modalProps }: TextUpdateModalProps): react_jsx_runtime.JSX.Element;
+
+export { TextUpdateModal, type TextUpdateModalProps };

package/dist/components/text-update-modal.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ModalProps } from '@mantine/core';
+import { ReactNode } from 'react';
+import { MonacoLanguage } from './monaco/index.js';
+
+interface TextUpdateModalProps extends Omit<Omit<ModalProps, "opened">, "onClose"> {
+    title: string;
+    titleRight?: ReactNode;
+    value: string | undefined;
+    onUpdate: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    target?: (open: () => void) => ReactNode;
+    useMonaco?: boolean;
+    monacoLanguage?: MonacoLanguage;
+}
+declare function TextUpdateModal({ title, titleRight, value: _value, onUpdate, placeholder, disabled, target, useMonaco, monacoLanguage, ...modalProps }: TextUpdateModalProps): react_jsx_runtime.JSX.Element;
+
+export { TextUpdateModal, type TextUpdateModalProps };

package/dist/components/text-update-modal.js

@@ -0,0 +1,85 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  Button,
+  Group,
+  Modal,
+  Stack,
+  Text,
+  Textarea
+} from "@mantine/core";
+import { useDisclosure } from "@mantine/hooks";
+import { CheckCircle } from "lucide-react";
+import { useEffect, useState } from "react";
+import { MonacoEditor } from "./monaco";
+function defaultTarget(open, value) {
+  return /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: open, children: value });
+}
+function TextUpdateModal({
+  title,
+  titleRight,
+  value: _value = "",
+  onUpdate,
+  placeholder,
+  disabled,
+  target,
+  useMonaco,
+  monacoLanguage,
+  ...modalProps
+}) {
+  const [opened, { open, close }] = useDisclosure();
+  const [value, setValue] = useState(_value);
+  useEffect(() => setValue(_value), [_value]);
+  const onClick = () => {
+    onUpdate(value);
+    close();
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Modal,
+      {
+        opened,
+        onClose: close,
+        size: "xl",
+        title: titleRight ? /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx(Text, { fz: "h2", children: title }),
+          titleRight
+        ] }) : /* @__PURE__ */ jsx(Text, { fz: "h2", children: title }),
+        ...modalProps,
+        children: /* @__PURE__ */ jsxs(Stack, { children: [
+          useMonaco ? /* @__PURE__ */ jsx(
+            MonacoEditor,
+            {
+              value,
+              onValueChange: setValue,
+              readOnly: disabled,
+              language: monacoLanguage
+            }
+          ) : /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              value,
+              onChange: (e) => setValue(e.target.value),
+              placeholder,
+              disabled,
+              resize: "vertical",
+              styles: { input: { minHeight: 200 } }
+            }
+          ),
+          !disabled && /* @__PURE__ */ jsx(Group, { justify: "end", w: "100%", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              leftSection: /* @__PURE__ */ jsx(CheckCircle, { size: "1rem" }),
+              onClick,
+              children: "Update"
+            }
+          ) })
+        ] })
+      }
+    ),
+    target ? target(open) : defaultTarget(open, value)
+  ] });
+}
+export {
+  TextUpdateModal
+};
+//# sourceMappingURL=text-update-modal.js.map

package/dist/components/text-update-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/text-update-modal.tsx"],"sourcesContent":["import {\n  Button,\n  Group,\n  Modal,\n  ModalProps,\n  Stack,\n  Text,\n  Textarea,\n} from \"@mantine/core\";\nimport { useDisclosure } from \"@mantine/hooks\";\nimport { CheckCircle } from \"lucide-react\";\nimport { ReactNode, useEffect, useState } from \"react\";\nimport { MonacoEditor, MonacoLanguage } from \"./monaco\";\n\nexport interface TextUpdateModalProps extends Omit<\n  Omit<ModalProps, \"opened\">,\n  \"onClose\"\n> {\n  title: string;\n  titleRight?: ReactNode;\n  value: string | undefined;\n  onUpdate: (value: string) => void;\n  placeholder?: string;\n  disabled?: boolean;\n  target?: (open: () => void) => ReactNode;\n  /* If passed, use monaco editor instead */\n  useMonaco?: boolean;\n  monacoLanguage?: MonacoLanguage;\n}\n\nfunction defaultTarget(open: () => void, value: string) {\n  return (\n    <Button variant=\"outline\" onClick={open}>\n      {value}\n    </Button>\n  );\n}\n\nexport function TextUpdateModal({\n  title,\n  titleRight,\n  value: _value = \"\",\n  onUpdate,\n  placeholder,\n  disabled,\n  target,\n  useMonaco,\n  monacoLanguage,\n  ...modalProps\n}: TextUpdateModalProps) {\n  const [opened, { open, close }] = useDisclosure();\n  const [value, setValue] = useState(_value);\n  useEffect(() => setValue(_value), [_value]);\n  const onClick = () => {\n    onUpdate(value);\n    close();\n  };\n\n  return (\n    <>\n      <Modal\n        opened={opened}\n        onClose={close}\n        size=\"xl\"\n        title={\n          titleRight ? (\n            <Group>\n              <Text fz=\"h2\">{title}</Text>\n              {titleRight}\n            </Group>\n          ) : (\n            <Text fz=\"h2\">{title}</Text>\n          )\n        }\n        {...modalProps}\n      >\n        <Stack>\n          {useMonaco ? (\n            <MonacoEditor\n              value={value}\n              onValueChange={setValue}\n              readOnly={disabled}\n              language={monacoLanguage}\n            />\n          ) : (\n            <Textarea\n              value={value}\n              onChange={(e) => setValue(e.target.value)}\n              placeholder={placeholder}\n              disabled={disabled}\n              resize=\"vertical\"\n              styles={{ input: { minHeight: 200 } }}\n            />\n          )}\n\n          {!disabled && (\n            <Group justify=\"end\" w=\"100%\">\n              <Button\n                leftSection={<CheckCircle size=\"1rem\" />}\n                onClick={onClick}\n              >\n                Update\n              </Button>\n            </Group>\n          )}\n        </Stack>\n      </Modal>\n\n      {target ? target(open) : defaultTarget(open, value)}\n    </>\n  );\n}\n"],"mappings":"AAgCI,SA2BA,UA3BA,KAkCQ,YAlCR;AAhCJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAoB,WAAW,gBAAgB;AAC/C,SAAS,oBAAoC;AAkB7C,SAAS,cAAc,MAAkB,OAAe;AACtD,SACE,oBAAC,UAAO,SAAQ,WAAU,SAAS,MAChC,iBACH;AAEJ;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,OAAO,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,QAAM,CAAC,QAAQ,EAAE,MAAM,MAAM,CAAC,IAAI,cAAc;AAChD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,MAAM;AACzC,YAAU,MAAM,SAAS,MAAM,GAAG,CAAC,MAAM,CAAC;AAC1C,QAAM,UAAU,MAAM;AACpB,aAAS,KAAK;AACd,UAAM;AAAA,EACR;AAEA,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACT,MAAK;AAAA,QACL,OACE,aACE,qBAAC,SACC;AAAA,8BAAC,QAAK,IAAG,MAAM,iBAAM;AAAA,UACpB;AAAA,WACH,IAEA,oBAAC,QAAK,IAAG,MAAM,iBAAM;AAAA,QAGxB,GAAG;AAAA,QAEJ,+BAAC,SACE;AAAA,sBACC;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,eAAe;AAAA,cACf,UAAU;AAAA,cACV,UAAU;AAAA;AAAA,UACZ,IAEA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,cACxC;AAAA,cACA;AAAA,cACA,QAAO;AAAA,cACP,QAAQ,EAAE,OAAO,EAAE,WAAW,IAAI,EAAE;AAAA;AAAA,UACtC;AAAA,UAGD,CAAC,YACA,oBAAC,SAAM,SAAQ,OAAM,GAAE,QACrB;AAAA,YAAC;AAAA;AAAA,cACC,aAAa,oBAAC,eAAY,MAAK,QAAO;AAAA,cACtC;AAAA,cACD;AAAA;AAAA,UAED,GACF;AAAA,WAEJ;AAAA;AAAA,IACF;AAAA,IAEC,SAAS,OAAO,IAAI,IAAI,cAAc,MAAM,KAAK;AAAA,KACpD;AAEJ;","names":[]}

package/dist/components/theme-toggle.cjs

@@ -0,0 +1,73 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var theme_toggle_exports = {};
+__export(theme_toggle_exports, {
+  ThemeToggle: () => ThemeToggle
+});
+module.exports = __toCommonJS(theme_toggle_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@mantine/core");
+var import_lucide_react = require("lucide-react");
+function ThemeToggle() {
+  const { colorScheme, setColorScheme } = (0, import_core.useMantineColorScheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Menu, { offset: 16, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Menu.Target, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.ActionIcon, { "aria-label": "ThemeToggle", size: "xl", variant: "subtle", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeIcon, {}) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Menu.Dropdown, { w: 150, children: ["light", "dark", "auto"].map((theme) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.Menu.Item,
+      {
+        onClick: () => setColorScheme(theme),
+        style: { textTransform: "capitalize" },
+        rightSection: colorScheme === theme ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckCircle, { size: "0.8rem" }) : void 0,
+        children: theme
+      },
+      theme
+    )) })
+  ] });
+}
+function ThemeIcon() {
+  const currentTheme = (0, import_core.useComputedColorScheme)();
+  const dark = currentTheme === "dark";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_lucide_react.Sun,
+      {
+        color: "var(--mantine-color-text)",
+        size: "1.3rem",
+        style: {
+          display: dark ? "none" : void 0
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_lucide_react.Moon,
+      {
+        color: "var(--mantine-color-text)",
+        size: "1.3rem",
+        style: {
+          display: dark ? void 0 : "none"
+        }
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeToggle
+});
+//# sourceMappingURL=theme-toggle.cjs.map

package/dist/components/theme-toggle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/theme-toggle.tsx"],"sourcesContent":["import {\n  ActionIcon,\n  MantineColorScheme,\n  Menu,\n  useComputedColorScheme,\n  useMantineColorScheme,\n} from \"@mantine/core\";\nimport { CheckCircle, Moon, Sun } from \"lucide-react\";\n\nexport function ThemeToggle() {\n  const { colorScheme, setColorScheme } = useMantineColorScheme();\n  return (\n    <Menu offset={16}>\n      <Menu.Target>\n        <ActionIcon aria-label=\"ThemeToggle\" size=\"xl\" variant=\"subtle\">\n          <ThemeIcon />\n        </ActionIcon>\n      </Menu.Target>\n      <Menu.Dropdown w={150}>\n        {[\"light\", \"dark\", \"auto\"].map((theme) => (\n          <Menu.Item\n            key={theme}\n            onClick={() => setColorScheme(theme as MantineColorScheme)}\n            style={{ textTransform: \"capitalize\" }}\n            rightSection={\n              colorScheme === theme ? <CheckCircle size=\"0.8rem\" /> : undefined\n            }\n          >\n            {theme}\n          </Menu.Item>\n        ))}\n      </Menu.Dropdown>\n    </Menu>\n  );\n}\n\nfunction ThemeIcon() {\n  const currentTheme = useComputedColorScheme();\n  const dark = currentTheme === \"dark\";\n  return (\n    <>\n      <Sun\n        color=\"var(--mantine-color-text)\"\n        size=\"1.3rem\"\n        style={{\n          display: dark ? \"none\" : undefined,\n        }}\n      />\n      <Moon\n        color=\"var(--mantine-color-text)\"\n        size=\"1.3rem\"\n        style={{\n          display: dark ? undefined : \"none\",\n        }}\n      />\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAYI;AAZJ,kBAMO;AACP,0BAAuC;AAEhC,SAAS,cAAc;AAC5B,QAAM,EAAE,aAAa,eAAe,QAAI,mCAAsB;AAC9D,SACE,6CAAC,oBAAK,QAAQ,IACZ;AAAA,gDAAC,iBAAK,QAAL,EACC,sDAAC,0BAAW,cAAW,eAAc,MAAK,MAAK,SAAQ,UACrD,sDAAC,aAAU,GACb,GACF;AAAA,IACA,4CAAC,iBAAK,UAAL,EAAc,GAAG,KACf,WAAC,SAAS,QAAQ,MAAM,EAAE,IAAI,CAAC,UAC9B;AAAA,MAAC,iBAAK;AAAA,MAAL;AAAA,QAEC,SAAS,MAAM,eAAe,KAA2B;AAAA,QACzD,OAAO,EAAE,eAAe,aAAa;AAAA,QACrC,cACE,gBAAgB,QAAQ,4CAAC,mCAAY,MAAK,UAAS,IAAK;AAAA,QAGzD;AAAA;AAAA,MAPI;AAAA,IAQP,CACD,GACH;AAAA,KACF;AAEJ;AAEA,SAAS,YAAY;AACnB,QAAM,mBAAe,oCAAuB;AAC5C,QAAM,OAAO,iBAAiB;AAC9B,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAK;AAAA,QACL,OAAO;AAAA,UACL,SAAS,OAAO,SAAS;AAAA,QAC3B;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAK;AAAA,QACL,OAAO;AAAA,UACL,SAAS,OAAO,SAAY;AAAA,QAC9B;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/theme-toggle.d.cts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function ThemeToggle(): react_jsx_runtime.JSX.Element;
+
+export { ThemeToggle };

package/dist/components/theme-toggle.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function ThemeToggle(): react_jsx_runtime.JSX.Element;
+
+export { ThemeToggle };

package/dist/components/theme-toggle.js

@@ -0,0 +1,54 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  ActionIcon,
+  Menu,
+  useComputedColorScheme,
+  useMantineColorScheme
+} from "@mantine/core";
+import { CheckCircle, Moon, Sun } from "lucide-react";
+function ThemeToggle() {
+  const { colorScheme, setColorScheme } = useMantineColorScheme();
+  return /* @__PURE__ */ jsxs(Menu, { offset: 16, children: [
+    /* @__PURE__ */ jsx(Menu.Target, { children: /* @__PURE__ */ jsx(ActionIcon, { "aria-label": "ThemeToggle", size: "xl", variant: "subtle", children: /* @__PURE__ */ jsx(ThemeIcon, {}) }) }),
+    /* @__PURE__ */ jsx(Menu.Dropdown, { w: 150, children: ["light", "dark", "auto"].map((theme) => /* @__PURE__ */ jsx(
+      Menu.Item,
+      {
+        onClick: () => setColorScheme(theme),
+        style: { textTransform: "capitalize" },
+        rightSection: colorScheme === theme ? /* @__PURE__ */ jsx(CheckCircle, { size: "0.8rem" }) : void 0,
+        children: theme
+      },
+      theme
+    )) })
+  ] });
+}
+function ThemeIcon() {
+  const currentTheme = useComputedColorScheme();
+  const dark = currentTheme === "dark";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Sun,
+      {
+        color: "var(--mantine-color-text)",
+        size: "1.3rem",
+        style: {
+          display: dark ? "none" : void 0
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Moon,
+      {
+        color: "var(--mantine-color-text)",
+        size: "1.3rem",
+        style: {
+          display: dark ? void 0 : "none"
+        }
+      }
+    )
+  ] });
+}
+export {
+  ThemeToggle
+};
+//# sourceMappingURL=theme-toggle.js.map

package/dist/components/theme-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/theme-toggle.tsx"],"sourcesContent":["import {\n  ActionIcon,\n  MantineColorScheme,\n  Menu,\n  useComputedColorScheme,\n  useMantineColorScheme,\n} from \"@mantine/core\";\nimport { CheckCircle, Moon, Sun } from \"lucide-react\";\n\nexport function ThemeToggle() {\n  const { colorScheme, setColorScheme } = useMantineColorScheme();\n  return (\n    <Menu offset={16}>\n      <Menu.Target>\n        <ActionIcon aria-label=\"ThemeToggle\" size=\"xl\" variant=\"subtle\">\n          <ThemeIcon />\n        </ActionIcon>\n      </Menu.Target>\n      <Menu.Dropdown w={150}>\n        {[\"light\", \"dark\", \"auto\"].map((theme) => (\n          <Menu.Item\n            key={theme}\n            onClick={() => setColorScheme(theme as MantineColorScheme)}\n            style={{ textTransform: \"capitalize\" }}\n            rightSection={\n              colorScheme === theme ? <CheckCircle size=\"0.8rem\" /> : undefined\n            }\n          >\n            {theme}\n          </Menu.Item>\n        ))}\n      </Menu.Dropdown>\n    </Menu>\n  );\n}\n\nfunction ThemeIcon() {\n  const currentTheme = useComputedColorScheme();\n  const dark = currentTheme === \"dark\";\n  return (\n    <>\n      <Sun\n        color=\"var(--mantine-color-text)\"\n        size=\"1.3rem\"\n        style={{\n          display: dark ? \"none\" : undefined,\n        }}\n      />\n      <Moon\n        color=\"var(--mantine-color-text)\"\n        size=\"1.3rem\"\n        style={{\n          display: dark ? undefined : \"none\",\n        }}\n      />\n    </>\n  );\n}\n"],"mappings":"AAYI,SA4BA,UAzBM,KAHN;AAZJ;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa,MAAM,WAAW;AAEhC,SAAS,cAAc;AAC5B,QAAM,EAAE,aAAa,eAAe,IAAI,sBAAsB;AAC9D,SACE,qBAAC,QAAK,QAAQ,IACZ;AAAA,wBAAC,KAAK,QAAL,EACC,8BAAC,cAAW,cAAW,eAAc,MAAK,MAAK,SAAQ,UACrD,8BAAC,aAAU,GACb,GACF;AAAA,IACA,oBAAC,KAAK,UAAL,EAAc,GAAG,KACf,WAAC,SAAS,QAAQ,MAAM,EAAE,IAAI,CAAC,UAC9B;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QAEC,SAAS,MAAM,eAAe,KAA2B;AAAA,QACzD,OAAO,EAAE,eAAe,aAAa;AAAA,QACrC,cACE,gBAAgB,QAAQ,oBAAC,eAAY,MAAK,UAAS,IAAK;AAAA,QAGzD;AAAA;AAAA,MAPI;AAAA,IAQP,CACD,GACH;AAAA,KACF;AAEJ;AAEA,SAAS,YAAY;AACnB,QAAM,eAAe,uBAAuB;AAC5C,QAAM,OAAO,iBAAiB;AAC9B,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAK;AAAA,QACL,OAAO;AAAA,UACL,SAAS,OAAO,SAAS;AAAA,QAC3B;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAK;AAAA,QACL,OAAO;AAAA,UACL,SAAS,OAAO,SAAY;AAAA,QAC9B;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/formatting.cjs

@@ -0,0 +1,124 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var formatting_exports = {};
+__export(formatting_exports, {
+  BYTES_PER_GB: () => BYTES_PER_GB,
+  BYTES_PER_KB: () => BYTES_PER_KB,
+  BYTES_PER_MB: () => BYTES_PER_MB,
+  fmtDate: () => fmtDate,
+  fmtDateWithMinutes: () => fmtDateWithMinutes,
+  fmtDuration: () => fmtDuration,
+  fmtMonth: () => fmtMonth,
+  fmtRateBytes: () => fmtRateBytes,
+  fmtSizeBytes: () => fmtSizeBytes,
+  fmtSnakeCaseToUpperSpaceCase: () => fmtSnakeCaseToUpperSpaceCase,
+  fmtUpperCamelcase: () => fmtUpperCamelcase,
+  fmtUtcDate: () => fmtUtcDate
+});
+module.exports = __toCommonJS(formatting_exports);
+function fmtDate(d) {
+  const hours = d.getHours();
+  const minutes = d.getMinutes();
+  return `${fmtMonth(d.getMonth())} ${d.getDate()} ${hours > 9 ? hours : "0" + hours}:${minutes > 9 ? minutes : "0" + minutes}`;
+}
+function fmtUtcDate(d) {
+  const hours = d.getUTCHours();
+  const minutes = d.getUTCMinutes();
+  return `${fmtMonth(d.getUTCMonth())} ${d.getUTCDate()} ${hours > 9 ? hours : "0" + hours}:${minutes > 9 ? minutes : "0" + minutes}`;
+}
+function fmtMonth(month) {
+  switch (month) {
+    case 0:
+      return "Jan";
+    case 1:
+      return "Feb";
+    case 2:
+      return "Mar";
+    case 3:
+      return "Apr";
+    case 4:
+      return "May";
+    case 5:
+      return "Jun";
+    case 6:
+      return "Jul";
+    case 7:
+      return "Aug";
+    case 8:
+      return "Sep";
+    case 9:
+      return "Oct";
+    case 10:
+      return "Nov";
+    case 11:
+      return "Dec";
+  }
+}
+const fmtDateWithMinutes = (d) => {
+  return d.toLocaleString();
+};
+function fmtDuration(startTs, endTs) {
+  const start = new Date(startTs);
+  const end = new Date(endTs);
+  const durr = end.getTime() - start.getTime();
+  const seconds = durr / 1e3;
+  const minutes = Math.floor(seconds / 60);
+  const remaining_seconds = seconds % 60;
+  return `${minutes > 0 ? `${minutes} minute${minutes > 1 ? "s" : ""} ` : ""}${remaining_seconds.toFixed(minutes > 0 ? 0 : 1)} seconds`;
+}
+function fmtUpperCamelcase(input) {
+  return input.match(/[A-Z][a-z]+|[0-9]+/g)?.join(" ") ?? input;
+}
+function fmtSnakeCaseToUpperSpaceCase(snake) {
+  if (snake.length === 0) return "";
+  return snake.split("_").map((item) => item[0].toUpperCase() + item.slice(1)).join(" ");
+}
+const BYTES_PER_KB = 1024;
+const BYTES_PER_MB = 1024 * BYTES_PER_KB;
+const BYTES_PER_GB = 1024 * BYTES_PER_MB;
+function fmtSizeBytes(bytes) {
+  if (bytes >= BYTES_PER_GB) {
+    return (bytes / BYTES_PER_GB).toFixed(1) + " GiB";
+  } else if (bytes >= BYTES_PER_MB) {
+    return (bytes / BYTES_PER_MB).toFixed(1) + " MiB";
+  } else if (bytes >= BYTES_PER_KB) {
+    return (bytes / BYTES_PER_KB).toFixed(1) + " KiB";
+  } else {
+    return bytes.toString() + " bytes";
+  }
+}
+function fmtRateBytes(bytes) {
+  return fmtSizeBytes(bytes) + "/s";
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BYTES_PER_GB,
+  BYTES_PER_KB,
+  BYTES_PER_MB,
+  fmtDate,
+  fmtDateWithMinutes,
+  fmtDuration,
+  fmtMonth,
+  fmtRateBytes,
+  fmtSizeBytes,
+  fmtSnakeCaseToUpperSpaceCase,
+  fmtUpperCamelcase,
+  fmtUtcDate
+});
+//# sourceMappingURL=formatting.cjs.map

package/dist/formatting.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/formatting.ts"],"sourcesContent":["export function fmtDate(d: Date) {\n  const hours = d.getHours();\n  const minutes = d.getMinutes();\n  return `${fmtMonth(d.getMonth())} ${d.getDate()} ${\n    hours > 9 ? hours : \"0\" + hours\n  }:${minutes > 9 ? minutes : \"0\" + minutes}`;\n}\n\nexport function fmtUtcDate(d: Date) {\n  const hours = d.getUTCHours();\n  const minutes = d.getUTCMinutes();\n  return `${fmtMonth(d.getUTCMonth())} ${d.getUTCDate()} ${\n    hours > 9 ? hours : \"0\" + hours\n  }:${minutes > 9 ? minutes : \"0\" + minutes}`;\n}\n\nexport function fmtMonth(month: number) {\n  switch (month) {\n    case 0:\n      return \"Jan\";\n    case 1:\n      return \"Feb\";\n    case 2:\n      return \"Mar\";\n    case 3:\n      return \"Apr\";\n    case 4:\n      return \"May\";\n    case 5:\n      return \"Jun\";\n    case 6:\n      return \"Jul\";\n    case 7:\n      return \"Aug\";\n    case 8:\n      return \"Sep\";\n    case 9:\n      return \"Oct\";\n    case 10:\n      return \"Nov\";\n    case 11:\n      return \"Dec\";\n  }\n}\n\nexport const fmtDateWithMinutes = (d: Date) => {\n  // return `${d.toLocaleDateString()} ${d.toLocaleTimeString()}`;\n  return d.toLocaleString();\n};\n\nexport function fmtDuration(startTs: number, endTs: number) {\n  const start = new Date(startTs);\n  const end = new Date(endTs);\n  const durr = end.getTime() - start.getTime();\n  const seconds = durr / 1000;\n  const minutes = Math.floor(seconds / 60);\n  const remaining_seconds = seconds % 60;\n  return `${\n    minutes > 0 ? `${minutes} minute${minutes > 1 ? \"s\" : \"\"} ` : \"\"\n  }${remaining_seconds.toFixed(minutes > 0 ? 0 : 1)} seconds`;\n}\n\nexport function fmtUpperCamelcase(input: string) {\n  return input.match(/[A-Z][a-z]+|[0-9]+/g)?.join(\" \") ?? input;\n}\n\n/// list_all_items => List All Items\nexport function fmtSnakeCaseToUpperSpaceCase(snake: string) {\n  if (snake.length === 0) return \"\";\n  return snake\n    .split(\"_\")\n    .map((item) => item[0].toUpperCase() + item.slice(1))\n    .join(\" \");\n}\n\nexport const BYTES_PER_KB = 1024;\nexport const BYTES_PER_MB = 1024 * BYTES_PER_KB;\nexport const BYTES_PER_GB = 1024 * BYTES_PER_MB;\n\nexport function fmtSizeBytes(bytes: number) {\n  if (bytes >= BYTES_PER_GB) {\n    return (bytes / BYTES_PER_GB).toFixed(1) + \" GiB\";\n  } else if (bytes >= BYTES_PER_MB) {\n    return (bytes / BYTES_PER_MB).toFixed(1) + \" MiB\";\n  } else if (bytes >= BYTES_PER_KB) {\n    return (bytes / BYTES_PER_KB).toFixed(1) + \" KiB\";\n  } else {\n    return bytes.toString() + \" bytes\";\n  }\n}\n\nexport function fmtRateBytes(bytes: number) {\n  return fmtSizeBytes(bytes) + \"/s\";\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,SAAS,QAAQ,GAAS;AAC/B,QAAM,QAAQ,EAAE,SAAS;AACzB,QAAM,UAAU,EAAE,WAAW;AAC7B,SAAO,GAAG,SAAS,EAAE,SAAS,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAC,IAC7C,QAAQ,IAAI,QAAQ,MAAM,KAC5B,IAAI,UAAU,IAAI,UAAU,MAAM,OAAO;AAC3C;AAEO,SAAS,WAAW,GAAS;AAClC,QAAM,QAAQ,EAAE,YAAY;AAC5B,QAAM,UAAU,EAAE,cAAc;AAChC,SAAO,GAAG,SAAS,EAAE,YAAY,CAAC,CAAC,IAAI,EAAE,WAAW,CAAC,IACnD,QAAQ,IAAI,QAAQ,MAAM,KAC5B,IAAI,UAAU,IAAI,UAAU,MAAM,OAAO;AAC3C;AAEO,SAAS,SAAS,OAAe;AACtC,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EACX;AACF;AAEO,MAAM,qBAAqB,CAAC,MAAY;AAE7C,SAAO,EAAE,eAAe;AAC1B;AAEO,SAAS,YAAY,SAAiB,OAAe;AAC1D,QAAM,QAAQ,IAAI,KAAK,OAAO;AAC9B,QAAM,MAAM,IAAI,KAAK,KAAK;AAC1B,QAAM,OAAO,IAAI,QAAQ,IAAI,MAAM,QAAQ;AAC3C,QAAM,UAAU,OAAO;AACvB,QAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,QAAM,oBAAoB,UAAU;AACpC,SAAO,GACL,UAAU,IAAI,GAAG,OAAO,UAAU,UAAU,IAAI,MAAM,EAAE,MAAM,EAChE,GAAG,kBAAkB,QAAQ,UAAU,IAAI,IAAI,CAAC,CAAC;AACnD;AAEO,SAAS,kBAAkB,OAAe;AAC/C,SAAO,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,KAAK;AAC1D;AAGO,SAAS,6BAA6B,OAAe;AAC1D,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,SAAO,MACJ,MAAM,GAAG,EACT,IAAI,CAAC,SAAS,KAAK,CAAC,EAAE,YAAY,IAAI,KAAK,MAAM,CAAC,CAAC,EACnD,KAAK,GAAG;AACb;AAEO,MAAM,eAAe;AACrB,MAAM,eAAe,OAAO;AAC5B,MAAM,eAAe,OAAO;AAE5B,SAAS,aAAa,OAAe;AAC1C,MAAI,SAAS,cAAc;AACzB,YAAQ,QAAQ,cAAc,QAAQ,CAAC,IAAI;AAAA,EAC7C,WAAW,SAAS,cAAc;AAChC,YAAQ,QAAQ,cAAc,QAAQ,CAAC,IAAI;AAAA,EAC7C,WAAW,SAAS,cAAc;AAChC,YAAQ,QAAQ,cAAc,QAAQ,CAAC,IAAI;AAAA,EAC7C,OAAO;AACL,WAAO,MAAM,SAAS,IAAI;AAAA,EAC5B;AACF;AAEO,SAAS,aAAa,OAAe;AAC1C,SAAO,aAAa,KAAK,IAAI;AAC/B;","names":[]}

package/dist/formatting.d.cts

@@ -0,0 +1,14 @@
+declare function fmtDate(d: Date): string;
+declare function fmtUtcDate(d: Date): string;
+declare function fmtMonth(month: number): "Jan" | "Feb" | "Mar" | "Apr" | "May" | "Jun" | "Jul" | "Aug" | "Sep" | "Oct" | "Nov" | "Dec" | undefined;
+declare const fmtDateWithMinutes: (d: Date) => string;
+declare function fmtDuration(startTs: number, endTs: number): string;
+declare function fmtUpperCamelcase(input: string): string;
+declare function fmtSnakeCaseToUpperSpaceCase(snake: string): string;
+declare const BYTES_PER_KB = 1024;
+declare const BYTES_PER_MB: number;
+declare const BYTES_PER_GB: number;
+declare function fmtSizeBytes(bytes: number): string;
+declare function fmtRateBytes(bytes: number): string;
+
+export { BYTES_PER_GB, BYTES_PER_KB, BYTES_PER_MB, fmtDate, fmtDateWithMinutes, fmtDuration, fmtMonth, fmtRateBytes, fmtSizeBytes, fmtSnakeCaseToUpperSpaceCase, fmtUpperCamelcase, fmtUtcDate };

package/dist/formatting.d.ts

@@ -0,0 +1,14 @@
+declare function fmtDate(d: Date): string;
+declare function fmtUtcDate(d: Date): string;
+declare function fmtMonth(month: number): "Jan" | "Feb" | "Mar" | "Apr" | "May" | "Jun" | "Jul" | "Aug" | "Sep" | "Oct" | "Nov" | "Dec" | undefined;
+declare const fmtDateWithMinutes: (d: Date) => string;
+declare function fmtDuration(startTs: number, endTs: number): string;
+declare function fmtUpperCamelcase(input: string): string;
+declare function fmtSnakeCaseToUpperSpaceCase(snake: string): string;
+declare const BYTES_PER_KB = 1024;
+declare const BYTES_PER_MB: number;
+declare const BYTES_PER_GB: number;
+declare function fmtSizeBytes(bytes: number): string;
+declare function fmtRateBytes(bytes: number): string;
+
+export { BYTES_PER_GB, BYTES_PER_KB, BYTES_PER_MB, fmtDate, fmtDateWithMinutes, fmtDuration, fmtMonth, fmtRateBytes, fmtSizeBytes, fmtSnakeCaseToUpperSpaceCase, fmtUpperCamelcase, fmtUtcDate };

package/dist/formatting.js

@@ -0,0 +1,89 @@
+function fmtDate(d) {
+  const hours = d.getHours();
+  const minutes = d.getMinutes();
+  return `${fmtMonth(d.getMonth())} ${d.getDate()} ${hours > 9 ? hours : "0" + hours}:${minutes > 9 ? minutes : "0" + minutes}`;
+}
+function fmtUtcDate(d) {
+  const hours = d.getUTCHours();
+  const minutes = d.getUTCMinutes();
+  return `${fmtMonth(d.getUTCMonth())} ${d.getUTCDate()} ${hours > 9 ? hours : "0" + hours}:${minutes > 9 ? minutes : "0" + minutes}`;
+}
+function fmtMonth(month) {
+  switch (month) {
+    case 0:
+      return "Jan";
+    case 1:
+      return "Feb";
+    case 2:
+      return "Mar";
+    case 3:
+      return "Apr";
+    case 4:
+      return "May";
+    case 5:
+      return "Jun";
+    case 6:
+      return "Jul";
+    case 7:
+      return "Aug";
+    case 8:
+      return "Sep";
+    case 9:
+      return "Oct";
+    case 10:
+      return "Nov";
+    case 11:
+      return "Dec";
+  }
+}
+const fmtDateWithMinutes = (d) => {
+  return d.toLocaleString();
+};
+function fmtDuration(startTs, endTs) {
+  const start = new Date(startTs);
+  const end = new Date(endTs);
+  const durr = end.getTime() - start.getTime();
+  const seconds = durr / 1e3;
+  const minutes = Math.floor(seconds / 60);
+  const remaining_seconds = seconds % 60;
+  return `${minutes > 0 ? `${minutes} minute${minutes > 1 ? "s" : ""} ` : ""}${remaining_seconds.toFixed(minutes > 0 ? 0 : 1)} seconds`;
+}
+function fmtUpperCamelcase(input) {
+  return input.match(/[A-Z][a-z]+|[0-9]+/g)?.join(" ") ?? input;
+}
+function fmtSnakeCaseToUpperSpaceCase(snake) {
+  if (snake.length === 0) return "";
+  return snake.split("_").map((item) => item[0].toUpperCase() + item.slice(1)).join(" ");
+}
+const BYTES_PER_KB = 1024;
+const BYTES_PER_MB = 1024 * BYTES_PER_KB;
+const BYTES_PER_GB = 1024 * BYTES_PER_MB;
+function fmtSizeBytes(bytes) {
+  if (bytes >= BYTES_PER_GB) {
+    return (bytes / BYTES_PER_GB).toFixed(1) + " GiB";
+  } else if (bytes >= BYTES_PER_MB) {
+    return (bytes / BYTES_PER_MB).toFixed(1) + " MiB";
+  } else if (bytes >= BYTES_PER_KB) {
+    return (bytes / BYTES_PER_KB).toFixed(1) + " KiB";
+  } else {
+    return bytes.toString() + " bytes";
+  }
+}
+function fmtRateBytes(bytes) {
+  return fmtSizeBytes(bytes) + "/s";
+}
+export {
+  BYTES_PER_GB,
+  BYTES_PER_KB,
+  BYTES_PER_MB,
+  fmtDate,
+  fmtDateWithMinutes,
+  fmtDuration,
+  fmtMonth,
+  fmtRateBytes,
+  fmtSizeBytes,
+  fmtSnakeCaseToUpperSpaceCase,
+  fmtUpperCamelcase,
+  fmtUtcDate
+};
+//# sourceMappingURL=formatting.js.map