Site Builder

Editing: tools-writing-press-release2.php

writable 0666

<?php
/*****************************************************************
 *  Promptinator — Press‑Release Studio  v1.1 (Aug‑2025)
 *****************************************************************/

declare(strict_types=1);

/* ---------- 0. shared cookie helpers ------------------------ */
define('COOKIE', 'openai_key');
define('TTL',     30*24*3600);
define('SECRET',  'openai-shared-v1');

$host = $_SERVER['HTTP_HOST'] ?? '';
$root = (!filter_var($host, FILTER_VALIDATE_IP) &&
         preg_match('/([a-z0-9-]+\.[a-z]{2,})$/i', $host,$m))
        ? '.'.$m[1] : '';

/* ---------- 1. save / delete key --------------------------- */
if($_SERVER['REQUEST_METHOD']==='POST' && isset($_POST['save_key'])){
    $raw=trim($_POST['api_key']??'');
    $ctx=stream_context_create(['http'=>['method'=>'GET','header'=>"Authorization: Bearer $raw\r\n",'timeout'=>6]]);
    if(@file_get_contents('https://api.openai.com/v1/models',false,$ctx)){
        setcookie(COOKIE,enc($raw),time()+TTL,'/',$root,isset($_SERVER['HTTPS']),true);
        header('Location: '.$_SERVER['REQUEST_URI']);exit;
    }
    http_response_code(400);echo'Bad key';exit;
}
if(isset($_GET['logout'])){
    setcookie(COOKIE,'',time()-3600,'/',$root,isset($_SERVER['HTTPS']),true);
    header('Location: '.$_SERVER['PHP_SELF']);exit;
}

/* ---------- 2. AJAX --------------------------------------- */
if($_SERVER['REQUEST_METHOD']==='POST' && ($_GET['ajax']??'')==='1'){
    header('Content-Type: application/json;charset=utf-8');

$news = trim($_POST['news']??'');
    $company = trim($_POST['company']??'');
    $slogan  = trim($_POST['slogan']??'');
    $url     = trim($_POST['url']??'');
    $boiler  = trim($_POST['boiler']??'');
    $tone    = $_POST['tone'] ?? 'Standard (500 words)';
    $elems   = $_POST['elems']??[];
    $date    = $_POST['date'] ?? date('F j, Y');
    $model   = $_POST['model'] ?? 'gpt-3.5-turbo';
    $key     = isset($_COOKIE[COOKIE]) ? dec($_COOKIE[COOKIE]) : '';

if(!$key){echo json_encode(['error'=>'No API key']);exit;}
    if(!$news||!$company||!$boiler){echo json_encode(['error'=>'Please fill required fields']);exit;}

/* map preset */
    $preset=[
      'Standard (500 words)'         => ['len'=>500,'tone'=>'Professional, objective'],
      'Enthusiastic Launch (400)'    => ['len'=>400,'tone'=>'Excited, engaging'],
      'Investor Focus (300)'         => ['len'=>300,'tone'=>'Concise, data‑driven'],
      'Human‑interest (450)'         => ['len'=>450,'tone'=>'Storytelling, warm'],
    ][$tone];

$elemTxt = $elems ? implode(', ', $elems) : 'no special elements';
    $prompt="Write a press release (~{$preset['len']} words, tone: {$preset['tone']}).\n"
           ."MUST INCLUDE: headline, dateline ({$date}), body, ### elements: {$elemTxt}, boilerplate, media contact.\n"
           ."NEWS HOOK: {$news}\n"
           ."COMPANY: {$company}".($slogan?" – {$slogan}":'')."\n"
           .($url?"REFERENCE URL: {$url}\n":'')
           ."BOILERPLATE:\n{$boiler}";

$payload=['model'=>$model,'messages'=>[['role'=>'user','content'=>$prompt]],
              'max_tokens'=>1000,'temperature'=>0.7];

$ch=curl_init('https://api.openai.com/v1/chat/completions');
    curl_setopt_array($ch,[CURLOPT_RETURNTRANSFER=>1,CURLOPT_POST=>1,
        CURLOPT_HTTPHEADER=>['Authorization: Bearer '.$key,'Content-Type: application/json'],
        CURLOPT_POSTFIELDS=>json_encode($payload),CURLOPT_TIMEOUT=>60]);
    $raw=curl_exec($ch);curl_close($ch);
    $html=$raw?json_decode($raw,true)['choices'][0]['message']['content']:'';
    echo $html?json_encode(['html'=>$html]):json_encode(['error'=>'Empty response']);exit;
}

/* ---------- 3. page --------------------------------------- */
$logged = isset($_COOKIE[COOKIE]) && dec($_COOKIE[COOKIE]);
$models = ['gpt-3.5-turbo','gpt-4o-mini','gpt-4'];
?>
<!doctype html><html lang="en"><head>
<meta charset="utf-8"><meta name=viewport content="width=device-width,initial-scale=1">
<title>Press‑Release Studio • Promptinator</title>
<style>
:root{--bg:#f1f4fb;--card:#fff;--dark:#121720;--brand:#004cff;--brand-d:#0841c4;
      --green:#5af287;--red:#e24d4b;--radius:26px;--shadow:0 6px 30px rgba(0,0,0,.08);
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px}
body{margin:0;min-height:100vh;background:var(--bg);display:flex;flex-direction:column;color:#111}
.breadcrumb{background:#ececec;font-weight:600;padding:.7rem 1.2rem}.breadcrumb a{color:var(--brand);text-decoration:none}
main{width:100%;max-width:960px;margin:2.4rem auto;padding:0 1.2rem;flex:1}
.tool-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem}
#bar{background:var(--dark);color:#fff;padding:.9rem 1.2rem;border-radius:var(--radius);display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
#bar select,#bar input{border:none;border-radius:8px;padding:.55rem .85rem;font-size:1rem}#bar select{background:#1e2535;color:#fff}
.badge{display:flex;align-items:center;gap:.4ch;font-weight:600;font-size:.95rem}.badge i{width:.55rem;height:.55rem;border-radius:50%;background:var(--green)}
.badge button{background:none;border:none;color:var(--red);font-size:1.1rem;cursor:pointer}
label{font-weight:600;font-size:.95rem;display:flex;flex-direction:column;gap:.4rem}
input,select,textarea{width:100%;padding:.7rem 1rem;border:1px solid #ccd4e8;border-radius:10px;font-size:1rem;background:#fff;box-sizing:border-box}
input:focus,select:focus,textarea:focus{outline:2px solid var(--brand)}
textarea{resize:vertical;min-height:100px;font-family:ui-monospace,monospace}
.form-grid{display:grid;gap:1.4rem;margin-top:1.8rem}
@media(min-width:700px){.form-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}
.btn{background:var(--brand);color:#fff;border:none;border-radius:10px;padding:.75rem 1.55rem;font-size:1rem;font-weight:600;cursor:pointer}
.btn:hover{background:var(--brand-d)}.copyBtn{margin-top:.7rem}
#spin{display:none;gap:.6ch;align-items:center;margin-top:.8rem}#spin.show{display:flex}@keyframes rot{to{transform:rotate(360deg)}}
#spin svg{width:20px;height:20px;animation:rot 1s linear infinite}
.preview{background:#fff;border:1px solid #dfe3ef;border-radius:12px;padding:1.2rem;max-height:65vh;overflow:auto}
.tokenBox{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.4rem}
.token{background:#e8efff;color:#003c9e;padding:.35rem .9rem;border-radius:18px;font-weight:600;position:relative}
.token .x{position:absolute;top:-6px;right:-6px;border-radius:50%;background:#e24d4b;color:#fff;width:16px;height:16px;font-size:12px;line-height:16px;text-align:center;cursor:pointer}
.micBtn{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;cursor:pointer}
</style></head><body>

<nav class="breadcrumb">
  <a href="/members/dashboard.php">Dashboard</a> »
  <a href="/ai-tools/tools.php">AI Toolbox</a> » Press‑Release Studio
  <a href="/<?= $_SESSION['slug']??''?>/" style="float:right">View Site</a>
</nav>

<main>
 
 <div id="bar">
  <?php if(!$logged): ?>
   <form method="post" style="display:flex;flex-wrap:wrap;gap:.7rem" autocomplete="off">
     <input type="password" name="api_key" placeholder="sk-…" required>
     <button class="btn" name="save_key">Save Key</button>
   </form>
  <?php else: ?>
   <span class="badge"><i></i> API key saved <button onclick="location='?logout=1'">×</button></span>
   <select id="modelSel"><?php foreach($models as $m):?><option><?=$m?></option><?php endforeach;?></select>
  <?php endif;?>
 </div>

<?php if(!$logged): ?>
  <div class="tool-card" style="text-align:center;margin-top:2rem"><h2>Get started</h2><p>Save your API key above.</p></div>
 <?php else: ?>
  <div class="tool-card">
   <h2 style="margin-top:0">Generate a press release</h2>

<label class="full" style="grid-column:1/-1">News in one sentence
       <div style="position:relative">
         <textarea id="news" name="news" placeholder="e.g. We’re launching the world’s lightest e‑bike…"></textarea>
         <button type="button" id="mic" class="micBtn">🎤</button>
       </div>
     </label>

<label>Company name<input id="company" name="company"></label>
     <label>Slogan / tagline<input id="slogan" name="slogan" placeholder="Optional"></label>
     <label>Reference URL<input id="url" name="url" type="url" placeholder="https://…"></label>
     <label>Release date<input id="date" name="date" type="date" value="<?=date('Y-m-d')?>"></label>

<label>Tone & length
       <select id="tone" name="tone">
         <option>Standard (500 words)</option>
         <option>Enthusiastic Launch (400)</option>
         <option>Investor Focus (300)</option>
         <option>Human‑interest (450)</option>
       </select>
     </label>

<label class="full" style="grid-column:1/-1">Boilerplate
       <textarea id="boiler" name="boiler" placeholder="About Your Company…"></textarea>
     </label>

<label class="full" style="grid-column:1/-1">Add optional elements
       <select id="elemSel">
         <option disabled selected value>— select element —</option>
         <option>CEO quote</option>
         <option>Statistics figure</option>
         <option>Call‑to‑action</option>
         <option>Media contact</option>
         <option>Image caption mention</option>
       </select>
       <div id="elemBox" class="tokenBox"></div>
     </label>

<button class="btn" id="go" style="grid-column:1/-1" disabled>Generate release</button>
     <div id="spin"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" fill="none"/></svg><span id="s">0</span>&nbsp;s</div>
   </form>

<section id="out" style="display:none;margin-top:2.2rem">
     <h3>HTML source</h3><textarea id="raw" readonly style="min-height:180px"></textarea>
     <button class="btn copyBtn" id="copyRaw">Copy HTML</button>

<h3 style="margin-top:2rem">Rendered preview</h3>
     <div id="rend" class="preview"></div>
     <button class="btn copyBtn" id="copyR">Copy Rendered HTML</button>
   </section>
  </div>
 <?php endif;?>
</main>

<script>
(()=>{

const $=id=>document.getElementById(id);

/* ---------- mic -------------------------------------------- */
if($('mic')&&(window.SpeechRecognition||window.webkitSpeechRecognition)){
  const R=new (window.SpeechRecognition||window.webkitSpeechRecognition)();R.lang='en-US';
  $('mic').onclick=()=>{try{R.start();}catch{}};
  R.onresult=e=>{$('news').value=e.results[0][0].transcript;checkRequired();};
}else $('mic').style.display='none';

/* ---------- required field watcher ------------------------- */
function checkRequired(){
 const ok=$('news').value.trim()&&$('company').value.trim()&&$('boiler').value.trim();
 $('go').disabled=!ok;
}
['news','company','boiler'].forEach(id=>$(id).addEventListener('input',checkRequired));
checkRequired();

/* ---------- element tokens --------------------------------- */
const elemSel=$('elemSel'), box=$('elemBox');
elemSel.onchange=()=>{
  const txt=elemSel.value;if(!txt)return;
  // avoid duplicates
  if([...box.children].some(t=>t.dataset.val===txt)){elemSel.selectedIndex=0;return;}
  const span=document.createElement('span');span.className='token';span.dataset.val=txt;span.textContent=txt;
  span.insertAdjacentHTML('beforeend','<span class="x">×</span>');
  span.querySelector('.x').onclick=()=>{span.remove();};
  box.appendChild(span);
  elemSel.selectedIndex=0;
};
/* on submit copy tokens to hidden inputs */
function pushTokens(fd){
  [...box.children].forEach(t=>fd.append('elems[]',t.dataset.val));
}

/* ---------- AJAX ------------------------------------------- */
if($('gen')){
 $('gen').onsubmit=e=>{
  e.preventDefault();
  $('go').disabled=true;let sec=0;$('s').textContent=0;$('spin').classList.add('show');
  const tick=setInterval(()=>$('s').textContent=++sec,1000);

const fd=new FormData($('gen'));pushTokens(fd);

fetch('?ajax=1',{method:'POST',body:fd})
   .then(r=>r.json()).then(j=>{
     clearInterval(tick);$('spin').classList.remove('show');$('go').disabled=false;
     if(j.error){alert(j.error);return;}
     $('raw').value=j.html;$('rend').innerHTML=j.html;$('out').style.display='';
     $('copyRaw').onclick=()=>navigator.clipboard.writeText($('raw').value).then(()=>flash($('copyRaw')));
     $('copyR').onclick  =()=>navigator.clipboard.writeText($('rend').innerHTML).then(()=>flash($('copyR')));
     $('rend').scrollIntoView({behavior:'smooth'});
   }).catch(err=>{clearInterval(tick);$('spin').classList.remove('show');$('go').disabled=false;alert(err);});
 };
}

/* ---------- model selector sync ---------------------------- */
if($('modelSel')) $('modelSel').onchange=e=>$('modelHidden').value=e.target.value;

/* ---------- helper ----------------------------------------- */
function flash(btn){const t=btn.textContent;btn.textContent='✔ Copied';setTimeout(()=>btn.textContent=t,1200);}
})();
</script>
</body></html>

Site Builder

Editing: tools-writing-press-release2.php

Site Builder