Skip to content

Develop SearchDialog & Update Explore Page to Use New API - #112

Open
Stefan-JLU wants to merge 135 commits into
feat/v3from
feat/v3-search
Open

Develop SearchDialog & Update Explore Page to Use New API#112
Stefan-JLU wants to merge 135 commits into
feat/v3from
feat/v3-search

Conversation

@Stefan-JLU

Copy link
Copy Markdown
Contributor

This PR introduces a new SearchDialog component for quick search previews and updates the /explore page to use the latest API version.

Key Changes:

  • Added SearchDialog component
    • Provides a lightweight preview of search results.
    • Links to the full /explore page when more results or filters are needed.
    • Uses debounced API calls for better performance.
  • Updated /explore page
    • Migrated to the new search API version.
    • Implemented input debouncing to optimize API requests.
    • Ensured consistency with the SearchDialog behavior.
  • Integrated SearchDialog into the dashboard
    • The dashboard now includes a search option for quick lookups.
    • Does not replace the full /explore search but enhances usability.

Stefan-JLUand others added 30 commits October 15, 2024 16:25
…-to-shadcn' into feat/v3
# Conflicts:
#	components/modal/Ontology.vue
#	components/modal/author.vue
#	components/ui/command/Command.vue
#	components/ui/command/CommandDialog.vue
#	components/ui/command/CommandEmpty.vue
#	components/ui/command/CommandGroup.vue
#	components/ui/command/CommandInput.vue
#	components/ui/command/CommandItem.vue
#	components/ui/command/CommandList.vue
#	components/ui/command/CommandSeparator.vue
#	components/ui/select/SelectContent.vue
#	components/ui/select/SelectGroup.vue
#	components/ui/select/SelectItem.vue
#	components/ui/select/SelectLabel.vue
#	components/ui/select/SelectScrollDownButton.vue
#	components/ui/select/SelectScrollUpButton.vue
#	components/ui/select/SelectSeparator.vue
#	components/ui/select/SelectTrigger.vue
#	components/ui/select/index.ts
#	components/ui/textarea/Textarea.vue
At the same time, the entire mask was adapted to the Aruna v3 API and
transferred to shadcn-vue Components.
Stefan-JLUand others added 25 commits February 4, 2025 15:13
This makes it easier for users to follow the form and easier for the
developer to create a consistent responsive behaviour of the components.
Current version was kinda broken as it produced errors in development
mode when refreshing the dashboard.
This component can be used to display an arbitrary string which can
switched to edit mode with a double click. On save the updated value is
send to the parent component via event 'updated-value'.
This is a rudimentary integration without checks for permissions etc.
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@Stefan-JLU@das-Abroxas
, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Develop SearchDialog & Update Explore Page to Use New API by Stefan-JLU · Pull Request #112 · arunaengine/website · GitHub
Skip to content

Develop SearchDialog & Update Explore Page to Use New API - #112

Open
Stefan-JLU wants to merge 135 commits into
feat/v3from
feat/v3-search
Open

Develop SearchDialog & Update Explore Page to Use New API#112
Stefan-JLU wants to merge 135 commits into
feat/v3from
feat/v3-search

Conversation

@Stefan-JLU

Copy link
Copy Markdown
Contributor

This PR introduces a new SearchDialog component for quick search previews and updates the /explore page to use the latest API version.

Key Changes:

  • Added SearchDialog component
    • Provides a lightweight preview of search results.
    • Links to the full /explore page when more results or filters are needed.
    • Uses debounced API calls for better performance.
  • Updated /explore page
    • Migrated to the new search API version.
    • Implemented input debouncing to optimize API requests.
    • Ensured consistency with the SearchDialog behavior.
  • Integrated SearchDialog into the dashboard
    • The dashboard now includes a search option for quick lookups.
    • Does not replace the full /explore search but enhances usability.

Stefan-JLUand others added 30 commits October 15, 2024 16:25
…-to-shadcn' into feat/v3
# Conflicts:
#	components/modal/Ontology.vue
#	components/modal/author.vue
#	components/ui/command/Command.vue
#	components/ui/command/CommandDialog.vue
#	components/ui/command/CommandEmpty.vue
#	components/ui/command/CommandGroup.vue
#	components/ui/command/CommandInput.vue
#	components/ui/command/CommandItem.vue
#	components/ui/command/CommandList.vue
#	components/ui/command/CommandSeparator.vue
#	components/ui/select/SelectContent.vue
#	components/ui/select/SelectGroup.vue
#	components/ui/select/SelectItem.vue
#	components/ui/select/SelectLabel.vue
#	components/ui/select/SelectScrollDownButton.vue
#	components/ui/select/SelectScrollUpButton.vue
#	components/ui/select/SelectSeparator.vue
#	components/ui/select/SelectTrigger.vue
#	components/ui/select/index.ts
#	components/ui/textarea/Textarea.vue
At the same time, the entire mask was adapted to the Aruna v3 API and
transferred to shadcn-vue Components.
Stefan-JLUand others added 25 commits February 4, 2025 15:13
This makes it easier for users to follow the form and easier for the
developer to create a consistent responsive behaviour of the components.
Current version was kinda broken as it produced errors in development
mode when refreshing the dashboard.
This component can be used to display an arbitrary string which can
switched to edit mode with a double click. On save the updated value is
send to the parent component via event 'updated-value'.
This is a rudimentary integration without checks for permissions etc.
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@Stefan-JLU@das-Abroxas
, 'i'); if (__m === '*' || __re.test(location.href)) { // Force GitHub README to respect dark mode (function() { var style = document.createElement('style'); style.textContent = ' .markdown-body { color-scheme: dark light; } .markdown-body pre { background: #161b22 !important; } .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; } .markdown-body table th, .markdown-body table td { border-color: #30363d !important; } .markdown-body img { background: #0d1117; } .markdown-body blockquote { border-left-color: #8b949e; } .markdown-body hr { border-color: #30363d; } '; document.head.appendChild(style); })(); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' Develop SearchDialog & Update Explore Page to Use New API by Stefan-JLU · Pull Request #112 · arunaengine/website · GitHub
Skip to content

Develop SearchDialog & Update Explore Page to Use New API - #112

Open
Stefan-JLU wants to merge 135 commits into
feat/v3from
feat/v3-search
Open

Develop SearchDialog & Update Explore Page to Use New API#112
Stefan-JLU wants to merge 135 commits into
feat/v3from
feat/v3-search

Conversation

@Stefan-JLU

Copy link
Copy Markdown
Contributor

This PR introduces a new SearchDialog component for quick search previews and updates the /explore page to use the latest API version.

Key Changes:

  • Added SearchDialog component
    • Provides a lightweight preview of search results.
    • Links to the full /explore page when more results or filters are needed.
    • Uses debounced API calls for better performance.
  • Updated /explore page
    • Migrated to the new search API version.
    • Implemented input debouncing to optimize API requests.
    • Ensured consistency with the SearchDialog behavior.
  • Integrated SearchDialog into the dashboard
    • The dashboard now includes a search option for quick lookups.
    • Does not replace the full /explore search but enhances usability.

Stefan-JLUand others added 30 commits October 15, 2024 16:25
…-to-shadcn' into feat/v3
# Conflicts:
#	components/modal/Ontology.vue
#	components/modal/author.vue
#	components/ui/command/Command.vue
#	components/ui/command/CommandDialog.vue
#	components/ui/command/CommandEmpty.vue
#	components/ui/command/CommandGroup.vue
#	components/ui/command/CommandInput.vue
#	components/ui/command/CommandItem.vue
#	components/ui/command/CommandList.vue
#	components/ui/command/CommandSeparator.vue
#	components/ui/select/SelectContent.vue
#	components/ui/select/SelectGroup.vue
#	components/ui/select/SelectItem.vue
#	components/ui/select/SelectLabel.vue
#	components/ui/select/SelectScrollDownButton.vue
#	components/ui/select/SelectScrollUpButton.vue
#	components/ui/select/SelectSeparator.vue
#	components/ui/select/SelectTrigger.vue
#	components/ui/select/index.ts
#	components/ui/textarea/Textarea.vue
At the same time, the entire mask was adapted to the Aruna v3 API and
transferred to shadcn-vue Components.
Stefan-JLUand others added 25 commits February 4, 2025 15:13
This makes it easier for users to follow the form and easier for the
developer to create a consistent responsive behaviour of the components.
Current version was kinda broken as it produced errors in development
mode when refreshing the dashboard.
This component can be used to display an arbitrary string which can
switched to edit mode with a double click. On save the updated value is
send to the parent component via event 'updated-value'.
This is a rudimentary integration without checks for permissions etc.
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@Stefan-JLU@das-Abroxas
, 'i'); if (__m === '*' || __re.test(location.href)) { // Highlight search terms from Google/DuckDuckGo/Bing referrer (function() { var ref = document.referrer; var terms = []; if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) { var url = new URL(ref); var q = url.searchParams.get('q') || url.searchParams.get('p'); if (q) { terms = q.split(/\s+/).filter(function(t) { return t.length > 2; }); } } if (terms.length === 0) return; var style = document.createElement('style'); style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }'; document.head.appendChild(style); function highlight(node) { if (node.nodeType === 3) { // text node var text = node.textContent; var found = false; terms.forEach(function(term) { var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi'); if (regex.test(text)) { found = true; var frag = document.createDocumentFragment(); var parts = text.split(regex); parts.forEach(function(part, i) { if (i % 2 === 0) { frag.appendChild(document.createTextNode(part)); } else { var span = document.createElement('span'); span.className = 'userscript-highlight'; span.textContent = part; frag.appendChild(span); } }); node.parentNode.replaceChild(frag, node); } }); } else if (node.nodeType === 1 && node.childNodes) { // element var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT']; if (!skipTags.includes(node.tagName)) { Array.from(node.childNodes).forEach(highlight); } } } highlight(document.body); // Re-highlight on dynamic content var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1 || node.nodeType === 3) highlight(node); }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' Develop SearchDialog & Update Explore Page to Use New API by Stefan-JLU · Pull Request #112 · arunaengine/website · GitHub
Skip to content

Develop SearchDialog & Update Explore Page to Use New API - #112

Open
Stefan-JLU wants to merge 135 commits into
feat/v3from
feat/v3-search
Open

Develop SearchDialog & Update Explore Page to Use New API#112
Stefan-JLU wants to merge 135 commits into
feat/v3from
feat/v3-search

Conversation

@Stefan-JLU

Copy link
Copy Markdown
Contributor

This PR introduces a new SearchDialog component for quick search previews and updates the /explore page to use the latest API version.

Key Changes:

  • Added SearchDialog component
    • Provides a lightweight preview of search results.
    • Links to the full /explore page when more results or filters are needed.
    • Uses debounced API calls for better performance.
  • Updated /explore page
    • Migrated to the new search API version.
    • Implemented input debouncing to optimize API requests.
    • Ensured consistency with the SearchDialog behavior.
  • Integrated SearchDialog into the dashboard
    • The dashboard now includes a search option for quick lookups.
    • Does not replace the full /explore search but enhances usability.

Stefan-JLUand others added 30 commits October 15, 2024 16:25
…-to-shadcn' into feat/v3
# Conflicts:
#	components/modal/Ontology.vue
#	components/modal/author.vue
#	components/ui/command/Command.vue
#	components/ui/command/CommandDialog.vue
#	components/ui/command/CommandEmpty.vue
#	components/ui/command/CommandGroup.vue
#	components/ui/command/CommandInput.vue
#	components/ui/command/CommandItem.vue
#	components/ui/command/CommandList.vue
#	components/ui/command/CommandSeparator.vue
#	components/ui/select/SelectContent.vue
#	components/ui/select/SelectGroup.vue
#	components/ui/select/SelectItem.vue
#	components/ui/select/SelectLabel.vue
#	components/ui/select/SelectScrollDownButton.vue
#	components/ui/select/SelectScrollUpButton.vue
#	components/ui/select/SelectSeparator.vue
#	components/ui/select/SelectTrigger.vue
#	components/ui/select/index.ts
#	components/ui/textarea/Textarea.vue
At the same time, the entire mask was adapted to the Aruna v3 API and
transferred to shadcn-vue Components.
Stefan-JLUand others added 25 commits February 4, 2025 15:13
This makes it easier for users to follow the form and easier for the
developer to create a consistent responsive behaviour of the components.
Current version was kinda broken as it produced errors in development
mode when refreshing the dashboard.
This component can be used to display an arbitrary string which can
switched to edit mode with a double click. On save the updated value is
send to the parent component via event 'updated-value'.
This is a rudimentary integration without checks for permissions etc.
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@Stefan-JLU@das-Abroxas
, 'i'); if (__m === '*' || __re.test(location.href)) { // Strip utm_, fbclid, gclid, etc. from all links on page (function() { var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid', 'ref', 'ref_src', 'source', 'medium', 'campaign']; function cleanUrl(url) { try { var u = new URL(url, window.location.origin); var changed = false; trackingParams.forEach(function(p) { if (u.searchParams.has(p)) { u.searchParams.delete(p); changed = true; } }); return changed ? u.toString() : url; } catch (e) { return url; } } function cleanLinks() { document.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } cleanLinks(); var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1) { if (node.tagName === 'A') cleanLinks(); node.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + ' Develop SearchDialog & Update Explore Page to Use New API by Stefan-JLU · Pull Request #112 · arunaengine/website · GitHub
Skip to content

Develop SearchDialog & Update Explore Page to Use New API - #112

Open
Stefan-JLU wants to merge 135 commits into
feat/v3from
feat/v3-search
Open

Develop SearchDialog & Update Explore Page to Use New API#112
Stefan-JLU wants to merge 135 commits into
feat/v3from
feat/v3-search

Conversation

@Stefan-JLU

Copy link
Copy Markdown
Contributor

This PR introduces a new SearchDialog component for quick search previews and updates the /explore page to use the latest API version.

Key Changes:

  • Added SearchDialog component
    • Provides a lightweight preview of search results.
    • Links to the full /explore page when more results or filters are needed.
    • Uses debounced API calls for better performance.
  • Updated /explore page
    • Migrated to the new search API version.
    • Implemented input debouncing to optimize API requests.
    • Ensured consistency with the SearchDialog behavior.
  • Integrated SearchDialog into the dashboard
    • The dashboard now includes a search option for quick lookups.
    • Does not replace the full /explore search but enhances usability.

Stefan-JLUand others added 30 commits October 15, 2024 16:25
…-to-shadcn' into feat/v3
# Conflicts:
#	components/modal/Ontology.vue
#	components/modal/author.vue
#	components/ui/command/Command.vue
#	components/ui/command/CommandDialog.vue
#	components/ui/command/CommandEmpty.vue
#	components/ui/command/CommandGroup.vue
#	components/ui/command/CommandInput.vue
#	components/ui/command/CommandItem.vue
#	components/ui/command/CommandList.vue
#	components/ui/command/CommandSeparator.vue
#	components/ui/select/SelectContent.vue
#	components/ui/select/SelectGroup.vue
#	components/ui/select/SelectItem.vue
#	components/ui/select/SelectLabel.vue
#	components/ui/select/SelectScrollDownButton.vue
#	components/ui/select/SelectScrollUpButton.vue
#	components/ui/select/SelectSeparator.vue
#	components/ui/select/SelectTrigger.vue
#	components/ui/select/index.ts
#	components/ui/textarea/Textarea.vue
At the same time, the entire mask was adapted to the Aruna v3 API and
transferred to shadcn-vue Components.
Stefan-JLUand others added 25 commits February 4, 2025 15:13
This makes it easier for users to follow the form and easier for the
developer to create a consistent responsive behaviour of the components.
Current version was kinda broken as it produced errors in development
mode when refreshing the dashboard.
This component can be used to display an arbitrary string which can
switched to edit mode with a double click. On save the updated value is
send to the parent component via event 'updated-value'.
This is a rudimentary integration without checks for permissions etc.
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@Stefan-JLU@das-Abroxas
, 'i'); if (__m === '*' || __re.test(location.href)) { // Auto-enable theater mode on YouTube (function() { function tryTheater() { var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]'); if (btn && !btn.classList.contains('activated')) { btn.click(); } } // Try immediately tryTheater(); // Try after navigation (SPA) var lastUrl = location.href; setInterval(function() { if (location.href !== lastUrl) { lastUrl = location.href; setTimeout(tryTheater, 500); } }, 1000); // Also try on player load var observer = new MutationObserver(tryTheater); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' Develop SearchDialog & Update Explore Page to Use New API by Stefan-JLU · Pull Request #112 · arunaengine/website · GitHub
Skip to content

Develop SearchDialog & Update Explore Page to Use New API - #112

Open
Stefan-JLU wants to merge 135 commits into
feat/v3from
feat/v3-search
Open

Develop SearchDialog & Update Explore Page to Use New API#112
Stefan-JLU wants to merge 135 commits into
feat/v3from
feat/v3-search

Conversation

@Stefan-JLU

Copy link
Copy Markdown
Contributor

This PR introduces a new SearchDialog component for quick search previews and updates the /explore page to use the latest API version.

Key Changes:

  • Added SearchDialog component
    • Provides a lightweight preview of search results.
    • Links to the full /explore page when more results or filters are needed.
    • Uses debounced API calls for better performance.
  • Updated /explore page
    • Migrated to the new search API version.
    • Implemented input debouncing to optimize API requests.
    • Ensured consistency with the SearchDialog behavior.
  • Integrated SearchDialog into the dashboard
    • The dashboard now includes a search option for quick lookups.
    • Does not replace the full /explore search but enhances usability.

Stefan-JLUand others added 30 commits October 15, 2024 16:25
…-to-shadcn' into feat/v3
# Conflicts:
#	components/modal/Ontology.vue
#	components/modal/author.vue
#	components/ui/command/Command.vue
#	components/ui/command/CommandDialog.vue
#	components/ui/command/CommandEmpty.vue
#	components/ui/command/CommandGroup.vue
#	components/ui/command/CommandInput.vue
#	components/ui/command/CommandItem.vue
#	components/ui/command/CommandList.vue
#	components/ui/command/CommandSeparator.vue
#	components/ui/select/SelectContent.vue
#	components/ui/select/SelectGroup.vue
#	components/ui/select/SelectItem.vue
#	components/ui/select/SelectLabel.vue
#	components/ui/select/SelectScrollDownButton.vue
#	components/ui/select/SelectScrollUpButton.vue
#	components/ui/select/SelectSeparator.vue
#	components/ui/select/SelectTrigger.vue
#	components/ui/select/index.ts
#	components/ui/textarea/Textarea.vue
At the same time, the entire mask was adapted to the Aruna v3 API and
transferred to shadcn-vue Components.
Stefan-JLUand others added 25 commits February 4, 2025 15:13
This makes it easier for users to follow the form and easier for the
developer to create a consistent responsive behaviour of the components.
Current version was kinda broken as it produced errors in development
mode when refreshing the dashboard.
This component can be used to display an arbitrary string which can
switched to edit mode with a double click. On save the updated value is
send to the parent component via event 'updated-value'.
This is a rudimentary integration without checks for permissions etc.
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@Stefan-JLU@das-Abroxas
, 'i'); if (__m === '*' || __re.test(location.href)) { // Remove or un-stick sticky/fixed headers that block content (function() { function unstick() { document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) { if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') { el.style.position = 'static'; el.style.top = 'auto'; el.style.zIndex = 'auto'; } }); } unstick(); var observer = new MutationObserver(unstick); observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] }); })(); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' Develop SearchDialog & Update Explore Page to Use New API by Stefan-JLU · Pull Request #112 · arunaengine/website · GitHub
Skip to content

Develop SearchDialog & Update Explore Page to Use New API - #112

Open
Stefan-JLU wants to merge 135 commits into
feat/v3from
feat/v3-search
Open

Develop SearchDialog & Update Explore Page to Use New API#112
Stefan-JLU wants to merge 135 commits into
feat/v3from
feat/v3-search

Conversation

@Stefan-JLU

Copy link
Copy Markdown
Contributor

This PR introduces a new SearchDialog component for quick search previews and updates the /explore page to use the latest API version.

Key Changes:

  • Added SearchDialog component
    • Provides a lightweight preview of search results.
    • Links to the full /explore page when more results or filters are needed.
    • Uses debounced API calls for better performance.
  • Updated /explore page
    • Migrated to the new search API version.
    • Implemented input debouncing to optimize API requests.
    • Ensured consistency with the SearchDialog behavior.
  • Integrated SearchDialog into the dashboard
    • The dashboard now includes a search option for quick lookups.
    • Does not replace the full /explore search but enhances usability.

Stefan-JLUand others added 30 commits October 15, 2024 16:25
…-to-shadcn' into feat/v3
# Conflicts:
#	components/modal/Ontology.vue
#	components/modal/author.vue
#	components/ui/command/Command.vue
#	components/ui/command/CommandDialog.vue
#	components/ui/command/CommandEmpty.vue
#	components/ui/command/CommandGroup.vue
#	components/ui/command/CommandInput.vue
#	components/ui/command/CommandItem.vue
#	components/ui/command/CommandList.vue
#	components/ui/command/CommandSeparator.vue
#	components/ui/select/SelectContent.vue
#	components/ui/select/SelectGroup.vue
#	components/ui/select/SelectItem.vue
#	components/ui/select/SelectLabel.vue
#	components/ui/select/SelectScrollDownButton.vue
#	components/ui/select/SelectScrollUpButton.vue
#	components/ui/select/SelectSeparator.vue
#	components/ui/select/SelectTrigger.vue
#	components/ui/select/index.ts
#	components/ui/textarea/Textarea.vue
At the same time, the entire mask was adapted to the Aruna v3 API and
transferred to shadcn-vue Components.
Stefan-JLUand others added 25 commits February 4, 2025 15:13
This makes it easier for users to follow the form and easier for the
developer to create a consistent responsive behaviour of the components.
Current version was kinda broken as it produced errors in development
mode when refreshing the dashboard.
This component can be used to display an arbitrary string which can
switched to edit mode with a double click. On save the updated value is
send to the parent component via event 'updated-value'.
This is a rudimentary integration without checks for permissions etc.
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@Stefan-JLU@das-Abroxas
, 'i'); if (__m === '*' || __re.test(location.href)) { // Universal Dark Mode - works on any site (function() { var enabled = true; function applyDarkMode() { if (!enabled) return; // Create style element if it doesn't exist var style = document.getElementById('universal-dark-mode-style'); if (!style) { style = document.createElement('style'); style.id = 'universal-dark-mode-style'; document.head.appendChild(style); } // Dark mode CSS - inverts colors but preserves images/video style.textContent = ' /* Invert everything except media */ html { filter: invert(1) hue-rotate(180deg) !important; background: #1a1a2e !important; } /* Restore images, videos, iframes, canvas */ img, video, iframe, canvas, svg, picture, [style*="background-image"] { filter: invert(1) hue-rotate(180deg) !important; } /* Preserve specific elements that should not be inverted */ .no-dark-mode, .no-dark-mode *, [data-theme="light"], [data-theme="light"], .ace_editor, .ace_editor *, .CodeMirror, .CodeMirror *, .monaco-editor, .monaco-editor *, .markdown-body pre, .markdown-body pre *, .highlight, .highlight *, pre code, pre code * { filter: none !important; } /* Fix common UI elements */ .modal, .popup, .dropdown-menu, .tooltip, .popover { filter: invert(1) hue-rotate(180deg) !important; background: #2d2d44 !important; border-color: #444 !important; } /* Scrollbars */ ::-webkit-scrollbar { background: #1a1a2e !important; } ::-webkit-scrollbar-thumb { background: #444 !important; } ::-webkit-scrollbar-thumb:hover { background: #555 !important; } /* Selection */ ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; } ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; } '; } function removeDarkMode() { var style = document.getElementById('universal-dark-mode-style'); if (style) style.remove(); } // Toggle with Alt+Shift+D document.addEventListener('keydown', function(e) { if (e.altKey && e.shiftKey && e.key === 'D') { e.preventDefault(); enabled = !enabled; if (enabled) { applyDarkMode(); console.log('[Universal Dark Mode] Enabled'); } else { removeDarkMode(); console.log('[Universal Dark Mode] Disabled'); } } }); // Apply on load applyDarkMode(); // Re-apply on dynamic content var observer = new MutationObserver(function(mutations) { if (enabled && !document.getElementById('universal-dark-mode-style')) { applyDarkMode(); } }); observer.observe(document.head, { childList: true }); console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle'); })(); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })(); Develop SearchDialog & Update Explore Page to Use New API by Stefan-JLU · Pull Request #112 · arunaengine/website · GitHub
Skip to content

Develop SearchDialog & Update Explore Page to Use New API - #112

Open
Stefan-JLU wants to merge 135 commits into
feat/v3from
feat/v3-search
Open

Develop SearchDialog & Update Explore Page to Use New API#112
Stefan-JLU wants to merge 135 commits into
feat/v3from
feat/v3-search

Conversation

@Stefan-JLU

Copy link
Copy Markdown
Contributor

This PR introduces a new SearchDialog component for quick search previews and updates the /explore page to use the latest API version.

Key Changes:

  • Added SearchDialog component
    • Provides a lightweight preview of search results.
    • Links to the full /explore page when more results or filters are needed.
    • Uses debounced API calls for better performance.
  • Updated /explore page
    • Migrated to the new search API version.
    • Implemented input debouncing to optimize API requests.
    • Ensured consistency with the SearchDialog behavior.
  • Integrated SearchDialog into the dashboard
    • The dashboard now includes a search option for quick lookups.
    • Does not replace the full /explore search but enhances usability.

Stefan-JLUand others added 30 commits October 15, 2024 16:25
…-to-shadcn' into feat/v3
# Conflicts:
#	components/modal/Ontology.vue
#	components/modal/author.vue
#	components/ui/command/Command.vue
#	components/ui/command/CommandDialog.vue
#	components/ui/command/CommandEmpty.vue
#	components/ui/command/CommandGroup.vue
#	components/ui/command/CommandInput.vue
#	components/ui/command/CommandItem.vue
#	components/ui/command/CommandList.vue
#	components/ui/command/CommandSeparator.vue
#	components/ui/select/SelectContent.vue
#	components/ui/select/SelectGroup.vue
#	components/ui/select/SelectItem.vue
#	components/ui/select/SelectLabel.vue
#	components/ui/select/SelectScrollDownButton.vue
#	components/ui/select/SelectScrollUpButton.vue
#	components/ui/select/SelectSeparator.vue
#	components/ui/select/SelectTrigger.vue
#	components/ui/select/index.ts
#	components/ui/textarea/Textarea.vue
At the same time, the entire mask was adapted to the Aruna v3 API and
transferred to shadcn-vue Components.
Stefan-JLUand others added 25 commits February 4, 2025 15:13
This makes it easier for users to follow the form and easier for the
developer to create a consistent responsive behaviour of the components.
Current version was kinda broken as it produced errors in development
mode when refreshing the dashboard.
This component can be used to display an arbitrary string which can
switched to edit mode with a double click. On save the updated value is
send to the parent component via event 'updated-value'.
This is a rudimentary integration without checks for permissions etc.
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@Stefan-JLU@das-Abroxas