DOC-3356: New feature documentation for tinymceai.

-scripts/README-llm-files.md

@@ -81,7 +81,7 @@ The files are generated in `modules/ROOT/attachments/`:
 
 **Post-build:** Files are moved to the root directory (handled in separate PR) and accessible at:
 - `https://www.tiny.cloud/docs/tinymce/latest/llms.txt`
-- `https://www.tiny.cloud/docs/tinymce/latest/llms-full.txt`
+- `https://www.tiny.cloud/docs/llms-full.txt`
 
 ## How It Works
 

-scripts/generate-llm-files.js

@@ -16,6 +16,7 @@ const http = require('http');
 const sanitizeHtml = require('sanitize-html');
 
 const BASE_URL = 'https://www.tiny.cloud/docs/tinymce/latest';
+const DOCS_ROOT_URL = 'https://www.tiny.cloud/docs';
 const OUTPUT_DIR = path.join(__dirname, '../modules/ROOT/attachments');
 
 // Fetch sitemap from URL or file
@@ -1187,7 +1188,7 @@ function App() {
 
 ## Complete Documentation
 
-For a complete list of all ${urls.length} documentation pages, see [llms-full.txt](${BASE_URL}/llms-full.txt).
+For a complete list of all ${urls.length} documentation pages, see [llms-full.txt](${DOCS_ROOT_URL}/llms-full.txt).
 
 `;
 }

antora.yml

@@ -10,7 +10,7 @@ asciidoc:
     companyurl: https://www.tiny.cloud
     cdnurl: https://cdn.tiny.cloud/1/no-api-key/tinymce/8/tinymce.min.js
     tdcdnurl: https://cdn.tiny.cloud/1/_your_api_key_/tinydrive/8/tinydrive.min.js
-    tinymce_live_demo_url: https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/8/tinymce.min.js
+    tinymce_live_demo_url: https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/8-dev/tinymce.min.js
     tinydrive_live_demo_url: https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinydrive/8/tinydrive.min.js
     webcomponent_url: https://cdn.jsdelivr.net/npm/@tinymce/tinymce-webcomponent/dist/tinymce-webcomponent.min.js
     jquery_url: https://cdn.jsdelivr.net/npm/@tinymce/tinymce-jquery@2/dist/tinymce-jquery.min.js
@@ -22,7 +22,9 @@ asciidoc:
     dockerimageexporttopdf: registry.containers.tiny.cloud/pdf-converter-tiny
     dockerimageexporttopdfwindows: registry.containers.tiny.cloud/pdf-converter-windows-tiny
     # document converter placeholder variables
-    exportpdf_service_url: exportpdf_service_url placeholder 
+    exportpdf_service_url: exportpdf_service_url placeholder
+    # TinyMCE AI demo API key
+    tinymceai_demo_api_key: qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc
     # product variables
     productname: TinyMCE
     productmajorversion: 8

modules/ROOT/attachments/llms.txt

@@ -101,5 +101,5 @@ function App() {
 
 ## Complete Documentation
 
-For a complete list of all 395 documentation pages, see [llms-full.txt](https://www.tiny.cloud/docs/tinymce/latest/llms-full.txt).
+For a complete list of all 395 documentation pages, see [llms-full.txt](https://www.tiny.cloud/docs/llms-full.txt).
 

modules/ROOT/examples/live-demos/tinymceai/example.js

@@ -0,0 +1,13 @@
+// Step 1: Set up session - this should be part of the application's user management process.
+tinymce.init({
+  selector: 'textarea#tinymceai',
+  height: '610px',
+  plugins: ["tinymceai", "advlist", "anchor", "autolink", "charmap", "code"],
+  toolbar: "undo redo | tinymceai-chat tinymceai-quickactions tinymceai-review | styles | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
+  tinymceai_token_provider: async () => {
+    // Step 2: Check we have a session then fetch JWT from your backend
+    return fetch('/api/tinymceai-token', { credentials: "include" })
+      .then(resp => resp.text())
+      .then(token => ({ token }));
+  }
+});

modules/ROOT/examples/live-demos/tinymceai/index.html

@@ -0,0 +1,71 @@
+<textarea id="tinymceai">
+  <h1 style="text-align: center;">How AI Is Changing Team Creativity</h1>
+  <p>Imagine a world where your team's creative potential is <strong>limitless</strong>. That's exactly what <strong>artificial intelligence (AI)</strong> is delivering right now! By <em>crushing mundane tasks</em> and serving up <em>brilliant insights on demand</em>, AI is liberating teams to unleash their creative genius. Picture this: AI-powered tools that don't just assist with brainstorming&mdash;they <strong>supercharge it</strong> by spotting hidden patterns, connecting unexpected dots, and synthesizing mountains of information in <em>seconds</em>. The result? <strong>Pure creative magic.</strong>&nbsp;</p>
+  <h2 style="text-align: center;"><span style="font-size: 24pt;">✨</span><br>Enhancing Collaboration Across Boundaries</h2>
+  <p>But wait&mdash;there's more! AI is <strong>demolishing geographical barriers</strong> and turning time zones into ancient history. Whether your team is spread across continents or just across town, intelligent platforms create a <em>seamless creative ecosystem</em>. Key superpowers include:</p>
+  <ul>
+    <li><strong>💬 </strong>Real-time feedback</li>
+    <li>📊 Contribution tracking</li>
+    <li>🎯 Project risk prediction</li>
+  </ul>
+  <p>We're talking real-time feedback that feels like <em>telepathy</em>, contribution tracking that celebrates every brilliant moment, and risk prediction that's practically <em>clairvoyant</em>. The result? Teams that <strong>move like lightning</strong> and <strong>think like visionaries</strong>.</p>
+  <h2 style="text-align: center;"><span style="font-size: 24pt;">⚡</span><br>Data-Driven Creativity and Informed Innovation</h2>
+  <p>Here's where things get <em>really exciting</em>: <strong>AI-driven data analysis</strong> is like having a crystal ball backed by hard science. While humans bring the&nbsp;<em>spark of intuition</em>, AI brings the <strong>firepower of processing massive datasets</strong> and extracting game-changing insights in real-time. No more reinventing the wheel or chasing dead ends&mdash;AI scouts out <em>untapped opportunities</em> and <em>emerging trends</em> that human eyes might miss. It's the <strong>perfect marriage</strong> of gut instinct and cold, hard facts, creating innovations that are both <strong>bold and bulletproof</strong>.</p>
+  <figure class="image align-center"><img src="https://images.unsplash.com/photo-1717501219905-2711c58ab655?ixlib=rb-4.1.0&amp;ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&amp;fm=jpg&amp;q=60&amp;w=3000" alt="a group of hands reaching up into a pile of food" width="100%">
+  <figcaption>by Aurora Mititelu as part of the Visualising AI project launched by Google DeepMind<img src="https://unsplash.com/photos/a-group-of-hands-reaching-up-into-a-pile-of-food-XEfyYsUMdR4" alt=""></figcaption>
+  </figure>
+  <h2 style="text-align: center;"><span style="font-size: 24pt;">🤝</span><br>Balancing Benefits with Ethical Considerations</h2>
+  <p>Now, let's keep it real&mdash;AI isn't a magic wand without strings attached.&nbsp;<em>Over-reliance</em> can dull our human edge, and <em>biased algorithms</em> can create echo chambers instead of idea explosions. Questions about who gets credit for AI-assisted breakthroughs? <strong>Totally valid.</strong> But here's the <strong>secret sauce</strong>: when wielded with wisdom, AI becomes your team's <strong>ultimate creative sidekick</strong>&mdash;not a replacement, but an <em>amplifier</em> that turns good ideas into <strong>groundbreaking innovations</strong>.<br><br>Don't just take our word for it&mdash;the numbers tell an <strong>incredible story</strong> of transformation across industries:</p>
+  <table style="border-collapse: collapse; width: 100%; border-width: 1px; height: 250.46875px;" border="1">
+    <thead>
+      <tr style="height: 35.78125px;">
+        <th style="background-color: #ecf0f1;" rowspan="2">Sector</th>
+        <th style="background-color: #ecf0f1;" colspan="2">AI Collaboration Adoption&nbsp;</th>
+        <th style="background-color: #ecf0f1;" rowspan="2">Impact on Team Creativity</th>
+      </tr>
+      <tr style="height: 35.78125px;">
+        <th style="background-color: #ecf0f1;">2019</th>
+        <th style="background-color: #ecf0f1;">2023</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr style="height: 35.78125px;">
+        <td>Technology</td>
+        <td>45%</td>
+        <td>82%</td>
+        <td>Enhanced innovation cycles and rapid prototyping</td>
+      </tr>
+      <tr style="height: 35.78125px;">
+        <td>Healthcare</td>
+        <td>30%</td>
+        <td>68%</td>
+        <td>Improved interdisciplinary problem-solving and patient outcomes</td>
+      </tr>
+      <tr style="height: 35.78125px;">
+        <td>Finance</td>
+        <td>25%</td>
+        <td>70%</td>
+        <td>Streamlined decision-making and risk analysis</td>
+      </tr>
+      <tr style="height: 35.78125px;">
+        <td>Education</td>
+        <td>18%</td>
+        <td>60%</td>
+        <td>Facilitated remote collaboration and new teaching methods</td>
+      </tr>
+      <tr style="height: 35.78125px;">
+        <td>Manufacturing</td>
+        <td>20%</td>
+        <td>55%</td>
+        <td>Accelerated design collaboration and process optimization</td>
+      </tr>
+    </tbody>
+  </table>
+  <p><span style="color: #7e8c8d; font-size: 10pt;">Sources:</span></p>
+  <ul>
+    <li style="font-size: 10pt;"><span style="font-size: 10pt;"><a href="https://www.gartner.com/reports/ai-adoption" target="_blank" rel="noopener noreferrer">Gartner AI Adoption Report 2024</a></span></li>
+    <li style="font-size: 10pt;"><span style="font-size: 10pt;"><a href="https://www.forbes.com/ai-collaboration" target="_blank" rel="noopener noreferrer">Forbes Insights on AI in Collaboration 2023</a></span></li>
+    <li style="font-size: 10pt;"><span style="font-size: 10pt;"><a href="https://www.weforum.org/ai-trends" target="_blank" rel="noopener noreferrer">World Economic Forum: AI Trends 2023</a></span></li>
+  </ul>
+  <p>These <strong>jaw-dropping numbers</strong> reveal a revolution in progress! 📈 AI has evolved from a <em>"nice-to-have"</em> into an <strong>absolute game-changer</strong> across every major industry, connecting brilliant minds, eliminating busywork, and turbocharging decision-making. The bottom line? As AI continues its <em>meteoric rise</em>, the <strong>winning teams</strong> will be those who master the art of blending AI's <strong>computational muscle</strong> with irreplaceable <em>human creativity, curiosity, and diverse perspectives</em>. Together, they're not just innovating&mdash;they're <strong>rewriting what's possible</strong>. 🌟</p>
+</textarea>

modules/ROOT/examples/live-demos/tinymceai/index.js

@@ -0,0 +1,18 @@
+// Step 1: Set up session - this should be part of the application's user management process. We simulate that here by creating a session for a random user.
+const apiKey = '{{tinymceai_demo_api_key}}';
+const isLoggedIn = fetch(`https://demo.api.tiny.cloud/1/${apiKey}/auth/random`, { method: "POST", credentials: "include" });
+
+tinymce.init({
+  selector: 'textarea#tinymceai',
+  height: '610px',
+  plugins: ["tinymceai", "advlist", "anchor", "autolink", "charmap", "code"],
+  toolbar: "undo redo | tinymceai-chat tinymceai-quickactions tinymceai-review | styles | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
+  tinymceai_token_provider: async () => {
+    // Step 2: Check we have a session then fetch JWT
+    return isLoggedIn.then(() =>
+      fetch(`https://demo.api.tiny.cloud/1/${apiKey}/jwt/tinymceai`, { credentials: "include" })
+        .then(resp => resp.text())
+        .then(token => ({ token }))
+    );
+  }
+});