@fnd-platform/cms 1.0.0-alpha.12 → 1.0.0-alpha.13

package/lib/templates/admin-content-new-route.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"admin-content-new-route.d.ts","sourceRoot":"","sources":["../../src/templates/admin-content-new-route.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,+BAA+B,IAAI,MAAM,CAoJxD"}
+{"version":3,"file":"admin-content-new-route.d.ts","sourceRoot":"","sources":["../../src/templates/admin-content-new-route.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,+BAA+B,IAAI,MAAM,CAyJxD"}

package/lib/templates/admin-content-new-route.js

@@ -120,8 +120,13 @@ export async function action({ request, params }: ActionFunctionArgs) {
 
     const created = await contentApi.create(input, token!);
 
-    // Redirect to edit page on success
-    return redirect(\`/admin/content/\${type}/\${created.id}\`);
+    // Return success with redirect URL for client-side navigation
+    // This works better with CloudFront/Lambda@Edge setups
+    return json<ContentActionData>({
+      success: true,
+      message: 'Content created successfully',
+      redirectTo: \`/admin/content/\${type}/\${created.id}\`,
+    });
   } catch (error) {
     return json<ContentActionData>(
       {

package/lib/templates/admin-content-new-route.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin-content-new-route.js","sourceRoot":"","sources":["../../src/templates/admin-content-new-route.ts"],"names":[],"mappings":";;AAOA,0EAoJC;AA3JD;;;;;;GAMG;AACH,SAAgB,+BAA+B;IAC7C,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkJR,CAAC;AACF,CAAC"}
+{"version":3,"file":"admin-content-new-route.js","sourceRoot":"","sources":["../../src/templates/admin-content-new-route.ts"],"names":[],"mappings":";;AAOA,0EAyJC;AAhKD;;;;;;GAMG;AACH,SAAgB,+BAA+B;IAC7C,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuJR,CAAC;AACF,CAAC"}

package/lib/templates/content-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"content-editor.d.ts","sourceRoot":"","sources":["../../src/templates/content-editor.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,IAAI,MAAM,CAqVjD"}
+{"version":3,"file":"content-editor.d.ts","sourceRoot":"","sources":["../../src/templates/content-editor.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,IAAI,MAAM,CA8WjD"}

package/lib/templates/content-editor.js

@@ -1,5 +1,5 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.getContentEditorTemplate = getContentEditorTemplate;
 /**
  * Generates the content editor form component template.
@@ -10,8 +10,8 @@ exports.getContentEditorTemplate = getContentEditorTemplate;
  * @returns Template string for app/components/admin/content-editor.tsx
  */
 function getContentEditorTemplate() {
-  return `import { useState, useEffect, useMemo } from 'react';
-import { Form, useNavigation, useActionData } from '@remix-run/react';
+    return `import { useState, useEffect, useMemo } from 'react';
+import { useNavigation, useActionData, useFetcher } from '@remix-run/react';
 import { Save, Eye, Archive, Trash2, ArrowLeft } from 'lucide-react';
 import type { ContentType, FieldDefinition } from '~/lib/content-types';
 import { generateContentSchema, validateContent, getFieldError } from '~/lib/content-schema';
@@ -47,6 +47,8 @@ export interface ContentActionData {
   success?: boolean;
   errors?: Record<string, string[]>;
   message?: string;
+  /** URL to redirect to after successful action (for client-side navigation) */
+  redirectTo?: string;
 }
 
 /**
@@ -77,7 +79,21 @@ export function ContentEditor({
 }: ContentEditorProps) {
   const navigation = useNavigation();
   const actionData = useActionData<ContentActionData>();
-  const isSubmitting = navigation.state === 'submitting';
+  const fetcher = useFetcher<ContentActionData>();
+
+  // Use fetcher state for submission tracking (more reliable with CloudFront/Lambda)
+  const isSubmitting = fetcher.state === 'submitting' || navigation.state === 'submitting';
+
+  // Use fetcher data if available, otherwise fall back to actionData
+  const responseData = fetcher.data ?? actionData;
+
+  // Handle redirect after successful action
+  useEffect(() => {
+    if (responseData?.success && responseData?.redirectTo) {
+      // Use window.location for reliable navigation with CloudFront/Lambda
+      window.location.href = responseData.redirectTo;
+    }
+  }, [responseData]);
 
   // Initialize form data from initial data or defaults
   const [formData, setFormData] = useState<Record<string, unknown>>(() => {
@@ -121,8 +137,8 @@ export function ContentEditor({
 
   // Combine client and server errors
   const allErrors = useMemo(() => {
-    return { ...clientErrors, ...(actionData?.errors ?? {}) };
-  }, [clientErrors, actionData?.errors]);
+    return { ...clientErrors, ...(responseData?.errors ?? {}) };
+  }, [clientErrors, responseData?.errors]);
 
   // Generate validation schema
   const schema = useMemo(() => generateContentSchema(contentType), [contentType]);
@@ -190,8 +206,8 @@ export function ContentEditor({
         </div>
       </div>
 
-      {/* Form */}
-      <Form
+      {/* Form - using fetcher.Form for reliable submission with CloudFront/Lambda */}
+      <fetcher.Form
         method="post"
         onSubmit={(e) => {
           if (!validateForm()) {
@@ -330,13 +346,22 @@ export function ContentEditor({
           </div>
         </div>
 
+        {/* Success Message - shows briefly before redirect */}
+        {responseData?.success && responseData?.redirectTo && (
+          <div className="mt-6 p-4 bg-green-500/10 border border-green-500 rounded-md">
+            <p className="text-sm text-green-700">
+              {responseData.message} Redirecting...
+            </p>
+          </div>
+        )}
+
         {/* Error Summary */}
-        {actionData?.message && !actionData.success && (
+        {responseData?.message && !responseData.success && (
           <div className="mt-6 p-4 bg-destructive/10 border border-destructive rounded-md">
-            <p className="text-sm text-destructive">{actionData.message}</p>
+            <p className="text-sm text-destructive">{responseData.message}</p>
           </div>
         )}
-      </Form>
+      </fetcher.Form>
     </div>
   );
 }
@@ -351,4 +376,4 @@ function isMetaField(field: FieldDefinition): boolean {
 }
 `;
 }
-//# sourceMappingURL=content-editor.js.map
+//# sourceMappingURL=content-editor.js.map

package/lib/templates/content-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"content-editor.js","sourceRoot":"","sources":["../../src/templates/content-editor.ts"],"names":[],"mappings":";;AAQA,4DAqVC;AA7VD;;;;;;;GAOG;AACH,SAAgB,wBAAwB;IACtC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmVR,CAAC;AACF,CAAC"}
+{"version":3,"file":"content-editor.js","sourceRoot":"","sources":["../../src/templates/content-editor.ts"],"names":[],"mappings":";;AAQA,4DA8WC;AAtXD;;;;;;;GAOG;AACH,SAAgB,wBAAwB;IACtC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4WR,CAAC;AACF,CAAC"}

package/package.json

@@ -1,17 +1,24 @@
 {
   "name": "@fnd-platform/cms",
-  "version": "1.0.0-alpha.12",
+  "version": "1.0.0-alpha.13",
   "description": "Projen project class for generating CMS admin packages in fnd-platform",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "files": [
     "lib/"
   ],
+  "scripts": {
+    "build": "tsc",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "lint": "eslint src/ test/"
+  },
   "dependencies": {
-    "projen": "^0.91.0",
-    "@fnd-platform/api": "^1.0.0-alpha.6",
-    "@fnd-platform/core": "^1.0.0-alpha.2",
-    "@fnd-platform/frontend": "^1.0.0-alpha.10"
+    "@fnd-platform/api": "workspace:^",
+    "@fnd-platform/core": "workspace:^",
+    "@fnd-platform/frontend": "workspace:^",
+    "projen": "^0.91.0"
   },
   "peerDependencies": {
     "projen": "^0.91.0"
@@ -41,12 +48,5 @@
     "type": "git",
     "url": "https://github.com/your-org/fnd-platform",
     "directory": "packages/cms"
-  },
-  "scripts": {
-    "build": "tsc",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage",
-    "lint": "eslint src/ test/"
   }
-}
+}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2024 fnd-platform contributors
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.