@innovastudio/contentbox 1.6.136 → 1.6.137

package/public/contentbox/lang/en.js

@@ -583,6 +583,142 @@ _txt["JSON Submission"] = "JSON Submission";
 _txt["Standard Form Submission"] = "Standard Form Submission";
 _txt["reCAPTCHA Site Key (v2):"] = "reCAPTCHA Site Key (v2):";
 
+/* Form Builder */
+_txt["Add input field"] = "Add input field";
+_txt["Add Element"] = "Add Element";
+_txt["Delete field"] = "Delete field";
+_txt["Toggle settings"] = "Toggle settings";
+_txt["Heading 5"] = "Heading 5";
+_txt["Heading 6"] = "Heading 6";
+_txt["Heading Text Goes Here"] = "Heading Text Goes Here";
+_txt["Paragraph here"] = "Paragraph here";
+_txt["Lorem Ipsum is placeholder text used in design and typesetting. It has been the standard for dummy text since the 1500s, when a printer rearranged type to create a specimen book."] = "Lorem Ipsum is placeholder text used in design and typesetting. It has been the standard for dummy text since the 1500s, when a printer rearranged type to create a specimen book.";
+_txt["Multi Upload"] = "Multi Upload";
+_txt["Separator"] = "Separator";
+_txt["Submit Button"] = "Submit Button";
+_txt["Reset Button"] = "Reset Button";
+_txt["Placeholder Text"] = "Placeholder Text";
+_txt["Design"] = "Design";
+_txt["Generate Form"] = "Generate Form";
+_txt["Default Value"] = "Default Value";
+_txt["Min Value"] = "Min Value";
+_txt["Max Value"] = "Max Value";
+_txt["Default Text Color"] = "Default Text Color";
+_txt["Hover Text Color"] = "Hover Text Color";
+_txt["Primary Color"] = "Primary Color";
+_txt["Form Title Color"] = "Form Title Color";
+_txt["Form Description Color"] = "Form Description Color";
+_txt["Label Color"] = "Label Color";
+_txt["Label Font Size"] = "Label Font Size";
+_txt["Input Font Size"] = "Input Font Size";
+_txt["Input"] = "Input";
+_txt["Bg Color"] = "Bg Color";
+_txt["Hover Bg Color"] = "Hover Bg Color";
+_txt["Border Width"] = "Border Width";
+_txt["Focused Border Width"] = "Focused Border Width";
+_txt["Placeholder Text Color"] = "Placeholder Text Color";
+_txt["Choice (Checkbox & Radio Button)"] = "Choice (Checkbox & Radio Button)";
+_txt["Knob Color"] = "Knob Color";
+_txt["Focus Offset Color"] = "Focus Offset Color";
+_txt["Hover Border Color"] = "Hover Border Color";
+_txt["File Drop Hover Color"] = "File Drop Hover Color";
+_txt["Workflow"] = "Workflow";
+_txt["Automate Your Form Processing with AI."] = "Automate Your Form Processing with AI.";
+_txt["Add Step"] = "Add Step";
+_txt["Run Step"] = "Run Step";
+_txt["Remove Step"] = "Remove Step";
+_txt['Press "/" to insert a reference.'] = 'Press "/" to insert a reference.';
+_txt["Submit Button Text:"] = "Submit Button Text:";
+_txt["Reset Button Text:"] = "Reset Button Text:";
+_txt["Full Width Button"] = "Full Width Button";
+_txt["Hide Header"] = "Hide Header";
+_txt["Hide Reset Button"] = "Hide Reset Button";
+_txt["Prompt"] = "Prompt";
+_txt["Context"] = "Context";
+_txt["model"] = "model";
+_txt["Knowledge Base"] = "Knowledge Base";
+_txt["Add documents to personalize AI responses."] = "Add documents to personalize AI responses.";
+_txt["Enable Web Search"] = "Enable Web Search";
+_txt["Enable Vision & Image Generation"] = "Enable Vision & Image Generation";
+_txt["Enable Video Generation"] = "Enable Video Generation";
+_txt["Enable Audio Generation"] = "Enable Audio Generation";
+_txt["Local File"] = "Local File";
+_txt["Camera"] = "Camera";
+_txt["Local File & Camera"] = "Local File & Camera";
+_txt["Toggle Output"] = "Toggle Output";
+_txt["On"] = "On";
+_txt["Off"] = "Off";
+_txt["Enable URL Input"] = "Enable URL Input";
+_txt["Enable Image Mask"] = "Enable Image Mask";
+_txt["Expanded Preview"] = "Expanded Preview";
+_txt["Display in Output"] = "Display in Output";
+_txt["Media"] = "Media";
+_txt["provider"] = "provider";
+_txt["Image mask not found."] = "Image mask not found.";
+_txt["Text Generation Model"] = "Text Generation Model";
+_txt["Media Generation Model"] = "Media Generation Model";
+_txt["Generation not supported."] = "Generation not supported.";
+
+_txt["Drag and drop your file here."] = "Drag and drop your file here.";
+_txt["Drag and drop your files here."] = "Drag and drop your files here.";
+_txt["Demo Info"] = "Demo Info";
+_txt["This is an online demo and media generation is currently disabled. Get the full version for complete functionality."] = "This is an online demo and media generation is currently disabled. Get the full version for complete functionality.";
+_txt["View"] = "View";
+_txt["Download"] = "Download";
+_txt["The media generation process cannot be aborted."] = "The media generation process cannot be aborted.";
+_txt["Request aborted."] = "Request aborted.";
+_txt["Image reference not found."] = "Image reference not found.";
+_txt["Image background not found."] = "Image background not found.";
+_txt["Image not provided."] = "Image not provided.";
+_txt["Generating video request failed."] = "Generating video request failed.";
+_txt["Request failed."] = "Request failed.";
+_txt["Request failed:"] = "Request failed:";
+_txt["This form requires an endpoint from"] = "This form requires an endpoint from";
+_txt["Enable"] = "Enable";
+_txt["Brush Size"] = "Brush Size";
+_txt["Please brush over the areas to remove objects before continuing."] = "Please brush over the areas to remove objects before continuing.";
+_txt["Please input a prompt."] = "Please input a prompt.";
+_txt["Please brush the area you want to edit."] = "Please brush the area you want to edit.";
+_txt["Explore Apps"] = "Explore Apps";
+_txt["Select File"] = "Select File";
+_txt["Take Photo"] = "Take Photo";
+_txt["Capture"] = "Capture";
+_txt["Unable to perform the request."] = "Unable to perform the request.";
+_txt["Fetching data from the web..."] = "Fetching data from the web...";
+_txt["Video reference not found."] = "Video reference not found.";
+_txt["Video not provided."] = "Video not provided.";
+_txt["Please toggle this switch to proceed."] = "Please toggle this switch to proceed.";
+_txt["Template URL is not set."] = "Template URL is not set.";
+_txt["Web"] = "Web";
+_txt["Endpoint not configured."] = "Endpoint not configured.";
+_txt["Please provide model information in the context."] = "Please provide model information in the context.";
+_txt["Incorrect JSON format."] = "Incorrect JSON format.";
+_txt["Provider is not configured."] = "Provider is not configured.";
+_txt["Please wait until generation is complete."] = "Please wait until generation is complete.";
+_txt["Generation type not supported. Please check the provider settings."] = "Generation type not supported. Please check the provider settings.";
+_txt["Upload file failed."] = "Upload file failed.";
+_txt["Upload mask failed."] = "Upload mask failed.";
+_txt["Copied"] = "Copied";
+_txt["Model not found."] = "Model not found.";
+_txt["Enter URL."] = "Enter URL.";
+_txt["Output Image"] = "Output Image";
+_txt["The text exceeds the allowed limit."] = "The text exceeds the allowed limit.";
+
+_txt["Image Generation"] = "Image Generation";
+_txt["Model"] = "Model";
+_txt["Image Size"] = "Image Size";
+_txt["Square HD"] = "Square HD";
+_txt["Square"] = "Square";
+_txt["Landscape 3x2"] = "Landscape 3x2";
+_txt["Landscape 4x3"] = "Landscape 4x3";
+_txt["Landscape 5x4"] = "Landscape 5x4";
+_txt["Landscape 16x9"] = "Landscape 16x9";
+_txt["Landscape 21:9"] = "Landscape 21:9";
+_txt["Portrait 2x3"] = "Portrait 2x3";
+_txt["Portrait 3x4"] = "Portrait 3x4";
+_txt["Portrait 4x5"] = "Portrait 4x5";
+_txt["Portrait 9x16"] = "Portrait 9x16";
+_txt["Landscape 9:21"] = "Landscape 9:21";
 
 //ContentBox.js
 _txt['Sections'] = 'Sections';
@@ -918,124 +1054,3 @@ _txt["Select Background"] = "Select Background";
 _txt["Upload Background"] = "Upload Background";
 _txt["Lock Content Size"] = "Lock Content Size";
 _txt["Add ID"] = "Add ID";
-
-/* Form Builder */
-_txt["Add input field"] = "Add input field";
-_txt["Add Element"] = "Add Element";
-_txt["Delete field"] = "Delete field";
-_txt["Toggle settings"] = "Toggle settings";
-_txt["Heading 5"] = "Heading 5";
-_txt["Heading 6"] = "Heading 6";
-_txt["Heading Text Goes Here"] = "Heading Text Goes Here";
-_txt["Paragraph here"] = "Paragraph here";
-_txt["Lorem Ipsum is placeholder text used in design and typesetting. It has been the standard for dummy text since the 1500s, when a printer rearranged type to create a specimen book."] = "Lorem Ipsum is placeholder text used in design and typesetting. It has been the standard for dummy text since the 1500s, when a printer rearranged type to create a specimen book.";
-_txt["Multi Upload"] = "Multi Upload";
-_txt["Separator"] = "Separator";
-_txt["Submit Button"] = "Submit Button";
-_txt["Reset Button"] = "Reset Button";
-_txt["Placeholder Text"] = "Placeholder Text";
-_txt["Design"] = "Design";
-_txt["Generate Form"] = "Generate Form";
-_txt["Default Value"] = "Default Value";
-_txt["Min Value"] = "Min Value";
-_txt["Max Value"] = "Max Value";
-_txt["Default Text Color"] = "Default Text Color";
-_txt["Hover Text Color"] = "Hover Text Color";
-_txt["Primary Color"] = "Primary Color";
-_txt["Form Title Color"] = "Form Title Color";
-_txt["Form Description Color"] = "Form Description Color";
-_txt["Label Color"] = "Label Color";
-_txt["Label Font Size"] = "Label Font Size";
-_txt["Input Font Size"] = "Input Font Size";
-_txt["Input"] = "Input";
-_txt["Bg Color"] = "Bg Color";
-_txt["Hover Bg Color"] = "Hover Bg Color";
-_txt["Border Width"] = "Border Width";
-_txt["Focused Border Width"] = "Focused Border Width";
-_txt["Placeholder Text Color"] = "Placeholder Text Color";
-_txt["Choice (Checkbox & Radio Button)"] = "Choice (Checkbox & Radio Button)";
-_txt["Knob Color"] = "Knob Color";
-_txt["Focus Offset Color"] = "Focus Offset Color";
-_txt["Hover Border Color"] = "Hover Border Color";
-_txt["File Drop Hover Color"] = "File Drop Hover Color";
-_txt["Workflow"] = "Workflow";
-_txt["Automate Your Form Processing with AI."] = "Automate Your Form Processing with AI.";
-_txt["Add Step"] = "Add Step";
-_txt["Run Step"] = "Run Step";
-_txt["Remove Step"] = "Remove Step";
-_txt['Press "/" to insert a reference.'] = 'Press "/" to insert a reference.';
-_txt["Submit Button Text:"] = "Submit Button Text:";
-_txt["Reset Button Text:"] = "Reset Button Text:";
-_txt["Full Width Button"] = "Full Width Button";
-_txt["Hide Header"] = "Hide Header";
-_txt["Hide Reset Button"] = "Hide Reset Button";
-_txt["Prompt"] = "Prompt";
-_txt["Context"] = "Context";
-_txt["model"] = "model";
-_txt["Knowledge Base"] = "Knowledge Base";
-_txt["Add documents to personalize AI responses."] = "Add documents to personalize AI responses.";
-_txt["Enable Web Search"] = "Enable Web Search";
-_txt["Enable Vision & Image Generation"] = "Enable Vision & Image Generation";
-_txt["Enable Video Generation"] = "Enable Video Generation";
-_txt["Enable Audio Generation"] = "Enable Audio Generation";
-_txt["Local File"] = "Local File";
-_txt["Camera"] = "Camera";
-_txt["Local File & Camera"] = "Local File & Camera";
-_txt["Toggle Output"] = "Toggle Output";
-_txt["On"] = "On";
-_txt["Off"] = "Off";
-_txt["Enable URL Input"] = "Enable URL Input";
-_txt["Enable Image Mask"] = "Enable Image Mask";
-_txt["Expanded Preview"] = "Expanded Preview";
-_txt["Display in Output"] = "Display in Output";
-_txt["Media"] = "Media";
-_txt["provider"] = "provider";
-_txt["Image mask not found."] = "Image mask not found.";
-_txt["Text Generation Model"] = "Text Generation Model";
-_txt["Media Generation Model"] = "Media Generation Model";
-_txt["Generation not supported."] = "Generation not supported.";
-
-_txt["Drag and drop your file here."] = "Drag and drop your file here.";
-_txt["Drag and drop your files here."] = "Drag and drop your files here.";
-_txt["Demo Info"] = "Demo Info";
-_txt["This is an online demo and media generation is currently disabled. Get the full version for complete functionality."] = "This is an online demo and media generation is currently disabled. Get the full version for complete functionality.";
-_txt["View"] = "View";
-_txt["Download"] = "Download";
-_txt["The media generation process cannot be aborted."] = "The media generation process cannot be aborted.";
-_txt["Request aborted."] = "Request aborted.";
-_txt["Image reference not found."] = "Image reference not found.";
-_txt["Image background not found."] = "Image background not found.";
-_txt["Image not provided."] = "Image not provided.";
-_txt["Generating video request failed."] = "Generating video request failed.";
-_txt["Request failed."] = "Request failed.";
-_txt["Request failed:"] = "Request failed:";
-_txt["This form requires an endpoint from"] = "This form requires an endpoint from";
-_txt["Enable"] = "Enable";
-_txt["Brush Size"] = "Brush Size";
-_txt["Please brush over the areas to remove objects before continuing."] = "Please brush over the areas to remove objects before continuing.";
-_txt["Please input a prompt."] = "Please input a prompt.";
-_txt["Please brush the area you want to edit."] = "Please brush the area you want to edit.";
-_txt["Explore Apps"] = "Explore Apps";
-_txt["Select File"] = "Select File";
-_txt["Take Photo"] = "Take Photo";
-_txt["Capture"] = "Capture";
-_txt["Unable to perform the request."] = "Unable to perform the request.";
-_txt["Fetching data from the web..."] = "Fetching data from the web...";
-_txt["Video reference not found."] = "Video reference not found.";
-_txt["Video not provided."] = "Video not provided.";
-_txt["Please toggle this switch to proceed."] = "Please toggle this switch to proceed.";
-_txt["Template URL is not set."] = "Template URL is not set.";
-_txt["Web"] = "Web";
-_txt["Endpoint not configured."] = "Endpoint not configured.";
-_txt["Please provide model information in the context."] = "Please provide model information in the context.";
-_txt["Incorrect JSON format."] = "Incorrect JSON format.";
-_txt["Provider is not configured."] = "Provider is not configured.";
-_txt["Please wait until generation is complete."] = "Please wait until generation is complete.";
-_txt["Generation type not supported. Please check the provider settings."] = "Generation type not supported. Please check the provider settings.";
-_txt["Upload file failed."] = "Upload file failed.";
-_txt["Upload mask failed."] = "Upload mask failed.";
-_txt["Copied"] = "Copied";
-_txt["Model not found."] = "Model not found.";
-_txt["Enter URL."] = "Enter URL.";
-_txt["Output Image"] = "Output Image";
-_txt["The text exceeds the allowed limit."] = "The text exceeds the allowed limit.";

package/readme.txt

@@ -100,7 +100,7 @@ NOTE:
         
     3. Ensure that the sendCommandUrl parameter is set with the API endpoint:
 
-        const builder = new ContentBuilder({
+        const builder = new ContentBox({
             // ...
             sendCommandUrl: '/sendcommand',
             // sendCommandUrl: '/openrouter', // Using OpenRouter (https://openrouter.ai/)
@@ -108,7 +108,7 @@ NOTE:
 
         If you're using PHP:
 
-        const builder = new ContentBuilder({
+        const builder = new ContentBox({
             // ...
             sendCommandUrl: 'api/sendcommand.php',
             // sendCommandUrl: '/api/openrouter.php', // Using OpenRouter (https://openrouter.ai/)
@@ -133,26 +133,99 @@ NOTE:
     Then enable the 'speechTranscribeUrl' parameter in the ContentBox initialization (src/index.js).
 
 - To use the AI image generation:
-    1. Obtain the API key from https://getimg.ai/tools/api.
+    1. Obtain the API key from Getimg or Fal.ai:
+    
+        https://getimg.ai/tools/api
+
+        or 
+
+        https://fal.ai
+
+
     2. Update the .env file with your API key.
 
-            GETIMG_API_KEY=YOUR_API_KEY
+        GETIMG_API_KEY=YOUR_API_KEY
+
+        or 
+
+        FAL_API_KEY=YOUR_API_KEY
 
        Alternatively, if you're using PHP, update the 'api/config.php' file with your API key:
 
-            $GETIMG_API_KEY = 'YOUR_API_KEY';
+        $GETIMG_API_KEY = 'YOUR_API_KEY';
 
+        or
 
-- IMPORTANT: 
+        $FAL_API_KEY = 'YOUR_API_KEY';
 
-    Please add your own security to the API endpoints (public/api/)!
+    3. Ensure that the following parameters are set:
 
+        Using Getimg.ai for image generation:
+
+            const builder = new ContentBox({
+                // ...
+                    
+                textToImageUrl: '/texttoimage', 
+                upscaleImageUrl: '/upscaleimage',
+                imageModel: 'flux-schnell',
+                imageAutoUpscale: false,
+                // viewFileUrl: '/viewfile', // If using S3
+            });
+
+        Using Fal.ai for image generation:
+
+            const builder = new ContentBox({
+                // ...
+
+                defaultImageGenerationProvider: 'fal',
+                generateMediaUrl_Fal: '/request-fal',
+                checkRequestStatusUrl_Fal: '/status-fal',
+                getResultUrl_Fal: '/result-fal',
+            });    
+
+        Most examples in the package have this parameter configured, so you can run and test them.
+
+        The JavaScript project example in this package uses Node.js for the API endpoints.
+        Please refer to the Node.js file:
+
+            server.js
+
+            or 
+
+            server-aws (for S3 storage)
+
+        _______________________
+
+        If you're using PHP:
+
+        Using Getimg.ai for image generation:
+
+            const builder = new ContentBox({
+                // ...
+                    
+                textToImageUrl: 'api/texttoimage.php', 
+                upscaleImageUrl: 'api/upscaleimage.php',
+                imageModel: 'flux-schnell',
+                imageAutoUpscale: false,
+            });
+
+        Using Fal.ai for image generation:
+
+            const builder = new ContentBox({
+                // ...
+
+                defaultImageGenerationProvider: 'fal',
+                generateMediaUrl_Fal: 'api/request-fal.php',
+                checkRequestStatusUrl_Fal: 'api/status-fal.php',
+                getResultUrl_Fal: 'api/result-fal.php',
+            });        
+
+- IMPORTANT: 
+
+    Please add your own security to the API endpoints!
 
-- If you have Source Code package (Super license), please refer to:
 
-    readme-sourcecode.txt
 
-    for additional information.
 
 
 _____________________________________________