@firecms/core 3.0.0-tw4.2 → 3.0.0-tw4.4

package/dist/util/entity_cache.d.ts

@@ -12,7 +12,6 @@ export declare function hasEntityInCache(path: string): boolean;
  * Retrieves an entity from the in-memory cache or `localStorage`.
  * If the entity is not in the cache but exists in `localStorage`, it loads it into the cache.
  * @param path - The unique path/key for the entity.
- * @param useLocalStorage
  * @returns The cached entity or `undefined` if not found.
  */
 export declare function getEntityFromCache(path: string): object | undefined;

package/dist/util/strings.d.ts

@@ -4,3 +4,4 @@ export declare function randomString(strLength?: number): string;
 export declare function randomColor(): string;
 export declare function slugify(text?: string, separator?: string, lowercase?: boolean): string;
 export declare function unslugify(slug?: string): string;
+export declare function prettifyIdentifier(input: string): string;

package/dist/util/strings.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@firecms/core",
   "type": "module",
-  "version": "3.0.0-tw4.2",
+  "version": "3.0.0-tw4.4",
   "description": "Awesome Firebase/Firestore-based headless open-source CMS",
   "funding": {
     "url": "https://github.com/sponsors/firecmsco"
@@ -53,9 +53,9 @@
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
-    "@firecms/editor": "^3.0.0-tw4.2",
-    "@firecms/formex": "^3.0.0-tw4.2",
-    "@firecms/ui": "^3.0.0-tw4.2",
+    "@firecms/editor": "^3.0.0-tw4.4",
+    "@firecms/formex": "^3.0.0-tw4.4",
+    "@firecms/ui": "^3.0.0-tw4.4",
     "@radix-ui/react-portal": "^1.1.10",
     "clsx": "^2.1.1",
     "compressorjs": "^1.2.1",
@@ -108,7 +108,7 @@
     "dist",
     "src"
   ],
-  "gitHead": "1292c52536d1485a6dd0803de81e05448cb0a36e",
+  "gitHead": "16f788a2cb4ff14ee9d1dd2440da0cde9ffca5a9",
   "publishConfig": {
     "access": "public"
   },

package/src/core/SideDialogs.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useContext, useEffect, useRef, useState } from "react";
+import React, { useContext, useEffect, useState } from "react";
 import { useSideDialogsController } from "../hooks";
 import { SideDialogPanelProps } from "../types";
 import { Sheet } from "@firecms/ui";
@@ -61,15 +61,15 @@ export function SideDialogs() {
                 <SideDialogView
                     key={`side_dialog_${index}`}
                     panel={panel}
-                    offsetPosition={sidePanels.length - index - 1}/>)
+                    offsetPosition={sidePanels.length - index - 1} />)
         }
     </>;
 }
 
 function SideDialogView({
-                            offsetPosition,
-                            panel
-                        }: {
+    offsetPosition,
+    panel
+}: {
     offsetPosition: number,
     panel?: SideDialogPanelProps
 }) {
@@ -134,7 +134,18 @@ function SideDialogView({
 
             <Sheet
                 open={Boolean(panel)}
-                onOpenChange={(open) => !open && onCloseRequest()}
+                onOpenChange={(open) => {
+                    if (!open) {
+                        // Check if any suggestion menu is visible in DOM
+                        const suggestionMenu = document.querySelector("[data-suggestion-menu=\"true\"]");
+                        if (suggestionMenu && window.getComputedStyle(suggestionMenu).visibility !== "hidden") {
+                            // Don't close the sheet if a suggestion menu is visible
+                            // Let Tiptap handle closing the menu first
+                            return;
+                        }
+                        onCloseRequest();
+                    }
+                }}
                 title={"Side dialog " + panel?.key}
             >
                 {panel &&
@@ -150,7 +161,7 @@ function SideDialogView({
                         </ErrorBoundary>
                     </div>}
 
-                {!panel && <div style={{ width }}/>}
+                {!panel && <div style={{ width }} />}
 
             </Sheet>
 
@@ -158,7 +169,7 @@ function SideDialogView({
                 open={drawerCloseRequested}
                 handleOk={drawerCloseRequested ? handleDrawerCloseOk : handleNavigationOk}
                 handleCancel={drawerCloseRequested ? handleDrawerCloseCancel : handleNavigationCancel}
-                body={blockedNavigationMessage}/>
+                body={blockedNavigationMessage} />
 
         </SideDialogContext.Provider>
 

package/src/hooks/useProjectLog.tsx

@@ -2,7 +2,7 @@ import { useEffect, useRef, useState } from "react";
 import { AuthController, DataSourceDelegate, FireCMSPlugin } from "../types";
 
 export const DEFAULT_SERVER_DEV = "https://api-kdoe6pj3qq-ey.a.run.app";
-export const DEFAULT_SERVER = "https://api-drplyi3b6q-ey.a.run.app";
+export const DEFAULT_SERVER = "https://api.firecms.co";
 
 export type AccessResponse = {
     blocked?: boolean;

package/src/util/entity_cache.ts

@@ -122,7 +122,6 @@ export function hasEntityInCache(path: string): boolean {
  * Retrieves an entity from the in-memory cache or `localStorage`.
  * If the entity is not in the cache but exists in `localStorage`, it loads it into the cache.
  * @param path - The unique path/key for the entity.
- * @param useLocalStorage
  * @returns The cached entity or `undefined` if not found.
  */
 export function getEntityFromCache(path: string): object | undefined {
@@ -134,10 +133,6 @@ export function getEntityFromCache(path: string): object | undefined {
             const entityString = localStorage.getItem(key);
             if (entityString) {
                 const entity: object = JSON.parse(entityString, customReviver);
-                console.log("Loaded entity from localStorage:", {
-                    key,
-                    entity
-                });
                 return entity;
             }
         } catch (error) {

package/src/util/strings.test.ts

@@ -0,0 +1,101 @@
+import { prettifyIdentifier } from "./strings";
+
+describe("prettifyIdentifier", () => {
+    it("should return empty string for empty input", () => {
+        expect(prettifyIdentifier("")).toBe("");
+    });
+
+    it("should handle camelCase", () => {
+        expect(prettifyIdentifier("displayName")).toBe("Display Name");
+        expect(prettifyIdentifier("firstName")).toBe("First Name");
+        expect(prettifyIdentifier("lastName")).toBe("Last Name");
+        expect(prettifyIdentifier("emailAddress")).toBe("Email Address");
+    });
+
+    it("should handle PascalCase", () => {
+        expect(prettifyIdentifier("DisplayName")).toBe("Display Name");
+        expect(prettifyIdentifier("FirstName")).toBe("First Name");
+        expect(prettifyIdentifier("UserProfile")).toBe("User Profile");
+    });
+
+    it("should handle snake_case", () => {
+        expect(prettifyIdentifier("display_name")).toBe("Display Name");
+        expect(prettifyIdentifier("first_name")).toBe("First Name");
+        expect(prettifyIdentifier("user_profile")).toBe("User Profile");
+    });
+
+    it("should handle kebab-case", () => {
+        expect(prettifyIdentifier("display-name")).toBe("Display Name");
+        expect(prettifyIdentifier("first-name")).toBe("First Name");
+        expect(prettifyIdentifier("user-profile")).toBe("User Profile");
+    });
+
+    it("should handle mixed separators", () => {
+        expect(prettifyIdentifier("display_name-test")).toBe("Display Name Test");
+        expect(prettifyIdentifier("first-name_last")).toBe("First Name Last");
+    });
+
+    it("should handle acronyms correctly", () => {
+        expect(prettifyIdentifier("imageURL")).toBe("Image URL");
+        expect(prettifyIdentifier("XMLParser")).toBe("XML Parser");
+        expect(prettifyIdentifier("HTTPSConnection")).toBe("HTTPS Connection");
+        expect(prettifyIdentifier("parseHTML")).toBe("Parse HTML");
+    });
+
+    it("should handle consecutive uppercase letters", () => {
+        expect(prettifyIdentifier("URLParser")).toBe("URL Parser");
+        expect(prettifyIdentifier("HTMLElement")).toBe("HTML Element");
+        expect(prettifyIdentifier("APIKey")).toBe("API Key");
+    });
+
+    it("should handle single words", () => {
+        expect(prettifyIdentifier("name")).toBe("Name");
+        expect(prettifyIdentifier("title")).toBe("Title");
+        expect(prettifyIdentifier("description")).toBe("Description");
+    });
+
+    it("should handle all uppercase", () => {
+        expect(prettifyIdentifier("NAME")).toBe("NAME");
+        expect(prettifyIdentifier("TITLE")).toBe("TITLE");
+    });
+
+    it("should handle all lowercase", () => {
+        expect(prettifyIdentifier("name")).toBe("Name");
+        expect(prettifyIdentifier("title")).toBe("Title");
+    });
+
+    it("should handle multiple consecutive separators", () => {
+        expect(prettifyIdentifier("display__name")).toBe("Display Name");
+        expect(prettifyIdentifier("first--name")).toBe("First Name");
+        expect(prettifyIdentifier("user___profile")).toBe("User Profile");
+    });
+
+    it("should trim whitespace", () => {
+        expect(prettifyIdentifier("  displayName  ")).toBe("Display Name");
+        expect(prettifyIdentifier(" first_name ")).toBe("First Name");
+    });
+
+    it("should handle numbers", () => {
+        expect(prettifyIdentifier("user123")).toBe("User123");
+        expect(prettifyIdentifier("item1Name")).toBe("Item1Name");
+        expect(prettifyIdentifier("version2Point0")).toBe("Version2Point0");
+    });
+
+    it("should handle complex combinations", () => {
+        expect(prettifyIdentifier("userProfileURLParser")).toBe("User Profile URL Parser");
+        expect(prettifyIdentifier("parse_HTML_document")).toBe("Parse HTML Document");
+        expect(prettifyIdentifier("API-key-validator")).toBe("API Key Validator");
+    });
+
+    it("should handle edge cases with underscores and hyphens at boundaries", () => {
+        expect(prettifyIdentifier("_displayName")).toBe("Display Name");
+        expect(prettifyIdentifier("displayName_")).toBe("Display Name");
+        expect(prettifyIdentifier("-displayName-")).toBe("Display Name");
+    });
+
+    it("should handle already formatted strings", () => {
+        expect(prettifyIdentifier("Display Name")).toBe("Display Name");
+        expect(prettifyIdentifier("First Name")).toBe("First Name");
+    });
+});
+

package/src/util/strings.ts

@@ -61,3 +61,24 @@ export function unslugify(slug?: string): string {
         return slug.trim();
     }
 }
+
+export function prettifyIdentifier(input: string) {
+    if (!input) return "";
+
+    let text = input;
+
+    // 1. Handle camelCase and Acronyms
+    // Group 1 ($1 $2): Lowercase followed by Uppercase (e.g., imageURL -> image URL)
+    // Group 2 ($3 $4): Uppercase followed by Uppercase+lowercase (e.g., XMLParser -> XML Parser)
+    text = text.replace(/([a-z])([A-Z])|([A-Z])([A-Z][a-z])/g, "$1$3 $2$4");
+
+    // 2. Replace hyphens/underscores with spaces
+    text = text.replace(/[_-]+/g, " ");
+
+    // 3. Capitalize first letter of each word (Title Case)
+    const s = text
+        .trim()
+        .replace(/\b\w/g, (char) => char.toUpperCase());
+    console.log("Prettified identifier:", { input,s });
+    return s;
+}