@proveanything/smartlinks-utils-ui 0.9.2 → 0.9.3

package/dist/components/RecordsAdmin/index.d.ts

@@ -493,7 +493,17 @@ interface DeepLinkAdapter {
     subscribe(listener: () => void): () => void;
 }
 interface DeepLinkOptions {
-    /** Master switch — default `false` (opt in per app). */
+    /**
+     * Master switch. **Default `true` as of v0.10.** Most hosts want URL
+     * round-tripping (refresh / share-link restores the open record), so the
+     * shell installs a default adapter automatically — `window.location` +
+     * `window.history` for standalone hosts, or a postMessage relay when
+     * mounted inside a SmartLinks iframe.
+     *
+     * Set to `false` to run an isolated shell whose state never touches the
+     * URL. Useful for embedded previews, modal pickers, or hosts that own
+     * a more opinionated URL scheme they don't want the shell to touch.
+     */
     enabled?: boolean;
     /** Push/replace strategy. Default `'smart'`. */
     history?: DeepLinkHistoryMode;
@@ -1376,13 +1386,19 @@ interface PreviewScopePickerProps {
     /** Are variants/batches available for drill-down. */
     showVariants: boolean;
     showBatches: boolean;
+    /** Active rail tab. The picker hides itself on product/variant/batch
+     *  tabs because the editing scope already pins a product there. */
+    activeScope?: ScopeKind;
     /** i18n strings (uses defaults if omitted). */
     i18n?: {
         previewAs?: string;
         previewAsDefault?: string;
+        change?: string;
+        searchProducts?: string;
+        close?: string;
     };
 }
-declare const PreviewScopePicker: ({ SL, collectionId, editingScope, value, onChange, showVariants, showBatches, i18n, }: PreviewScopePickerProps) => react_jsx_runtime.JSX.Element | null;
+declare const PreviewScopePicker: ({ SL, collectionId, editingScope, value, onChange, showVariants, showBatches, activeScope, i18n, }: PreviewScopePickerProps) => react_jsx_runtime.JSX.Element | null;
 
 declare const ScopeBreadcrumb: ({ scope }: {
     scope: ParsedRef;

package/dist/components/RecordsAdmin/index.js

@@ -1,3 +1,4 @@
+import { assertComponentStylesLoaded } from '../../chunk-OLYC54YT.js';
 import '../../chunk-5UQQYXCX.js';
 import { FacetRuleEditor } from '../../chunk-JMCV6FOW.js';
 import { useFacets } from '../../chunk-4LHF5JB7.js';
@@ -5,7 +6,7 @@ import { cn } from '../../chunk-L7FQ52F5.js';
 import { parsedRefToTarget, parsedRefToScope, matchRecords, scopesEqual, getRecordById, listRecords, upsertRecord, updateRecord, createRecord, removeRecord } from '../../chunk-KFKVGUUP.js';
 export { bulkDelete, bulkUpsert, createRecord, getRecordById, listRecords, matchRecords, parsedRefToScope, parsedRefToTarget, removeRecord, restoreRecord, scopesEqual, upsertRecord } from '../../chunk-KFKVGUUP.js';
 import { createContext, useState, useEffect, useCallback, useMemo, useRef, useContext, useSyncExternalStore, createElement, useId } from 'react';
-import { ChevronDown, Database, Lightbulb, SearchX, Inbox, LayoutGrid, Eye, MoreHorizontal, Download, Upload, Trash2, Copy, Pencil, Plus, CircleDashed, ArrowDownLeft, CheckCircle2, List, SlidersHorizontal, Globe, Tag, Boxes, Layers, Package, Rows3, ChevronRight, Eraser, ClipboardPaste, Box, X, Image, Table, ArrowLeft, ChevronLeft, AlertTriangle, Info, HelpCircle, Search, CornerDownLeft, Circle, AlertCircle, Undo2, Save, Loader2, XCircle, ArrowRight, BookOpen, Globe2, Target, Check, Settings2 } from 'lucide-react';
+import { ChevronDown, Database, Lightbulb, SearchX, Inbox, LayoutGrid, Eye, MoreHorizontal, Download, Upload, Trash2, Copy, Pencil, Plus, CircleDashed, ArrowDownLeft, CheckCircle2, List, SlidersHorizontal, Globe, Tag, Boxes, Layers, Package, Rows3, ChevronRight, Eraser, ClipboardPaste, Box, X, Search, Image, Table, ArrowLeft, ChevronLeft, AlertTriangle, Info, HelpCircle, CornerDownLeft, Circle, AlertCircle, Undo2, Save, Loader2, XCircle, ArrowRight, BookOpen, Globe2, Target, Check, Settings2 } from 'lucide-react';
 import { useQuery, useQueryClient, useInfiniteQuery } from '@tanstack/react-query';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
@@ -2113,13 +2114,24 @@ var useShellDeepLink = (args) => {
     setSelectedVariantId,
     selectedBatchId,
     setSelectedBatchId,
-    setFacetBrowseFilter
+    setFacetBrowseFilter,
+    isCollection,
+    setSelectedItemId,
+    collectionItems,
+    recordListItems,
+    recordListLoading,
+    skipNextItemResetRef
   } = args;
   const lastAppliedDLRef = useRef("");
   const [pendingDeepLinkRecordId, setPendingDeepLinkRecordId] = useState(null);
+  const warnedMissingRef = useRef(/* @__PURE__ */ new Set());
   useEffect(() => {
     if (!deepLinkState.enabled) return;
     if (selectedItemId) return;
+    console.debug("[RecordsAdminShell] rail-scope emit", {
+      scope: editingScope?.raw ?? null,
+      itemView
+    });
     deepLinkState.emit({ scope: editingScope?.raw ?? null, recordId: null }, "scope");
     lastAppliedDLRef.current = `${""}|${editingScope?.raw ?? ""}|${itemView}`;
   }, [deepLinkState.enabled, editingScope?.raw, selectedItemId, itemView]);
@@ -2159,6 +2171,53 @@ var useShellDeepLink = (args) => {
       });
     }
   }, [deepLinkState.enabled, deepLinkState.urlState]);
+  useEffect(() => {
+    const pending = pendingDeepLinkRecordId;
+    if (!pending) return;
+    if (isCollection) {
+      const hit2 = collectionItems.items.find((it) => it.id === pending || it.itemId === pending);
+      if (hit2) {
+        skipNextItemResetRef.current = true;
+        setSelectedItemId(pending);
+        setPendingDeepLinkRecordId(null);
+        return;
+      }
+      if (!collectionItems.isLoading) {
+        if (!warnedMissingRef.current.has(pending)) {
+          warnedMissingRef.current.add(pending);
+          console.warn("[RecordsAdminShell] deep-linked recordId not found in collection items \u2014 clearing pending selection", {
+            recordId: pending,
+            scope: editingScope?.raw ?? null
+          });
+        }
+        setPendingDeepLinkRecordId(null);
+      }
+      return;
+    }
+    const hit = recordListItems.find((it) => it.id === pending);
+    if (hit) {
+      if (selectedRecordId !== pending) setSelectedRecordId(pending);
+      setPendingDeepLinkRecordId(null);
+      return;
+    }
+    if (!recordListLoading) {
+      if (!warnedMissingRef.current.has(pending)) {
+        warnedMissingRef.current.add(pending);
+        console.warn("[RecordsAdminShell] deep-linked recordId not found in records list \u2014 clearing pending selection", {
+          recordId: pending,
+          scope: editingScope?.raw ?? null
+        });
+      }
+      setPendingDeepLinkRecordId(null);
+    }
+  }, [
+    pendingDeepLinkRecordId,
+    isCollection,
+    collectionItems.items,
+    collectionItems.isLoading,
+    recordListItems,
+    recordListLoading
+  ]);
   return { pendingDeepLinkRecordId, lastAppliedDLRef };
 };
 var isFacetRuleValid = (rule) => {
@@ -4012,7 +4071,7 @@ var classify2 = (mode, kind) => {
   return SMART_PUSH.includes(kind) ? "push" : "replace";
 };
 function useDeepLinkState(options) {
-  const enabled = !!options?.enabled;
+  const enabled = options?.enabled !== false;
   const history = options?.history ?? "smart";
   const paramNames = useMemo(() => ({
     ...DEFAULT_DEEP_LINK_PARAM_NAMES,
@@ -4042,8 +4101,15 @@ function useDeepLinkState(options) {
     return adapter.subscribe(() => setUrlState(adapter.read()));
   }, [adapter]);
   const emit = useCallback((partial, kind) => {
-    if (!adapter) return;
+    if (!adapter) {
+      console.debug("[smartlinks-ui] deep-link emit skipped \u2014 no adapter (deepLink not enabled?)", {
+        partial,
+        kind
+      });
+      return;
+    }
     const mode = classify2(history, kind);
+    console.debug("[smartlinks-ui] deep-link emit", { partial, kind, mode });
     adapter.write(partial, mode);
     setUrlState((prev) => ({ ...prev, ...partial }));
   }, [adapter, history]);
@@ -5101,14 +5167,16 @@ var PreviewScopePicker = ({
   onChange,
   showVariants,
   showBatches,
+  activeScope,
   i18n
 }) => {
   const productPinned = !!editingScope.productId;
+  const hideForTab = activeScope === "product" || activeScope === "variant" || activeScope === "batch";
   const products = useProductBrowse({
     SL,
     collectionId,
     pageSize: 100,
-    enabled: !productPinned
+    enabled: !productPinned && !hideForTab
   });
   const variants = useProductChildren({
     SL,
@@ -5122,11 +5190,8 @@ var PreviewScopePicker = ({
     productId: value.productId,
     kind: showBatches ? "batch" : null
   });
-  const isDefault = useMemo(
-    () => value.raw === editingScope.raw,
-    [value.raw, editingScope.raw]
-  );
   useEffect(() => {
+    if (hideForTab) return;
     if (productPinned) return;
     if (value.productId) return;
     const first = products.items[0];
@@ -5138,9 +5203,10 @@ var PreviewScopePicker = ({
       batchId: void 0,
       raw: `product:${first.id}`
     });
-  }, [productPinned, value.productId, products.items]);
-  const [productPickerOpen, setProductPickerOpen] = useState(false);
-  const showProductPicker = !productPinned && products.items.length > 1;
+  }, [hideForTab, productPinned, value.productId, products.items]);
+  const [lightboxOpen, setLightboxOpen] = useState(false);
+  if (hideForTab) return null;
+  const showProductPicker = !productPinned;
   const showVariantPicker = showVariants && !!value.productId && variants.items.length > 0;
   const showBatchPicker = showBatches && !!value.productId && batches.items.length > 0;
   if (!showProductPicker && !showVariantPicker && !showBatchPicker) {
@@ -5151,6 +5217,16 @@ var PreviewScopePicker = ({
     borderColor: "hsl(var(--ra-border))",
     color: "hsl(var(--ra-text))"
   };
+  const pickProduct = (productId) => {
+    onChange({
+      ...value,
+      productId,
+      variantId: void 0,
+      batchId: void 0,
+      raw: `product:${productId}`
+    });
+    setLightboxOpen(false);
+  };
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
     /* @__PURE__ */ jsxs(
       "span",
@@ -5163,56 +5239,27 @@ var PreviewScopePicker = ({
         ]
       }
     ),
-    !isDefault && /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => onChange(editingScope),
-        className: "text-[10px] px-2 py-1 rounded-md border hover:bg-[hsl(var(--ra-muted))]",
-        style: selectStyle,
-        children: [
-          "\u21BA ",
-          i18n?.previewAsDefault ?? "Same as edited"
-        ]
-      }
-    ),
-    showProductPicker && !productPickerOpen && currentProductName && /* @__PURE__ */ jsxs(
-      "button",
+    showProductPicker && /* @__PURE__ */ jsxs(
+      "span",
       {
-        type: "button",
-        onClick: () => setProductPickerOpen(true),
-        className: "text-[10px] px-2 py-1 rounded-md border hover:bg-[hsl(var(--ra-muted))] inline-flex items-center gap-1 max-w-[12rem] truncate",
-        style: selectStyle,
-        title: `Preview as ${currentProductName} \u2014 click to change`,
+        className: "inline-flex items-center gap-1.5 text-[11px] truncate max-w-[18rem]",
+        style: { color: "hsl(var(--ra-text))" },
         children: [
-          "as ",
-          /* @__PURE__ */ jsx("span", { className: "font-medium truncate", children: currentProductName }),
-          /* @__PURE__ */ jsx(ChevronDown, { className: "w-3 h-3 opacity-60" })
+          /* @__PURE__ */ jsx("span", { className: "font-medium truncate", title: currentProductName, children: currentProductName || "\u2014" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setLightboxOpen(true),
+              className: "text-[10px] px-1.5 py-0.5 rounded-md border hover:bg-[hsl(var(--ra-muted))]",
+              style: selectStyle,
+              title: i18n?.change ?? "Change preview product",
+              children: i18n?.change ?? "Change"
+            }
+          )
         ]
       }
     ),
-    showProductPicker && productPickerOpen && /* @__PURE__ */ jsx(
-      "select",
-      {
-        className: SELECT_CLS,
-        style: selectStyle,
-        autoFocus: true,
-        onBlur: () => setProductPickerOpen(false),
-        value: value.productId ?? "",
-        onChange: (e) => {
-          const productId = e.target.value || void 0;
-          onChange({
-            ...value,
-            productId,
-            variantId: void 0,
-            batchId: void 0,
-            raw: productId ? `product:${productId}` : ""
-          });
-          setProductPickerOpen(false);
-        },
-        children: products.items.map((p) => /* @__PURE__ */ jsx("option", { value: p.id, children: p.name }, p.id))
-      }
-    ),
     showVariantPicker && /* @__PURE__ */ jsxs(
       "select",
       {
@@ -5253,9 +5300,161 @@ var PreviewScopePicker = ({
           batches.items.map((b) => /* @__PURE__ */ jsx("option", { value: b.id, children: b.name }, b.id))
         ]
       }
+    ),
+    lightboxOpen && /* @__PURE__ */ jsx(
+      ProductPickerLightbox,
+      {
+        SL,
+        collectionId,
+        currentProductId: value.productId,
+        onPick: pickProduct,
+        onClose: () => setLightboxOpen(false),
+        i18n
+      }
     )
   ] });
 };
+var ProductPickerLightbox = ({
+  SL,
+  collectionId,
+  currentProductId,
+  onPick,
+  onClose,
+  i18n
+}) => {
+  const [search, setSearch] = useState("");
+  const inputRef = useRef(null);
+  const browse = useProductBrowse({
+    SL,
+    collectionId,
+    search,
+    pageSize: 50,
+    enabled: true
+  });
+  useEffect(() => {
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    const t = window.setTimeout(() => inputRef.current?.focus(), 0);
+    const onKey = (e) => {
+      if (e.key === "Escape") {
+        e.stopPropagation();
+        onClose();
+      }
+    };
+    window.addEventListener("keydown", onKey, true);
+    return () => {
+      window.clearTimeout(t);
+      window.removeEventListener("keydown", onKey, true);
+      document.body.style.overflow = prev;
+    };
+  }, [onClose]);
+  if (typeof document === "undefined") return null;
+  return createPortal(
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "ra-shell ra-confirm-root",
+        role: "presentation",
+        onMouseDown: (e) => e.stopPropagation(),
+        onClick: (e) => e.stopPropagation(),
+        onTouchStart: (e) => e.stopPropagation(),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "ra-confirm-backdrop", onClick: onClose }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              role: "dialog",
+              "aria-modal": "true",
+              "aria-label": i18n?.searchProducts ?? "Search products",
+              className: "ra-confirm-card",
+              style: { width: "min(520px, 100%)", padding: "1rem" },
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+                  /* @__PURE__ */ jsx(Search, { className: "w-4 h-4 opacity-60" }),
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      ref: inputRef,
+                      type: "text",
+                      value: search,
+                      onChange: (e) => setSearch(e.target.value),
+                      placeholder: i18n?.searchProducts ?? "Search products\u2026",
+                      className: "flex-1 text-sm px-2 py-1.5 rounded-md border bg-transparent focus:outline-none focus:ring-1",
+                      style: {
+                        borderColor: "hsl(var(--ra-border))",
+                        color: "hsl(var(--ra-text))"
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: onClose,
+                      className: "p-1 rounded-md hover:bg-[hsl(var(--ra-muted))]",
+                      "aria-label": i18n?.close ?? "Close",
+                      style: { color: "hsl(var(--ra-muted-text))" },
+                      children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: "overflow-y-auto rounded-md border",
+                    style: {
+                      maxHeight: "50vh",
+                      borderColor: "hsl(var(--ra-border))"
+                    },
+                    children: [
+                      browse.isLoading && browse.items.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-xs px-3 py-4 text-center", style: { color: "hsl(var(--ra-muted-text))" }, children: "Loading\u2026" }) : browse.items.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-xs px-3 py-4 text-center", style: { color: "hsl(var(--ra-muted-text))" }, children: "No products match." }) : /* @__PURE__ */ jsx("ul", { className: "divide-y", style: { borderColor: "hsl(var(--ra-border))" }, children: browse.items.map((p) => {
+                        const active = p.id === currentProductId;
+                        return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+                          "button",
+                          {
+                            type: "button",
+                            onClick: () => onPick(p.id),
+                            className: "w-full text-left px-3 py-2 text-sm hover:bg-[hsl(var(--ra-muted))] flex items-center justify-between gap-3",
+                            style: {
+                              color: "hsl(var(--ra-text))",
+                              background: active ? "hsl(var(--ra-muted))" : "transparent"
+                            },
+                            children: [
+                              /* @__PURE__ */ jsxs("span", { className: "flex flex-col min-w-0", children: [
+                                /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: p.name }),
+                                p.sku ? /* @__PURE__ */ jsx("span", { className: "truncate text-[11px]", style: { color: "hsl(var(--ra-muted-text))" }, children: p.sku }) : null
+                              ] }),
+                              active ? /* @__PURE__ */ jsx("span", { className: "text-[10px] uppercase tracking-wide", style: { color: "hsl(var(--ra-muted-text))" }, children: "current" }) : null
+                            ]
+                          }
+                        ) }, p.id);
+                      }) }),
+                      browse.hasNextPage && /* @__PURE__ */ jsx("div", { className: "px-3 py-2 border-t", style: { borderColor: "hsl(var(--ra-border))" }, children: /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => browse.fetchNextPage(),
+                          disabled: browse.isFetchingNextPage,
+                          className: "text-xs w-full py-1 rounded-md border hover:bg-[hsl(var(--ra-muted))]",
+                          style: {
+                            borderColor: "hsl(var(--ra-border))",
+                            color: "hsl(var(--ra-text))"
+                          },
+                          children: browse.isFetchingNextPage ? "Loading\u2026" : "Load more"
+                        }
+                      ) })
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    document.body
+  );
+};
 var ICONS2 = {
   table: Table,
   cards: LayoutGrid,
@@ -7010,6 +7209,18 @@ function RecordsAdminShellInner(props) {
   const i18n = { ...DEFAULT_I18N, ...i18nOverride ?? {} };
   const icons = useMemo(() => mergeIcons(iconsOverride), [iconsOverride]);
   const deepLinkState = useDeepLinkState(deepLink);
+  const deepLinkLoggedRef = useRef(false);
+  if (!deepLinkLoggedRef.current) {
+    deepLinkLoggedRef.current = true;
+    console.debug("[RecordsAdminShell] deep-link config", {
+      enabled: deepLinkState.enabled,
+      hostPassedOption: !!deepLink,
+      // Resolved adapter mode: 'host' = host-supplied, 'default' = built-in
+      // (window.location standalone, postMessage inside the SmartLinks iframe).
+      adapterMode: deepLink?.adapter ? "host" : "default",
+      paramNames: deepLinkState.paramNames
+    });
+  }
   const multiOpenWarnedRef = useRef(false);
   if (editorTabs === "multi" && !multiOpenWarnedRef.current) {
     multiOpenWarnedRef.current = true;
@@ -7240,7 +7451,18 @@ function RecordsAdminShellInner(props) {
     setSelectedVariantId,
     selectedBatchId,
     setSelectedBatchId,
-    setFacetBrowseFilter
+    setFacetBrowseFilter,
+    // Pending-recordId resolution — without these the URL's `recordId` is
+    // parsed but never opens the editor on refresh / share-link load.
+    isCollection,
+    setSelectedItemId,
+    collectionItems: {
+      items: collectionItems.items,
+      isLoading: collectionItems.isLoading
+    },
+    recordListItems: recordList.items,
+    recordListLoading: recordList.isLoading,
+    skipNextItemResetRef
   });
   const supportedForResolution = useMemo(() => requestedScopes, [requestedScopes]);
   const resolved = useResolvedRecord({
@@ -7487,6 +7709,7 @@ function RecordsAdminShellInner(props) {
         onChange: setPreviewScope,
         showVariants: drillVariantsAllowed,
         showBatches: drillBatchesAllowed,
+        activeScope,
         i18n: { previewAs: i18n.previewAs, previewAsDefault: i18n.previewAsDefault }
       }
     ) : null;
@@ -9220,6 +9443,9 @@ function useMergedRecord(args) {
   };
 }
 
+// src/components/RecordsAdmin/index.ts
+assertComponentStylesLoaded("records-admin");
+
 export { ALL_ITEM_VIEWS, ALL_PRESENTATIONS, BatchList, BulkActionsMenu, DEFAULT_DEEP_LINK_PARAM_NAMES, DEFAULT_I18N, DEFAULT_ICONS, DefaultItemCards, DefaultItemTable, DefaultRecordCard, DefaultRecordRow, DeleteButton, DirtyDraftProvider, DrawerPreview, EditorItemNav, EmptyState, ErrorState, FacetList, InheritanceMarker, InheritanceProvider, InlinePreview, IntroCard, ItemListView, ItemViewSwitcher, LoadingState, PresentationSwitcher, PreviewScopePicker, PreviewToggleButton, ProductDrillDown, ProductList, RecordBrowser, RecordEditor, RecordList, RecordsAdminShell, ResolvedPreview, ScopeBreadcrumb, ScopeTabs, SiblingRail, SidePreview, StatusDot, StatusFilterPills, StatusIcon, TabbedPreview, UtilityRow, VariantList, buildDraftKey, buildRef, checkPasteCompatibility, cloneValue, createDefaultDeepLinkAdapter, createPostMessageDeepLinkAdapter, downloadBlob, exportCsv, importCsv, isInSmartLinksIframe, mergeIcons, normaliseRule, parseRef, pickHeaderIcon, resolutionChain, resolveRecord, ruleHash, rulesEqual, scopeCountsQueryKey, statusToneLabel, summariseRule, useCollectedRecords, useCollectionItems, useDeepLinkState, useDirtyDraft, useDirtyDraftActions, useDirtyDraftStore, useDirtyDrafts, useDirtyNavigation, useFacetBrowse, useIntroDismissed, useItemViewPref, useMergedRecord, usePresentationPref, useProductBrowse, useProductChildren, useRecordClipboard, useRecordEditor, useRecordList, useResolveAllRecords, useResolvedRecord, useRulePreview, useScopeCounts, useScopeProbe, useUnsavedGuard };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map