feat(docs): add chatgpt quick link to page actions
This commit is contained in:
@@ -201,18 +201,6 @@ ul>li.page-action-item::after{
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Badge */
|
/* Badge */
|
||||||
.page-action-badge {
|
|
||||||
display: inline-block;
|
|
||||||
background: #f59e0b;
|
|
||||||
color: #070708;
|
|
||||||
padding: 0.125rem 0.5rem;
|
|
||||||
border-radius: 12px;
|
|
||||||
font-size: 0.65rem;
|
|
||||||
font-weight: 600;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 0.05em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* External link indicator */
|
/* External link indicator */
|
||||||
.page-action-external::after {
|
.page-action-external::after {
|
||||||
content: '→';
|
content: '→';
|
||||||
|
|||||||
@@ -176,13 +176,11 @@ document.addEventListener('DOMContentLoaded', () => {
|
|||||||
</li>
|
</li>
|
||||||
<div class="page-actions-divider"></div>
|
<div class="page-actions-divider"></div>
|
||||||
<li class="page-action-item">
|
<li class="page-action-item">
|
||||||
<a href="#" class="page-action-link disabled" id="action-ask-ai" role="menuitem">
|
<a href="#" class="page-action-link page-action-external" id="action-open-chatgpt" role="menuitem">
|
||||||
<span class="page-action-icon icon-ai"></span>
|
<span class="page-action-icon icon-ai"></span>
|
||||||
<span class="page-action-text">
|
<span class="page-action-text">
|
||||||
<span class="page-action-label">Ask AI about page</span>
|
<span class="page-action-label">Open in ChatGPT</span>
|
||||||
<span class="page-action-description">
|
<span class="page-action-description">Ask questions about this page</span>
|
||||||
<span class="page-action-badge">Coming Soon</span>
|
|
||||||
</span>
|
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@@ -277,6 +275,18 @@ document.addEventListener('DOMContentLoaded', () => {
|
|||||||
window.open(githubUrl, '_blank', 'noopener,noreferrer');
|
window.open(githubUrl, '_blank', 'noopener,noreferrer');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function getCurrentPageUrl() {
|
||||||
|
const { href } = window.location;
|
||||||
|
return href.split('#')[0];
|
||||||
|
}
|
||||||
|
|
||||||
|
function openChatGPT() {
|
||||||
|
const pageUrl = getCurrentPageUrl();
|
||||||
|
const prompt = encodeURIComponent(`Read ${pageUrl} so I can ask questions about it.`);
|
||||||
|
const chatUrl = `https://chatgpt.com/?hint=search&prompt=${prompt}`;
|
||||||
|
window.open(chatUrl, '_blank', 'noopener,noreferrer');
|
||||||
|
}
|
||||||
|
|
||||||
(async () => {
|
(async () => {
|
||||||
if (!shouldShowButton()) {
|
if (!shouldShowButton()) {
|
||||||
return;
|
return;
|
||||||
@@ -319,12 +329,12 @@ document.addEventListener('DOMContentLoaded', () => {
|
|||||||
closeDropdown(button, dropdown, overlay);
|
closeDropdown(button, dropdown, overlay);
|
||||||
});
|
});
|
||||||
|
|
||||||
// Ask AI action (disabled for now)
|
// Open in ChatGPT action
|
||||||
document.getElementById('action-ask-ai').addEventListener('click', (e) => {
|
document.getElementById('action-open-chatgpt').addEventListener('click', (e) => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
// Future: Integrate with Ask AI feature
|
openChatGPT();
|
||||||
// For now, do nothing (disabled state)
|
closeDropdown(button, dropdown, overlay);
|
||||||
});
|
});
|
||||||
|
|
||||||
// Close on ESC key
|
// Close on ESC key
|
||||||
|
|||||||
@@ -115,4 +115,4 @@ extra_javascript:
|
|||||||
- assets/copy_code.js
|
- assets/copy_code.js
|
||||||
- assets/floating_ask_ai_button.js
|
- assets/floating_ask_ai_button.js
|
||||||
- assets/mobile_menu.js
|
- assets/mobile_menu.js
|
||||||
- assets/page_actions.js
|
- assets/page_actions.js?v=20251006
|
||||||
Reference in New Issue
Block a user