Update to eslint 10 #4469

Closed
Closed
Update to eslint 10#4469
Assignees
MeherSru
Labels
enhancement
Milestone
End of July 2026

Description

@datho7561
datho7561
opened on Jul 22, 2026

Is your feature request related to a problem? Please describe.
It'd be nice to update eslint to the latest version to get all the latest features and bug fixes and to allow us to use a newer version of typescript (the current setup only supports typescript up to 5.2.0).

This requires migrating the eslint config to the new flat config style: https://eslint.org/docs/latest/use/configure/migration-guide

The TypeScript plugin for eslint also has a different method of setting it up, requiring a different npm module to be installed (see https://typescript-eslint.io/getting-started/ for instructions)

Describe the solution you'd like
Migrate to eslint 10

Describe alternatives you've considered
Keep current version, but this limits what version of TypeScript we can use

Additional context
Upgrading TypeScript might be required to upgrade to the latest version of the languageclient (I'm not too sure at this point, I need to dig further into it)

Metadata

Metadata

Assignees

Labels

enhancement

Type

No type

Projects

No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

    , 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
     blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n 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;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

    Skip to content
    Update to eslint 10 #4469
    Closed
    Closed
    Update to eslint 10#4469
    Assignees
    MeherSru
    Labels
    enhancement
    Milestone
    End of July 2026
    Description
    @datho7561
    datho7561
    opened on Jul 22, 2026
    Is your feature request related to a problem? Please describe.
    
It'd be nice to update eslint to the latest version to get all the latest features and bug fixes and to allow us to use a newer version of typescript (the current setup only supports typescript up to 5.2.0).
    This requires migrating the eslint config to the new flat config style: https://eslint.org/docs/latest/use/configure/migration-guide
    The TypeScript plugin for eslint also has a different method of setting it up, requiring a different npm module to be installed (see https://typescript-eslint.io/getting-started/ for instructions)
    Describe the solution you'd like
    
Migrate to eslint 10
    Describe alternatives you've considered
    
Keep current version, but this limits what version of TypeScript we can use
    Additional context
    
Upgrading TypeScript might be required to upgrade to the latest version of the languageclient (I'm not too sure at this point, I need to dig further into it)
    Metadata
    Metadata
    Assignees
    Labels
    enhancement
    Type
    No type
    Projects
    No projects
      Milestone
      Relationships
      None yet
      Development
      No branches or pull requests
      Issue actions
      
, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

      Skip to content
      Update to eslint 10 #4469
      Closed
      Closed
      Update to eslint 10#4469
      Assignees
      MeherSru
      Labels
      enhancement
      Milestone
      End of July 2026
      Description
      @datho7561
      datho7561
      opened on Jul 22, 2026
      Is your feature request related to a problem? Please describe.
      
It'd be nice to update eslint to the latest version to get all the latest features and bug fixes and to allow us to use a newer version of typescript (the current setup only supports typescript up to 5.2.0).
      This requires migrating the eslint config to the new flat config style: https://eslint.org/docs/latest/use/configure/migration-guide
      The TypeScript plugin for eslint also has a different method of setting it up, requiring a different npm module to be installed (see https://typescript-eslint.io/getting-started/ for instructions)
      Describe the solution you'd like
      
Migrate to eslint 10
      Describe alternatives you've considered
      
Keep current version, but this limits what version of TypeScript we can use
      Additional context
      
Upgrading TypeScript might be required to upgrade to the latest version of the languageclient (I'm not too sure at this point, I need to dig further into it)
      Metadata
      Metadata
      Assignees
      Labels
      enhancement
      Type
      No type
      Projects
      No projects
        Milestone
        Relationships
        None yet
        Development
        No branches or pull requests
        Issue actions
        
, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

        Skip to content
        Update to eslint 10 #4469
        Closed
        Closed
        Update to eslint 10#4469
        Assignees
        MeherSru
        Labels
        enhancement
        Milestone
        End of July 2026
        Description
        @datho7561
        datho7561
        opened on Jul 22, 2026
        Is your feature request related to a problem? Please describe.
        
It'd be nice to update eslint to the latest version to get all the latest features and bug fixes and to allow us to use a newer version of typescript (the current setup only supports typescript up to 5.2.0).
        This requires migrating the eslint config to the new flat config style: https://eslint.org/docs/latest/use/configure/migration-guide
        The TypeScript plugin for eslint also has a different method of setting it up, requiring a different npm module to be installed (see https://typescript-eslint.io/getting-started/ for instructions)
        Describe the solution you'd like
        
Migrate to eslint 10
        Describe alternatives you've considered
        
Keep current version, but this limits what version of TypeScript we can use
        Additional context
        
Upgrading TypeScript might be required to upgrade to the latest version of the languageclient (I'm not too sure at this point, I need to dig further into it)
        Metadata
        Metadata
        Assignees
        Labels
        enhancement
        Type
        No type
        Projects
        No projects
          Milestone
          Relationships
          None yet
          Development
          No branches or pull requests
          Issue actions
          
, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

          Skip to content
          Update to eslint 10 #4469
          Closed
          Closed
          Update to eslint 10#4469
          Assignees
          MeherSru
          Labels
          enhancement
          Milestone
          End of July 2026
          Description
          @datho7561
          datho7561
          opened on Jul 22, 2026
          Is your feature request related to a problem? Please describe.
          
It'd be nice to update eslint to the latest version to get all the latest features and bug fixes and to allow us to use a newer version of typescript (the current setup only supports typescript up to 5.2.0).
          This requires migrating the eslint config to the new flat config style: https://eslint.org/docs/latest/use/configure/migration-guide
          The TypeScript plugin for eslint also has a different method of setting it up, requiring a different npm module to be installed (see https://typescript-eslint.io/getting-started/ for instructions)
          Describe the solution you'd like
          
Migrate to eslint 10
          Describe alternatives you've considered
          
Keep current version, but this limits what version of TypeScript we can use
          Additional context
          
Upgrading TypeScript might be required to upgrade to the latest version of the languageclient (I'm not too sure at this point, I need to dig further into it)
          Metadata
          Metadata
          Assignees
          Labels
          enhancement
          Type
          No type
          Projects
          No projects
            Milestone
            Relationships
            None yet
            Development
            No branches or pull requests
            Issue actions
            
, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

            Skip to content
            Update to eslint 10 #4469
            Closed
            Closed
            Update to eslint 10#4469
            Assignees
            MeherSru
            Labels
            enhancement
            Milestone
            End of July 2026
            Description
            @datho7561
            datho7561
            opened on Jul 22, 2026
            Is your feature request related to a problem? Please describe.
            
It'd be nice to update eslint to the latest version to get all the latest features and bug fixes and to allow us to use a newer version of typescript (the current setup only supports typescript up to 5.2.0).
            This requires migrating the eslint config to the new flat config style: https://eslint.org/docs/latest/use/configure/migration-guide
            The TypeScript plugin for eslint also has a different method of setting it up, requiring a different npm module to be installed (see https://typescript-eslint.io/getting-started/ for instructions)
            Describe the solution you'd like
            
Migrate to eslint 10
            Describe alternatives you've considered
            
Keep current version, but this limits what version of TypeScript we can use
            Additional context
            
Upgrading TypeScript might be required to upgrade to the latest version of the languageclient (I'm not too sure at this point, I need to dig further into it)
            Metadata
            Metadata
            Assignees
            Labels
            enhancement
            Type
            No type
            Projects
            No projects
              Milestone
              Relationships
              None yet
              Development
              No branches or pull requests
              Issue actions
              
, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

              Skip to content
              Update to eslint 10 #4469
              Closed
              Closed
              Update to eslint 10#4469
              Assignees
              MeherSru
              Labels
              enhancement
              Milestone
              End of July 2026
              Description
              @datho7561
              datho7561
              opened on Jul 22, 2026
              Is your feature request related to a problem? Please describe.
              
It'd be nice to update eslint to the latest version to get all the latest features and bug fixes and to allow us to use a newer version of typescript (the current setup only supports typescript up to 5.2.0).
              This requires migrating the eslint config to the new flat config style: https://eslint.org/docs/latest/use/configure/migration-guide
              The TypeScript plugin for eslint also has a different method of setting it up, requiring a different npm module to be installed (see https://typescript-eslint.io/getting-started/ for instructions)
              Describe the solution you'd like
              
Migrate to eslint 10
              Describe alternatives you've considered
              
Keep current version, but this limits what version of TypeScript we can use
              Additional context
              
Upgrading TypeScript might be required to upgrade to the latest version of the languageclient (I'm not too sure at this point, I need to dig further into it)
              Metadata
              Metadata
              Assignees
              Labels
              enhancement
              Type
              No type
              Projects
              No projects
                Milestone
                Relationships
                None yet
                Development
                No branches or pull requests
                Issue actions
                
, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

                Skip to content
                Update to eslint 10 #4469
                Closed
                Closed
                Update to eslint 10#4469
                Assignees
                MeherSru
                Labels
                enhancement
                Milestone
                End of July 2026
                Description
                @datho7561
                datho7561
                opened on Jul 22, 2026
                Is your feature request related to a problem? Please describe.
                
It'd be nice to update eslint to the latest version to get all the latest features and bug fixes and to allow us to use a newer version of typescript (the current setup only supports typescript up to 5.2.0).
                This requires migrating the eslint config to the new flat config style: https://eslint.org/docs/latest/use/configure/migration-guide
                The TypeScript plugin for eslint also has a different method of setting it up, requiring a different npm module to be installed (see https://typescript-eslint.io/getting-started/ for instructions)
                Describe the solution you'd like
                
Migrate to eslint 10
                Describe alternatives you've considered
                
Keep current version, but this limits what version of TypeScript we can use
                Additional context
                
Upgrading TypeScript might be required to upgrade to the latest version of the languageclient (I'm not too sure at this point, I need to dig further into it)
                Metadata
                Metadata
                Assignees
                Labels
                enhancement
                Type
                No type
                Projects
                No projects
                  Milestone
                  Relationships
                  None yet
                  Development
                  No branches or pull requests
                  Issue actions