Download the PHP package websystems/web-prompt-creator-bundle without Composer

Web Prompt Creator

for Symfony & EasyAdmin

WPC is drag & drop builder for OpenAi (or other) prompts.

By WPC you can design advanced prompts which can send several request before final response

Requirements

• Symfony UX Vue https://symfony.com/bundles/ux-vue/current/index.html

Installation

Install WPC

Create service which will override input data $options will be used in input widget and values will be updated before send to AI

Configure EasyAdmin crud controller and add service Add PromptField and set custom option named "input" with service options

Create override template for this field in templates/admin for example. web_prompt_creator.html.twig In {% block _Prompt_prompt_widget %} Prompt is a entity name and _prompt is entity property name arguments:

• element_hidden - if true then block will show <input type="hidden"... field, if false then </li> <li>element_value - field value</li> <li>element_id - field id</li> <li>element_name - field name</li> <li>input - "input" data from your service</li> </ul> <p>Add form themes to crud controller</p> <p>Configure assets by adding js and css files</p> <h3>Usage</h3> <p>WPC creates JSON data which is stored in database. There are functions to handle this JSON and process to final response.</p> <p>If you have an API class which is used to send requests to AI it must implements interface:</p> <p>If you want to process for example in your controller, you must use dependency injection to get services:</p> <p>And add important things to your webPromptCreator instance createRequests() - will send requests to ai and process all</p> <p>To read final response</p> <p>To read response by UID of request:</p> <p>To read response data by UID of request widget:</p> <p>showDummyCoversation is like createRequests() but will not send requests to AI and create PromptRequestCollection with dummy data</p></div><hr/> <h2 id="all-versions">All versions of web-prompt-creator-bundle with dependencies</h2> <div id="select-php-version" class="input-group" title="PHP version which will be used to build the Composer package."> <span class="input-group-addon">PHP Build Version</span> <select name="phpVersion" autocomplete="off" class="custom-select form-control"> <option value='8.0.21'>8.0.21</option><option value='7.3.33'>7.3.33</option> </select> </div> <div id="select-package-version" class="input-group" title="Which version of the package should be downloaded."> <span class="input-group-addon" id="select-package-version-label">Package Version</span> <select class="custom-select form-control" aria-describedby="select-package-version-label" autocomplete="off" data-package="web-prompt-creator-bundle" data-vendor="websystems" data-latest-version="0.0.14.0" > <option value="0.0.14.0" selected="selected" > 0.0.14 </option> <option value="0.0.13.0" > 0.0.13 </option> <option value="0.0.12.0" > 0.0.12 </option> <option value="0.0.11.0" > 0.0.11 </option> <option value="0.0.10.0" > 0.0.10 </option> <option value="0.0.9.0" > 0.0.9 </option> <option value="0.0.8.0" > 0.0.8 </option> <option value="0.0.7.0" > 0.0.7 </option> <option value="0.0.6.0" > 0.0.6 </option> <option value="0.0.5.0" > 0.0.5 </option> <option value="0.0.4.0" > 0.0.4 </option> <option value="0.0.1.0" > 0.0.1 </option> </select> </div> <div id="accordion" role="tablist" aria-multiselectable="true"> <div class="card"> <div class="card-header" role="tab" id="heading"> <h3 class="mb-0"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse" aria-expanded='true' aria-controls="collapse"> Version 0.0.14 <span class="date">Release 19. Jun 2024</span> </a> <p class="hidden-md-up"></p> <label class="float-right">  <button class="btn btn-phplibs btn-sm difference-btn"><i class="fa fa-question-circle"></i></button> </label> <label class="radio-inline float-right">   <input type="radio" name="download_type" value="CREATE_PROJECT" > create-project</label> <label class="radio-inline float-right">   <input type="radio" name="download_type" value="REQUIRE" > require</label> <label class="float-right option-advice"> 0 people choosed <em>require</em> and<br/>0 people choosed <em>create-project</em>. </label> <div class="float-right"> <button type="button" class="btn btn-phplibs float-right add-to-project-btn" data-name="websystems/web-prompt-creator-bundle" data-version="0.0.14.0" data-vendor="websystems"> <i class="fa fa-plus-circle"></i> Add to Project </button> <div class="clearfix" ></div> <a href rel="nofolow" data-package="web-prompt-creator-bundle" data-vendor="websystems" data-version="0.0.14.0" class="btn btn-phplibs float-right download-btn"><i class="fa fa-download"></i> Download </a> </div> </h3> <img class="latest-version" src="/img/latest_version.jpg" alt="Download latest version of web-prompt-creator-bundle from vendor websystems"> </div> <div id="collapse" class="collapse" role="tabpanel" aria-labelledby="heading"> <div class="card-block"> <strong>Requires</strong> <strong>php</strong> Version <em>^8.1</em><br/> </div> </div> </div> </div> <span onclick="ga('send', 'event', 'Client Download detail page', 'Client Download detail page')" >Composer command for our command line client (<a target="_blank" href="/php-composer-cloud-build-server">download client</a>)</span> <input type="text" class="form-control copy-to-clipboard" value="php-download require websystems/web-prompt-creator-bundle"> <em class="mb-2 d-block">This client runs in each environment. You don't need a specific PHP version etc. The first 20 API calls are free.</em> <span>Standard composer command</span> <input type="text" class="form-control copy-to-clipboard" value="composer require websystems/web-prompt-creator-bundle"> <p></p> <p></p><h2 id='files'>The package websystems/web-prompt-creator-bundle contains the following files</h2><input id='packageSearch' name='packageSearch' type='text' placeholder='Search files' class='form-control' style='display:none;' /><div class='file-wrapper'><span><i class='fa fa-spinner fa-pulse fa-2x fa-fw'></i> Loading the files please wait ....</span></div><div class='clearfix' ></div><p></p> <script> function initVersionSpecificActions() { $(".difference-btn").click(function (e) { showDialog("<em>require</em>" + "<br/>If this library should be a part of your project, then choose require. " + "It results in a zip file, which contains a vendor folder. In this vendor folder will be the library you downloaded. " + "There is a dummy index.php as a example to integrate the library." + "<br/><br/>" + "<em>create-project</em>" + "<br/>This option should be choosed, if you want to create a project at top of this code. " + "This option should be choosed if you download a PHP framework like Laravel, CakePHP, ..."); }); var downloadButton; var chosenDownloadType; var chosenPhpVersion; var loadingModal; var fileCheckInterval; var isFileCheckRequestRunning = false; $(".download-btn").click(function (e) { e.preventDefault(); downloadButton = $(e.target).closest("a"); chosenDownloadType = downloadButton.closest('.card').find("input[name^=download_type]:checked").val(); chosenPhpVersion = $("select[name='phpVersion']").val(); if (!chosenDownloadType) { showDialog("Please choose a download type require or create-project"); return; } loadingModal = $('#download-loading-dialog'); setLoadingModalContent( '<i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i> Loading, please wait ...', 'Before you can download the PHP files, the dependencies should be resolved. <strong>This can take a few minutes.</strong> Please be patient.' ); loadingModal.modal('show'); checkIfFileIsReady(); fileCheckInterval = setInterval(checkIfFileIsReady, 3000); }); var checkIfFileIsReady = function () { if (isFileCheckRequestRunning) { return; } if (!apiKey) { window.location.href = "/users/register?rel=" + encodeURIComponent(window.location.href); return; } $.ajax(downloadDomain + '/api/v1/packages/start-download', { data: { version: downloadButton.data("version"), package: downloadButton.data("package"), vendor: downloadButton.data("vendor"), downloadType: chosenDownloadType, phpVersion: chosenPhpVersion }, headers: { "API-Key": apiKey }, type: 'GET', beforeSend: function () { isFileCheckRequestRunning = true; }, complete: function (xhr) { isFileCheckRequestRunning = false; var isError = true; var response = null; if (xhr.status === 200) { response = JSON.parse(xhr.responseText); if (typeof response.status === 'string') { if (response.status === 'complete' && typeof response.url === 'string') { clearFileCheckInterval(); location.href = response.url; return; } else if (response.status === 'pending') { isError = false; } } } else if (xhr.status === 403) { response = JSON.parse(xhr.responseText); switch (response.code) { case "no_subscription": window.location.href = "/billing?no_subscription=1"; break; } return; } if (isError) { clearFileCheckInterval(); setLoadingModalContent('<i class="fa fa-exclamation-triangle"></i> Internal error', 'Please try again later or <a href="mailto:jwwi2013@gmail.com">contact us</a>.', true); loadingModal.find('.close').removeClass('hidden'); setTimeout(function () { loadingModal.modal('hide'); }, 10 * 1000); } } }); }; function clearFileCheckInterval() { clearInterval(fileCheckInterval); fileCheckInterval = null; } function setLoadingModalContent(titleHtml, bodyHtml, isError) { var modalTitle = loadingModal.find('.modal-title'); var modalBody = loadingModal.find('.modal-body'); var errorClass = 'danger'; modalTitle.html(titleHtml); modalBody.html(bodyHtml); if (isError) { modalTitle.addClass(errorClass); } else { modalTitle.removeClass(errorClass); } } $(".add-to-project-btn").click(function (e) { let buttonElement = $(e.target).closest("button"); $.ajax("/project-positions/add", { data: "version=" + buttonElement.data("version") + '&name=' + buttonElement.data("name") + '&vendor=' + buttonElement.data("vendor") + '&add_type=REQUIRE', type: "POST", success: function (response) { response = JSON.parse(response); if (!response.success) { switch (response.errorCode) { case "no_active_project": showDialog("There is no active project."); break; case "already_added": showDialog("This item is already added to your project."); break; default: showDialog("There was an error. Please contact the support."); break; } } else { showSuccessToast("Item was added to the project."); } }, error: function (xhr, status) { if (xhr.status == 403) { window.location.href = "/users/register"; } else { showDialog("There was an error. Please contact the support."); } } }); }); } initVersionSpecificActions(); $(function () { $.get(downloadDomain + "/files-list/package-ajax/websystems/web-prompt-creator-bundle", function (data) { $(".file-wrapper").html(data); if ($('.file-entry').length) { $("#packageSearch").show(); } // toggle folder on click //TODO: code is repeated $('.dir-entry').each(function (i, e) { $(e).click(function () { $(this).next().toggle(); $(this).find('.fa').toggleClass('fa-caret-down').toggleClass('fa-caret-right'); }); }); $('.collapse-all-folders').click(function () { $('.dir-entry').each(function (i, e) { $(e).next().hide(); $(this).find('.fa').removeClass('fa-caret-down').addClass('fa-caret-right'); }); $(this).hide(); $('.expand-all-folders').show(); }); $('.expand-all-folders').click(function () { $('.dir-entry').each(function (i, e) { $(e).next().show(); $(this).find('.fa').addClass('fa-caret-down').removeClass('fa-caret-right'); }); $(this).hide(); $('.collapse-all-folders').show(); }); }); }); $(".copy-to-clipboard").focus(function () { $(this).select(); copyTextToClipboard($(this).val()); showSuccessToast("Copied to clipboard!"); ga('send', 'event', 'Copied require cmd', 'Copied require cmd'); }); $("#packageSearch").keyup(function (event) { var indentLevels = [2, 4, 6, 8, 10, 12]; var files = $('.file-entry'); var dirs = $('.dir-entry'); var expandDirs = $('.expand-all-folders'); var collapseDirs = $('.collapse-all-folders'); files.hide(); expandDirs.click().hide(); collapseDirs.hide(); var txt = $(this).val(); files.each(function () { if ($(this).text().toUpperCase().indexOf(txt.toUpperCase()) !== -1) { $(this).show(); dirs.hide(); for (var i = 0; i < indentLevels.length; i++) { if (countInstances($(this).html(), 'nbsp') === indentLevels[i]) { $(this).addClass(indentLevels[i].toString()); break; } } $(this).html($(this).html().replace(/ /g, '')); } }); if ($(this).val() == '') { //TODO: simplify $('.dir-entry').show(); $('.2').prepend('  '); $('.4').prepend('    '); $('.6').prepend('      '); $('.8').prepend('        '); $('.10').prepend('          '); $('.12').prepend('            '); } if ($(this).val() === '') { dirs.show(); expandDirs.hide(); collapseDirs.show().click(); for (var i = 0; i < indentLevels.length; i++) { $('.' + indentLevels[i].toString()).prepend(' '.repeat(indentLevels[i])); } } }); function countInstances(string, word) { return string.split(word).length - 1; } $("#select-package-version select").change(function () { const select = $(this); const version = select.val(); $.get( '/details/version/' + select.data('vendor') + '/' + select.data('package') + '/' + version, function (data) { if (typeof data === 'string' && data.length > 0) { $("#accordion").html(data); initVersionSpecificActions(); var latestVersionImage = $('img.latest-version'); if (version !== select.data('latest-version')) { latestVersionImage.hide(); } else { latestVersionImage.show(); } } } ); }); </script> </main> <footer> <p></p> <div class="text-center">© 2017 - 2024 Weber Informatics LLC</div> </footer> <!-- ************************** DIALOGS ************************** --> <div class="modal" id="download-loading-dialog" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel"><i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i> Loading please wait ...</h5> <button type="button" class="close hidden" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> Before you can download the PHP files, the dependencies should be resolved. <strong>This can take some minutes.</strong> Please be patient. </div> </div> </div> </div> <div class="modal fade" id="general-dialog" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> CONTENT </div> <div class="modal-footer"> <button type="button" data-dismiss="modal" class="btn btn-phplibs btn-sm">OK</button> </div> </div> </div> </div> <!-- ************************** DIALOGS ************************** --> </body> </html>