npm - @modern-admin/web - Versions diffs - 0.3.5 → 0.4.1 - Mend

@modern-admin/web 0.3.5 → 0.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (174) hide show

package/dist/standalone/index.html CHANGED Viewed

@@ -12,7 +12,7 @@
       smoke tests), the standalone entry falls back to same-origin defaults.
     -->
     <!--MODERN_ADMIN_CONFIG-->
-    <script type="module" crossorigin src="./assets/index-t4woXGa-.js"></script>
+    <script type="module" crossorigin src="./assets/index-BL8keDxQ.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/createLucideIcon-CUopU_LC.js">
     <link rel="modulepreload" crossorigin href="./assets/with-selector-NDLhu4dT.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-BSbFjTlr.js">
@@ -21,9 +21,9 @@
     <link rel="modulepreload" crossorigin href="./assets/router-wFvtgo77.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-BcL2U6dT.js">
     <link rel="stylesheet" crossorigin href="./assets/index-95cwJ2RY.css">
-    <link rel="prefetch" as="script" href="./assets/home-page-HmheewiP.js">
-    <link rel="prefetch" as="script" href="./assets/icon-registry-BV44--RL.js">
-    <link rel="prefetch" as="script" href="./assets/property-renderer-DyCwdVkh.js">
+    <link rel="prefetch" as="script" href="./assets/home-page-BSz1wGk0.js">
+    <link rel="prefetch" as="script" href="./assets/icon-registry-BQU4fIc4.js">
+    <link rel="prefetch" as="script" href="./assets/property-renderer-B8Md-EqW.js">
   </head>
   <body>
     <div id="root"></div>

package/dist/standalone/index.html.br CHANGED Viewed

Binary file

package/dist/standalone/index.html.gz CHANGED Viewed

Binary file

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@modern-admin/web",
-  "version": "0.3.5",
+  "version": "0.4.1",
   "type": "module",
   "sideEffects": false,
   "description": "Pre-built React admin SPA. Mount it into a host page or let @modern-admin/nest serve the standalone bundle.",
@@ -35,6 +35,10 @@
       "types": "./dist/lib/index.d.ts",
       "default": "./dist/lib/index.js"
     },
+    "./vite": {
+      "types": "./dist/config/vite.d.ts",
+      "default": "./dist/config/vite.js"
+    },
     "./standalone/*": "./dist/standalone/*",
     "./package.json": "./package.json"
   },
@@ -48,23 +52,30 @@
         "types": "./dist/lib/index.d.ts",
         "default": "./dist/lib/index.js"
       },
+      "./vite": {
+        "types": "./dist/config/vite.d.ts",
+        "default": "./dist/config/vite.js"
+      },
       "./standalone/*": "./dist/standalone/*",
       "./package.json": "./package.json"
     }
   },
   "peerDependencies": {
     "react": "^19.2.6",
-    "react-dom": "^19.2.6"
+    "react-dom": "^19.2.6",
+    "@tailwindcss/vite": "^4.2.4",
+    "@vitejs/plugin-react": "^6.0.1",
+    "vite": "^8.0.10"
   },
   "dependencies": {
-    "@modern-admin/core": "^0.3.5",
+    "@modern-admin/core": "^0.4.1",
     "@modern-admin/i18n": "^0.3.4",
-    "@modern-admin/react": "^0.3.5",
-    "@modern-admin/ui": "^0.3.4",
+    "@modern-admin/react": "^0.4.1",
+    "@modern-admin/ui": "^0.4.1",
     "@tanstack/react-query": "^5.100.9"
   },
   "devDependencies": {
-    "@modern-admin/tsconfig": "0.3.0",
+    "@modern-admin/tsconfig": "0.4.0",
     "@tailwindcss/vite": "^4.2.4",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
@@ -75,5 +86,16 @@
     "typescript": "^6.0.3",
     "vite": "^8.0.10",
     "vite-plugin-dts": "^5.0.1"
+  },
+  "peerDependenciesMeta": {
+    "@tailwindcss/vite": {
+      "optional": true
+    },
+    "@vitejs/plugin-react": {
+      "optional": true
+    },
+    "vite": {
+      "optional": true
+    }
   }
 }

package/src/mount.tsx CHANGED Viewed

@@ -5,15 +5,21 @@
  *   import { mount } from '@modern-admin/web'
  *   mount(document.getElementById('root')!, { apiUrl: 'https://api.example.com' })
  *
+ * This module deliberately does **not** import the stylesheet: an app that
+ * registers its own components needs to own the Tailwind root so its classes
+ * get scanned, and a second root here would compile Tailwind twice. Import it
+ * yourself, either directly or from your own CSS:
+ *
+ *   import '@modern-admin/react/styles.css'
+ *
  * For the prebuilt standalone bundle, `src/standalone.tsx` calls this for
- * you using `window.__MODERN_ADMIN__`.
+ * you using `window.__MODERN_ADMIN__` and pulls in the stylesheet.
  */
 import { StrictMode } from 'react'
 import { createRoot, type Root } from 'react-dom/client'
 import { type ComponentLoader } from '@modern-admin/react'
 import { initTheme } from '@modern-admin/ui'
-import '@modern-admin/ui/styles.css'
 import { App } from './app.js'
 import type { ModernAdminRuntimeConfig } from './runtime-config.js'

package/src/standalone.tsx CHANGED Viewed

@@ -7,6 +7,7 @@
  * No build-time configuration — one bundle works for any deployment.
  */
+import '@modern-admin/react/styles.css'
 import { mount } from './mount.js'
 import { readWindowConfig } from './runtime-config.js'

package/src/vite.ts ADDED Viewed

@@ -0,0 +1,219 @@
+/**
+ * Vite config kit for apps that build their own copy of the admin SPA.
+ *
+ * The prebuilt `@modern-admin/web` standalone bundle registers no custom
+ * components, so any app that uses `component: '…'` on an action or
+ * `components: { edit: '…' }` on a property has to build its own bundle. That
+ * bundle has to match what `@modern-admin/nest`'s StaticUiMiddleware expects
+ * — `dist/standalone/{index.html,assets/**}` with relative `./assets/` URLs —
+ * which used to mean copying this package's `vite.config.ts` wholesale.
+ *
+ *   // vite.config.ts
+ *   import { defineAdminAppConfig } from '@modern-admin/web/vite'
+ *   export default defineAdminAppConfig({ apiProxy: 'http://localhost:3011' })
+ *
+ *   // src/main.tsx
+ *   import { mount, readWindowConfig } from '@modern-admin/web'
+ *   import './styles.css'
+ *   mount(document.getElementById('root')!, {
+ *     config: readWindowConfig(),
+ *     components: new ComponentLoader().add('SendPushForm', SendPushForm),
+ *   })
+ *
+ * `packages/web/vite.config.ts` consumes this same factory, so the kit can't
+ * drift from the bundle we ship.
+ */
+import path from 'node:path'
+import { promises as fs } from 'node:fs'
+import { promisify } from 'node:util'
+import zlib from 'node:zlib'
+import type { ConfigEnv, Plugin, PluginOption, UserConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import tailwindcss from '@tailwindcss/vite'
+import type { ModernAdminRuntimeConfig } from './runtime-config.js'
+const brotli = promisify(zlib.brotliCompress)
+const gzip = promisify(zlib.gzip)
+/** Layout StaticUiMiddleware resolves as `<webPackage>/dist/standalone`. */
+const STANDALONE_OUT_DIR = 'dist/standalone'
+export interface AdminAppConfigOptions {
+  /** Dev server port. Defaults to `WEB_PORT`, then 3000. */
+  port?: number
+  /**
+   * Origin of the NestJS admin API, proxied during `vite dev` so the SPA and
+   * the API stay same-origin and session cookies work (e.g.
+   * `http://localhost:3011`). Omit if you serve both yourself.
+   */
+  apiProxy?: string
+  /**
+   * Path prefixes forwarded to `apiProxy`. Defaults to the REST/auth prefix
+   * every `@modern-admin/nest` controller lives under plus the socket.io
+   * endpoint used by `@modern-admin/realtime`.
+   */
+  apiProxyPath?: string | string[]
+  /**
+   * Runtime config for `vite dev` only. In production the host server
+   * injects `window.__MODERN_ADMIN__` into the shell, so there is nothing to
+   * configure at build time — this fills the same slot while developing.
+   */
+  devConfig?: ModernAdminRuntimeConfig
+  /** Directory the standalone build writes to. Rarely worth changing. */
+  outDir?: string
+  /** Extra plugins, appended after the built-in ones. */
+  plugins?: PluginOption[]
+}
+/**
+ * Emits `.br` and `.gz` siblings next to every compressible standalone
+ * asset. StaticUiMiddleware serves whichever variant the browser's
+ * `Accept-Encoding` allows and falls back to the plain file, so this is an
+ * optimisation rather than a correctness requirement.
+ */
+export function precompressPlugin(outDir = STANDALONE_OUT_DIR): Plugin {
+  const COMPRESSIBLE = new Set(['.js', '.mjs', '.css', '.html', '.svg', '.json'])
+  const MIN_SIZE = 1024
+  return {
+    name: 'modern-admin:precompress',
+    apply: 'build',
+    async writeBundle(options) {
+      const dir = options.dir ?? path.resolve(process.cwd(), outDir)
+      const walk = async (d: string): Promise<string[]> => {
+        const entries = await fs.readdir(d, { withFileTypes: true })
+        const nested = await Promise.all(
+          entries.map((e) => (e.isDirectory() ? walk(path.join(d, e.name)) : [path.join(d, e.name)])),
+        )
+        return nested.flat()
+      }
+      const files = (await walk(dir)).filter((f) => COMPRESSIBLE.has(path.extname(f)))
+      await Promise.all(
+        files.map(async (file) => {
+          const source = await fs.readFile(file)
+          if (source.length < MIN_SIZE) return
+          const [br, gz] = await Promise.all([
+            brotli(source, { params: { [zlib.constants.BROTLI_PARAM_QUALITY]: 11 } }),
+            gzip(source, { level: zlib.constants.Z_BEST_COMPRESSION }),
+          ])
+          await Promise.all([fs.writeFile(`${file}.br`, br), fs.writeFile(`${file}.gz`, gz)])
+        }),
+      )
+    },
+  }
+}
+/**
+ * Injects low-priority `<link rel="prefetch">` hints for the lazy chunks a
+ * fresh session is almost certain to need right after the shell renders:
+ * the dashboard landing page, the full icon registry (sidebar), and the
+ * resource list page + property renderer (first sidebar click). The browser
+ * fetches them during idle time instead of on first navigation, without
+ * competing with the critical-path entry chunk. Relative `./assets/` hrefs
+ * are rewritten to the mount path by StaticUiMiddleware like every other
+ * asset reference.
+ */
+export function prefetchHintsPlugin(): Plugin {
+  const PREFETCH_CHUNKS = new Set(['home-page', 'icon-registry', 'list-page', 'property-renderer'])
+  return {
+    name: 'modern-admin:prefetch-hints',
+    apply: 'build',
+    transformIndexHtml: {
+      order: 'post',
+      handler(_html, ctx) {
+        const chunks = Object.values(ctx.bundle ?? {}).filter(
+          (out) => out.type === 'chunk' && out.name && PREFETCH_CHUNKS.has(out.name),
+        )
+        return chunks.map((chunk) => ({
+          tag: 'link',
+          attrs: { rel: 'prefetch', as: 'script', href: `./${chunk.fileName}` },
+          injectTo: 'head' as const,
+        }))
+      },
+    },
+  }
+}
+/**
+ * Injects `window.__MODERN_ADMIN__` while developing. In production the same
+ * slot is filled per-request by the host server (StaticUiMiddleware replaces
+ * the `<!--MODERN_ADMIN_CONFIG-->` marker, or falls back to `</head>`), so
+ * this plugin is dev-only and never affects the built bundle.
+ */
+export function devRuntimeConfigPlugin(config: ModernAdminRuntimeConfig): Plugin {
+  return {
+    name: 'modern-admin:dev-runtime-config',
+    apply: 'serve',
+    transformIndexHtml: {
+      order: 'pre',
+      handler() {
+        // `</script>` inside the JSON would close the tag early.
+        const json = JSON.stringify(config).replace(/</g, '\\u003c')
+        return [
+          {
+            tag: 'script',
+            children: `window.__MODERN_ADMIN__ = ${json};`,
+            injectTo: 'head-prepend' as const,
+          },
+        ]
+      },
+    },
+  }
+}
+/**
+ * `ws: true` so the realtime gateway's socket.io upgrade survives the proxy;
+ * `changeOrigin` keeps the session cookie's Origin check happy.
+ */
+function buildProxy(
+  target: string,
+  paths: string | string[],
+): Record<string, { target: string; changeOrigin: boolean; ws: boolean }> {
+  const list = Array.isArray(paths) ? paths : [paths]
+  return Object.fromEntries(list.map((p) => [p, { target, changeOrigin: true, ws: true }]))
+}
+/**
+ * Builds the Vite config for a custom admin SPA. Pass the result straight to
+ * `export default` — it resolves `vite dev` and `vite build` itself, so no
+ * `--mode` flag is required.
+ */
+export function defineAdminAppConfig(
+  options: AdminAppConfigOptions = {},
+): (env: ConfigEnv) => UserConfig {
+  const {
+    apiProxy,
+    apiProxyPath = ['/admin/api', '/socket.io'],
+    devConfig,
+    outDir = STANDALONE_OUT_DIR,
+    plugins: extraPlugins = [],
+  } = options
+  return ({ command }) => {
+    const shared: PluginOption[] = [react(), tailwindcss()]
+    if (command === 'build') {
+      return {
+        plugins: [...shared, precompressPlugin(outDir), prefetchHintsPlugin(), ...extraPlugins],
+        // Relative base so one bundle can be mounted under any path — the
+        // host server rewrites `./assets/` to its own mount prefix.
+        base: './',
+        build: {
+          outDir,
+          emptyOutDir: true,
+          sourcemap: true,
+        },
+      }
+    }
+    return {
+      plugins: [
+        ...shared,
+        ...(devConfig ? [devRuntimeConfigPlugin(devConfig)] : []),
+        ...extraPlugins,
+      ],
+      server: {
+        port: options.port ?? Number(process.env.WEB_PORT ?? 3000),
+        host: true,
+        ...(apiProxy ? { proxy: buildProxy(apiProxy, apiProxyPath) } : {}),
+      },
+    }
+  }
+}

package/vite.config.ts CHANGED Viewed

@@ -7,61 +7,23 @@
  * `mode` is set by Vite from the `--mode` CLI flag. Other modes (dev,
  * preview) get the standalone SPA config — that's what you serve from
  * `bun run dev`.
+ *
+ * The standalone/dev half is `defineAdminAppConfig()` from `src/vite.ts`,
+ * i.e. the very config we hand to apps that build their own bundle
+ * (`@modern-admin/web/vite`). Dogfooding it here is what stops the two from
+ * drifting apart.
  */
-import { defineConfig, type Plugin, type UserConfig } from 'vite'
+import { defineConfig, type UserConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 import tailwindcss from '@tailwindcss/vite'
 import dts from 'vite-plugin-dts'
 import { fileURLToPath } from 'node:url'
 import path from 'node:path'
-import { promises as fs } from 'node:fs'
-import { promisify } from 'node:util'
-import zlib from 'node:zlib'
+import { defineAdminAppConfig } from './src/vite.js'
 const __dirname = path.dirname(fileURLToPath(import.meta.url))
-const brotli = promisify(zlib.brotliCompress)
-const gzip = promisify(zlib.gzip)
-/**
- * Emits `.br` and `.gz` siblings next to every compressible standalone
- * asset. `@modern-admin/nest`'s StaticUiMiddleware picks whichever variant
- * the browser's `Accept-Encoding` allows — no runtime compression cost.
- * Sourcemaps are skipped (fetched only with devtools open) and so are
- * files that compression wouldn't meaningfully shrink.
- */
-function precompressPlugin(): Plugin {
-  const COMPRESSIBLE = new Set(['.js', '.mjs', '.css', '.html', '.svg', '.json'])
-  const MIN_SIZE = 1024
-  return {
-    name: 'modern-admin:precompress',
-    apply: 'build',
-    async writeBundle(options) {
-      const dir = options.dir ?? path.resolve(__dirname, 'dist/standalone')
-      const walk = async (d: string): Promise<string[]> => {
-        const entries = await fs.readdir(d, { withFileTypes: true })
-        const nested = await Promise.all(
-          entries.map((e) => (e.isDirectory() ? walk(path.join(d, e.name)) : [path.join(d, e.name)])),
-        )
-        return nested.flat()
-      }
-      const files = (await walk(dir)).filter((f) => COMPRESSIBLE.has(path.extname(f)))
-      await Promise.all(
-        files.map(async (file) => {
-          const source = await fs.readFile(file)
-          if (source.length < MIN_SIZE) return
-          const [br, gz] = await Promise.all([
-            brotli(source, { params: { [zlib.constants.BROTLI_PARAM_QUALITY]: 11 } }),
-            gzip(source, { level: zlib.constants.Z_BEST_COMPRESSION }),
-          ])
-          await Promise.all([fs.writeFile(`${file}.br`, br), fs.writeFile(`${file}.gz`, gz)])
-        }),
-      )
-    },
-  }
-}
 // External deps for the library build — host apps provide their own copy
 // (deduped by the workspace / package manager). The standalone SPA bundle
 // inlines all of these so the served `<script>` is self-contained.
@@ -101,7 +63,7 @@ const libConfig: UserConfig = {
       entryRoot: 'src',
       outDirs: 'dist/lib',
       include: ['src/**/*.ts', 'src/**/*.tsx'],
-      exclude: ['src/standalone.tsx'],
+      exclude: ['src/standalone.tsx', 'src/vite.ts'],
     }),
   ],
   // Don't copy public/ (favicon.svg etc.) into the library output — those
@@ -122,62 +84,9 @@ const libConfig: UserConfig = {
   },
 }
-/**
- * Injects low-priority `<link rel="prefetch">` hints for the lazy chunks a
- * fresh session is almost certain to need right after the shell renders:
- * the dashboard landing page, the full icon registry (sidebar), and the
- * resource list page + property renderer (first sidebar click). The browser
- * fetches them during idle time instead of on first navigation, without
- * competing with the critical-path entry chunk. Relative `./assets/` hrefs
- * are rewritten to the mount path by StaticUiMiddleware like every other
- * asset reference.
- */
-function prefetchHintsPlugin(): Plugin {
-  const PREFETCH_CHUNKS = new Set(['home-page', 'icon-registry', 'list-page', 'property-renderer'])
-  return {
-    name: 'modern-admin:prefetch-hints',
-    apply: 'build',
-    transformIndexHtml: {
-      order: 'post',
-      handler(_html, ctx) {
-        const chunks = Object.values(ctx.bundle ?? {}).filter(
-          (out) => out.type === 'chunk' && out.name && PREFETCH_CHUNKS.has(out.name),
-        )
-        return chunks.map((chunk) => ({
-          tag: 'link',
-          attrs: { rel: 'prefetch', as: 'script', href: `./${chunk.fileName}` },
-          injectTo: 'head' as const,
-        }))
-      },
-    },
-  }
-}
-const standaloneConfig: UserConfig = {
-  plugins: [react(), tailwindcss(), precompressPlugin(), prefetchHintsPlugin()],
-  // Relative base so the same bundle can be mounted under any path
-  // (e.g. `/admin/`) — the server rewrites asset URLs in index.html.
-  base: './',
-  build: {
-    outDir: 'dist/standalone',
-    emptyOutDir: true,
-    sourcemap: true,
-    rollupOptions: {
-      input: path.resolve(__dirname, 'index.html'),
-    },
-  },
-}
-const devConfig: UserConfig = {
-  plugins: [react(), tailwindcss()],
-  server: {
-    port: Number(process.env.WEB_PORT ?? 3000),
-    host: true,
-  },
-}
+// `vite build --mode standalone` arrives as command 'build'; `vite` and
+// `vite preview` as 'serve'. Rollup's input defaults to `<root>/index.html`,
+// which is exactly the shell this package ships.
+const adminApp = defineAdminAppConfig()
-export default defineConfig(({ mode }) => {
-  if (mode === 'lib') return libConfig
-  if (mode === 'standalone') return standaloneConfig
-  return devConfig
-})
+export default defineConfig((env) => (env.mode === 'lib' ? libConfig : adminApp(env)))

package/dist/standalone/assets/action-component-host-CXIbN-8V.js.br DELETED Viewed

Binary file

package/dist/standalone/assets/action-component-host-CXIbN-8V.js.gz DELETED Viewed

Binary file

package/dist/standalone/assets/action-page-OsWfKQ6C.js.br DELETED Viewed

Binary file

package/dist/standalone/assets/action-page-OsWfKQ6C.js.gz DELETED Viewed

Binary file

package/dist/standalone/assets/ai-assistant-widget-Bt4Z7Fmr.js.br DELETED Viewed

Binary file

package/dist/standalone/assets/ai-assistant-widget-Bt4Z7Fmr.js.gz DELETED Viewed

Binary file

package/dist/standalone/assets/audit-log-page-2wuGiWg-.js.br DELETED Viewed

Binary file

package/dist/standalone/assets/audit-log-page-2wuGiWg-.js.gz DELETED Viewed

Binary file

package/dist/standalone/assets/calendar-BZVUWakC.js.br DELETED Viewed

Binary file

package/dist/standalone/assets/calendar-BZVUWakC.js.gz DELETED Viewed

Binary file

package/dist/standalone/assets/chart-widget-BtJb6YXV.js.br DELETED Viewed

Binary file

package/dist/standalone/assets/chart-widget-BtJb6YXV.js.gz DELETED Viewed

Binary file

package/dist/standalone/assets/command-BNF_evMy.js.br DELETED Viewed

Binary file

package/dist/standalone/assets/command-BNF_evMy.js.gz DELETED Viewed

Binary file

package/dist/standalone/assets/date-picker-LfbUehd1.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{a as e,n as t}from"./createLucideIcon-CUopU_LC.js";import{S as n,s as r}from"./with-selector-NDLhu4dT.js";import{n as i}from"./refresh-cw-DHvUQTMb.js";import{s as a}from"./dist-Dpg8xy_r.js";import{a as o,i as s,n as c,s as l,t as u}from"./calendar-BZVUWakC.js";import{a as d,i as f,n as p}from"./useQueries-BCUhWYX4.js";import{Y as m}from"./index-t4woXGa-.js";var h=e(t(),1),g=n(),_=`yyyy-MM-dd`,v=`yyyy-MM-dd'T'HH:mm`,y=`yyyy-MM-dd HH:mm`;function b(e){if(!e)return;let t=e.length<=10?s(e,_,new Date):c(e);return Number.isNaN(t.getTime())?void 0:t}function x(e,t){let n=e.trim();if(n===``)return;let r=t===`datetime`?[v,y,`yyyy-MM-dd'T'HH:mm:ss`,_]:[_];for(let e of r){let t=s(n,e,new Date);if(l(t))return t}let i=c(n);return l(i)?i:null}function S(e,t){return e?o(e,t===`datetime`?y:_):``}function C(e,t){return o(e,t===`datetime`?v:_)}function w({value:e,onChange:t,mode:n=`date`,disabled:s,placeholder:c,className:l,inputClassName:_,ariaLabel:v,openCalendarLabel:y=`Open calendar`,timeLabel:w=`Time`}){let[T,E]=h.useState(!1),D=b(e),[O,k]=h.useState(()=>S(D,n)),A=h.useRef(S(D,n));h.useEffect(()=>{let e=S(D,n);e!==A.current&&(A.current=e,k(e))},[e,n]);let j=D?o(D,`HH:mm`):`00:00`,M=e=>{if(!e){A.current=``,k(``),t(``);return}if(n===`datetime`){let[t,n]=j.split(`:`).map(Number);e.setHours(t??0,n??0,0,0)}let r=S(e,n);A.current=r,k(r),t(C(e,n))},N=e=>{if(!D)return;let[r,i]=e.split(`:`).map(Number),a=new Date(D);a.setHours(r??0,i??0,0,0);let o=S(a,n);A.current=o,k(o),t(C(a,n))},P=e=>{let r=e.target.value;k(r);let i=x(r,n);i===void 0?(A.current=``,t(``)):i&&(A.current=S(i,n),t(C(i,n)))},F=()=>{if(x(O,n)===null){let e=S(D,n);A.current=e,k(e)}},I=c??(n===`datetime`?`YYYY-MM-DD HH:MM`:`YYYY-MM-DD`);return(0,g.jsxs)(p,{open:T,onOpenChange:E,children:[(0,g.jsxs)(`div`,{className:r(`relative w-full`,l),children:[(0,g.jsx)(m,{type:`text`,inputMode:`numeric`,value:O,onChange:P,onBlur:F,placeholder:I,disabled:s,"aria-label":v,className:r(_,`pr-10`)}),(0,g.jsx)(d,{asChild:!0,children:(0,g.jsx)(a,{type:`button`,variant:`ghost`,size:`icon`,disabled:s,"aria-label":y,className:`absolute right-1 top-1/2 size-8 -translate-y-1/2 text-muted-foreground hover:text-foreground`,children:(0,g.jsx)(i,{className:`size-4`})})})]}),(0,g.jsxs)(f,{className:`w-auto p-0`,align:`start`,children:[(0,g.jsx)(u,{mode:`single`,selected:D,defaultMonth:D,onSelect:e=>{M(e),n===`date`&&E(!1)},autoFocus:!0}),n===`datetime`&&(0,g.jsxs)(`div`,{className:`flex items-center gap-2 border-t border-border p-3`,children:[(0,g.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:w}),(0,g.jsx)(m,{type:`time`,value:j,disabled:!D,onChange:e=>N(e.target.value),className:`h-8 w-32`})]})]})]})}w.displayName=`DatePicker`;export{w as t};
2	- //# sourceMappingURL=date-picker-LfbUehd1.js.map

package/dist/standalone/assets/date-picker-LfbUehd1.js.br DELETED Viewed

Binary file

package/dist/standalone/assets/date-picker-LfbUehd1.js.gz DELETED Viewed

Binary file

package/dist/standalone/assets/date-picker-LfbUehd1.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"date-picker-LfbUehd1.js","names":[],"sources":["../../../../ui/src/components/date-picker.tsx"],"sourcesContent":["// Popover-driven date / datetime input. Single picker handles both modes:\n// pass `mode=\"datetime\"` to surface an HH:MM time input below the calendar.\n//\n// Value is an ISO-ish string (`yyyy-MM-dd` for dates, `yyyy-MM-ddTHH:mm` for\n// datetime — same shape <input type=\"date\">/<input type=\"datetime-local\">\n// produce, so callers can stay format-stable). The trigger is a real text\n// input so users can also type the date manually; clicks on the trailing\n// calendar icon open the popover with the inline picker.\n\nimport * as React from 'react'\nimport { format, isValid, parse, parseISO } from 'date-fns'\nimport { Calendar as CalendarIcon } from 'lucide-react'\nimport { cn } from '../lib/utils.js'\nimport { Button } from './button.js'\nimport { Calendar } from './calendar.js'\nimport { Input } from './input.js'\nimport { Popover, PopoverContent, PopoverTrigger } from './popover.js'\n\nexport type DatePickerMode = 'date' | 'datetime'\n\nexport interface DatePickerProps {\n value: string | null | undefined\n onChange(next: string): void\n mode?: DatePickerMode\n disabled?: boolean\n placeholder?: string\n /** Applied to the outer wrapper div (controls width, etc.). */\n className?: string\n /** Applied to the inner text Input — use to override height / font size. */\n inputClassName?: string\n /** ARIA label forwarded to the trigger input (mobile users / screen readers). */\n ariaLabel?: string\n /** ARIA label for the calendar icon button. Default: \"Open calendar\". */\n openCalendarLabel?: string\n /** Label for the time input shown in datetime mode. Default: \"Time\". */\n timeLabel?: string\n}\n\nconst DATE_FMT = 'yyyy-MM-dd'\nconst DATETIME_FMT = \"yyyy-MM-dd'T'HH:mm\"\n// Friendlier display format for the datetime input — space instead of `T`.\nconst DATETIME_DISPLAY_FMT = 'yyyy-MM-dd HH:mm'\n\nfunction parseValue(value: string | null | undefined): Date | undefined {\n if (!value) return undefined\n const direct = value.length <= 10 ? parse(value, DATE_FMT, new Date()) : parseISO(value)\n return Number.isNaN(direct.getTime()) ? undefined : direct\n}\n\n/**\n * Try to parse a manually-typed string in any of the supported shapes.\n * Returns `undefined` on blank, `null` on invalid (non-blank) input so the\n * caller can distinguish \"cleared\" from \"typo\".\n */\nfunction parseTyped(raw: string, mode: DatePickerMode): Date | undefined | null {\n const trimmed = raw.trim()\n if (trimmed === '') return undefined\n const candidates =\n mode === 'datetime'\n ? [DATETIME_FMT, DATETIME_DISPLAY_FMT, \"yyyy-MM-dd'T'HH:mm:ss\", DATE_FMT]\n : [DATE_FMT]\n for (const fmt of candidates) {\n const parsed = parse(trimmed, fmt, new Date())\n if (isValid(parsed)) return parsed\n }\n // Last resort: ISO with timezone, etc.\n const iso = parseISO(trimmed)\n return isValid(iso) ? iso : null\n}\n\nfunction formatForInput(date: Date | undefined, mode: DatePickerMode): string {\n if (!date) return ''\n return format(date, mode === 'datetime' ? DATETIME_DISPLAY_FMT : DATE_FMT)\n}\n\nfunction formatForApi(date: Date, mode: DatePickerMode): string {\n return format(date, mode === 'datetime' ? DATETIME_FMT : DATE_FMT)\n}\n\nexport function DatePicker({\n value,\n onChange,\n mode = 'date',\n disabled,\n placeholder,\n className,\n inputClassName,\n ariaLabel,\n openCalendarLabel = 'Open calendar',\n timeLabel = 'Time',\n}: DatePickerProps): React.ReactElement {\n const [open, setOpen] = React.useState(false)\n const date = parseValue(value)\n // Local draft for the text input — keeps user typing intact even when\n // intermediate strings don't yet parse.\n const [draft, setDraft] = React.useState(() => formatForInput(date, mode))\n // Re-sync draft whenever the canonical value changes from outside (e.g.\n // calendar selection or form reset). Compare via formatted shape so a noop\n // update doesn't clobber what the user is typing.\n const lastFormatted = React.useRef(formatForInput(date, mode))\n React.useEffect(() => {\n const next = formatForInput(date, mode)\n if (next !== lastFormatted.current) {\n lastFormatted.current = next\n setDraft(next)\n }\n }, [value, mode]) // eslint-disable-line react-hooks/exhaustive-deps\n\n const time = date ? format(date, 'HH:mm') : '00:00'\n\n const commitDate = (next: Date | undefined): void => {\n if (!next) {\n lastFormatted.current = ''\n setDraft('')\n onChange('')\n return\n }\n if (mode === 'datetime') {\n const [h, m] = time.split(':').map(Number)\n next.setHours(h ?? 0, m ?? 0, 0, 0)\n }\n const formatted = formatForInput(next, mode)\n lastFormatted.current = formatted\n setDraft(formatted)\n onChange(formatForApi(next, mode))\n }\n\n const setTime = (raw: string): void => {\n if (!date) return\n const [h, m] = raw.split(':').map(Number)\n const next = new Date(date)\n next.setHours(h ?? 0, m ?? 0, 0, 0)\n const formatted = formatForInput(next, mode)\n lastFormatted.current = formatted\n setDraft(formatted)\n onChange(formatForApi(next, mode))\n }\n\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n const text = e.target.value\n setDraft(text)\n const parsed = parseTyped(text, mode)\n if (parsed === undefined) {\n // cleared\n lastFormatted.current = ''\n onChange('')\n } else if (parsed) {\n lastFormatted.current = formatForInput(parsed, mode)\n onChange(formatForApi(parsed, mode))\n }\n // parsed === null → keep draft, don't fire onChange yet\n }\n\n const handleInputBlur: React.FocusEventHandler<HTMLInputElement> = () => {\n // On blur, if the draft is invalid, snap back to the canonical value.\n const parsed = parseTyped(draft, mode)\n if (parsed === null) {\n const restored = formatForInput(date, mode)\n lastFormatted.current = restored\n setDraft(restored)\n }\n }\n\n const inputPlaceholder =\n placeholder ?? (mode === 'datetime' ? 'YYYY-MM-DD HH:MM' : 'YYYY-MM-DD')\n\n return (\n <Popover open={open} onOpenChange={setOpen}>\n <div className={cn('relative w-full', className)}>\n <Input\n type=\"text\"\n inputMode=\"numeric\"\n value={draft}\n onChange={handleInputChange}\n onBlur={handleInputBlur}\n placeholder={inputPlaceholder}\n disabled={disabled}\n aria-label={ariaLabel}\n className={cn(inputClassName, 'pr-10')}\n />\n <PopoverTrigger asChild>\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"icon\"\n disabled={disabled}\n aria-label={openCalendarLabel}\n className=\"absolute right-1 top-1/2 size-8 -translate-y-1/2 text-muted-foreground hover:text-foreground\"\n >\n <CalendarIcon className=\"size-4\" />\n </Button>\n </PopoverTrigger>\n </div>\n <PopoverContent className=\"w-auto p-0\" align=\"start\">\n <Calendar\n mode=\"single\"\n selected={date}\n defaultMonth={date}\n onSelect={(d) => {\n commitDate(d)\n if (mode === 'date') setOpen(false)\n }}\n autoFocus\n />\n {mode === 'datetime' && (\n <div className=\"flex items-center gap-2 border-t border-border p-3\">\n <span className=\"text-xs text-muted-foreground\">{timeLabel}</span>\n <Input\n type=\"time\"\n value={time}\n disabled={!date}\n onChange={(e) => setTime(e.target.value)}\n className=\"h-8 w-32\"\n />\n </div>\n )}\n </PopoverContent>\n </Popover>\n )\n}\nDatePicker.displayName = 'DatePicker'\n"],"mappings":"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"}

package/dist/standalone/assets/edit-page-DCRB9Y_q.js.br DELETED Viewed

Binary file

package/dist/standalone/assets/edit-page-DCRB9Y_q.js.gz DELETED Viewed

Binary file

package/dist/standalone/assets/empty-DAEAjFd3.js.br DELETED Viewed

Binary file

package/dist/standalone/assets/empty-DAEAjFd3.js.gz DELETED Viewed

Binary file

package/dist/standalone/assets/global-search-dialog-HMLztOho.js.br DELETED Viewed

Binary file

package/dist/standalone/assets/global-search-dialog-HMLztOho.js.gz DELETED Viewed

Binary file