const SETTINGS_TO_DISABLE = {
    'editor.suggest.enabled': false,
    'editor.parameterHints.enabled': false,
    'editor.hover.enabled': false,
    'editor.codeLens': false,
    'editor.inlayHints.enabled': 'off',
    'editor.lightbulb.enabled': 'off',
     'editor.suggestOnTriggerCharacters': false, 
    'editor.suggestSelection': 'never',
    'javascript.validate.enable': false,
    'typescript.validate.enable': false,
    'eslint.enable': false,
    'css.validate': false,
    'html.validate.scripts': false,
    'json.validate.enable': false,
    'editor.formatOnType': false,
    'editor.formatOnPaste': false,
    'editor.semanticHighlighting.enabled': false,
    'editor.foldingStrategy': 'indentation',
    'editor.minimap.enabled': false,
    'breadcrumbs.enabled': false,
    'problems.decorations.enabled': false,
    'prettier.enable': false,
    'sonarlint.disableTelemetry': true,
    'editor.fontLigatures': false, 
    'editor.matchBrackets': 'never', 
    'editor.renderLineHighlight': 'none', 
    'editor.renderWhitespace': 'none', 
    'editor.wordWrap': 'off', 
    'editor.stickyScroll.enabled': false, 
    'workbench.editor.enablePreview': false, 
    'workbench.startupEditor': 'none', 
    'workbench.tree.renderIndentGuides': 'none', 
    'workbench.activityBar.visible': false,  
    'explorer.compactFolders': false, 
    'scm.alwaysShowProviders': false, 
    'git.autofetch': false, 
    "telemetry.telemetryLevel": "off",
    "update.mode": "none",
    "extensions.autoUpdate": false,
    "extensions.autoCheckUpdates": false,
    "extensions.ignoreRecommendations": true,
    "workbench.enableExperiments": false,
    "settingsSync.enabled": false,
    "workbench.settings.enableNaturalLanguageSearch": false,
    "files.watcherExclude": {
        "**/*": true
    },
    "search.exclude": {
        "**/*": true
    },
    "files.autoSave": "off",
    "git.enabled": false,
    "scm.autoReveal": false,
    "workbench.editor.sharedProcess.enable": false, 
    "editor.quickSuggestions": {
        "other": "off",
        "comments": "off",
        "strings": "off"
    },
    "editor.wordBasedSuggestions": "off",
    "editor.acceptSuggestionOnEnter": "off",
    "editor.inlineSuggest.enabled": "false",
    "editor.formatOnSave": false,
    "editor.codeActionsOnSave": null, 
};

const FILE_TYPE_SETTINGS = {
    'javascript': {
        'javascript.validate.enable': false,
        'javascript.suggest.enabled': false,
        'javascript.suggestionActions.enabled': false,
        'javascript.inlayHints.enumMemberValues.enabled': false,
        'javascript.inlayHints.functionLikeReturnTypes.enabled': false,
        'javascript.inlayHints.parameterNames.enabled': 'none',
        'javascript.inlayHints.parameterTypes.enabled': false,
        'javascript.inlayHints.propertyDeclarationTypes.enabled': false,
        'javascript.inlayHints.variableTypes.enabled': false,
        'javascript.updateImportsOnFileMove.enabled': false,
        'javascript.referencesCodeLens.enabled': false,
        'eslint.enable': false,
        'eslint.run': false, 
        'javascript.suggest.autoImports': false,
        'javascript.suggest.completeJSDocs': false,
        'javascript.format.enable': false,
        'javascript.autoClosingTags': false,
    },
    'typescript': {
        'typescript.validate.enable': false,
        'typescript.suggest.enabled': false,
        'typescript.suggestionActions.enabled': false,
        'typescript.inlayHints.enumMemberValues.enabled': false,
        'typescript.inlayHints.functionLikeReturnTypes.enabled': false,
        'typescript.inlayHints.parameterNames.enabled': 'none',
        'typescript.inlayHints.parameterTypes.enabled': false,
        'typescript.inlayHints.propertyDeclarationTypes.enabled': false,
        'typescript.inlayHints.variableTypes.enabled': false,
        'typescript.updateImportsOnFileMove.enabled': false,
        'typescript.referencesCodeLens.enabled': false,
        'typescript.implementationsCodeLens.enabled': false,
      //  'typescript.tsserver.maxTsServerMemory': 512, // Reduce memory
        'eslint.enable': false,
        'typescript.suggest.autoImports': false,
        'typescript.suggest.completeJSDocs': false,
        'typescript.updateImportsOnPaste.enabled': false,
        'typescript.format.enable': false,
        'typescript.autoClosingTags': false,
    },
    'python': {
        'python.linting.enabled': false,
        'python.linting.pylintEnabled': false,
        'python.linting.flake8Enabled': false,
        'python.linting.mypyEnabled': false,
        'python.analysis.diagnosticMode': 'off',
        'python.analysis.typeCheckingMode': 'off',
        'python.languageServer': 'None',
        'python.analysis.completeFunctionParens': false,
        'python.analysis.autoImportCompletions': false,
        'pylint.enabled': false,
        'isort.check': false,
        'black-formatter.showNotifications': 'off',
    },
    'json': {
        'json.validate.enable': false,
        'json.schemas': [], 
        'json.schemaDownload.enable': false,
		  'json.format.enable': false,
    },
    'jsonc': {
      'json.validate.enable': false,
        'json.schemas': [], 
        'json.schemaDownload.enable': false,
		  'json.format.enable': false,
    },
    'css': {
        'css.validate': false,
        'css.lint.emptyRules': 'ignore',
        'css.lint.unknownAtRules': 'ignore',
        'css.colorDecorators.enable': false,
    },
    'scss': {
        'scss.validate': false,
        'scss.lint.emptyRules': 'ignore',
        'scss.lint.unknownAtRules': 'ignore',
        'scss.colorDecorators.enable': false,
    },
    'less': {
        'less.validate': false,
        'less.lint.emptyRules': 'ignore',
        'less.colorDecorators.enable': false,
    },
    'html': {
        'html.validate.scripts': false,
        'html.validate.styles': false,
        'html.autoClosingTags': false,
        'html.suggest.html5': false,
    },
    'php': {
        'php.validate.enable': false,
        'php.suggest.basic': false,
        'intelephense.diagnostics.enable': false,
    },
    'go': {
        'go.lintOnSave': 'off',
        'go.vetOnSave': 'off',
        'go.buildOnSave': 'off',
        'go.diagnostic.vulncheck': 'Off',
        'gopls': { 'ui.diagnostic.analyses': {} },
    },
    'rust': {
        'rust-analyzer.checkOnSave.enable': false,
        'rust-analyzer.diagnostics.enable': false,
        'rust-analyzer.inlayHints.chainingHints.enable': false,
        'rust-analyzer.inlayHints.parameterHints.enable': false,
        'rust-analyzer.completion.autoimport.enable': false,
    },
    'cpp': {
        'C_Cpp.intelliSenseEngine': 'disabled',
        'C_Cpp.errorSquiggles': 'disabled',
        'C_Cpp.autocomplete': 'disabled',
        'C_Cpp.dimInactiveRegions': false,
    },
    'c': {
        'C_Cpp.intelliSenseEngine': 'disabled',
        'C_Cpp.errorSquiggles': 'disabled',
        'C_Cpp.autocomplete': 'disabled',
        'C_Cpp.dimInactiveRegions': false,
    },
    'java': {
        'java.errors.incompleteClasspath.severity': 'ignore',
        'java.configuration.checkProjectSettingsExclusions': false,
        'java.autobuild.enabled': false,
        'java.completion.enabled': false,
    },
    'csharp': {
        'omnisharp.enableEditorConfigSupport': false,
        'omnisharp.enableImportCompletion': false,
        'omnisharp.enableRoslynAnalyzers': false,
    },
    'markdown': {
        'markdown.validate.enabled': false,
        'markdown.extension.toc.updateOnSave': false,
    },
    'yaml': {
        'yaml.validate': false,
        'yaml.schemaStore.enable': false,
        'redhat.telemetry.enabled': false,
    },
    'xml': {
        'xml.validation.enabled': false,
    },
    'vue': {
        'vetur.validation.template': false,
        'vetur.validation.script': false,
        'vetur.validation.style': false,
    },
    'svelte': {
        'svelte.plugin.svelte.diagnostics.enable': false,
        'svelte.plugin.typescript.diagnostics.enable': false,
    }
};

• even though I barely use ALL of its items, I actually open this quickpic ALOT so while I am focusing on just getting the site back up I apparently have time to wait and while things are... doing its thing in vscode so I might as well start on this

• whole menu, virtually got nuked

• G3 - from here on out, if you ever see G3 anywhere its github add, commit, push

• G4 - the forth being upgrade patch

• G4 & X-VSCE - adding on custom vsce packager ( that turned out to be annoying... but it's done and it works great )

• G4 & Pub To NPM - self explanitory, publishes to npm

• PRISMA DB SECTION

  • * Remote - we all know star means all, so if like me, you have a remote db and local db to work with, this sets the remote url to DATABASE_URL and does every thing in order to make this work have the following values set accordingly
    • LOCAL="postgresql://...."
    • REMOTE="postgresql://....."
    • DATABASE_URL=""
  • * Local - does the same for local
  • Reset - resets db
  • Push - pushes db
  • Seed - seed db
  • Gen - db generate
  • Studio - db studio

• FILE SYSTEM SECTION

  • Clean * - clean all, this is an example I will be converting this and it will not just work on pnpm but will work on all pkg mgrs, foreach ($path in @('.cache', 'build', 'node_modules', 'pnpm-lock.yaml', 'public\build' )) { if (Test-Path $path) { Remove-Item -Path $path -Recurse -Force -ErrorAction SilentlyContinue } }
  • Duke NUKEM - a nuclear option of the above and below, a one button does all type deal if, something shits somewhere in your project and you don't know where, lol, I don't know how else to explain it
  • I - install
  • build - build

• VSCODE Section

  • R EXT - these will be soft restarts and will solve a lot of issues you may run into, restart of extensions
  • R TS - resart ts server
  • R Window - hard restart of workspace actually restarting the instance
  • DevTools - opens devtools

• Execute sequences of VSCode/shell commands with one click
• No limits on command quantity or length
• Hidden commands keep navigation clean while allowing complex workflows
• Open the DevStack sidebar
• Navigate to "Create Chain"
• Add commands with labels and paths
• Reorder execution as needed
• Save to make available in your workflow
• Configuration
• File Locations Global config: AppData/Roaming/Code/User/globalStorage/skyler.ocrmnav/global-navigator-config.json
• Workspace config: AppData/Roaming/Code/User/globalStorage/skyler.ocrmnav/project-configs/project-{uniqueID}.json
• Global snippets: AppData/Roaming/Code/User/globalStorage/skyler.ocrmnav/ocrmnavigator.code-snippets

For detailed usage instructions and advanced features, visit the complete documentation

The filing system is virtual - original files remain unchanged Folders support two levels of depth (three with hidden items) Markdown files are stored in .vscode folder All changes are saved to JSON configuration files

Insurance policy, because personally, I don't know what remix's plans are exactly. One minute they're telling everyone to use another platform, the next they quitely remind everyone that v3 is coming out? I've never seen any... brand, company, what have you, tell their clients / users to go else where. Loosing a lot of people in the process, who would have stayed. To then say, oh our next product is coming out.

npx create-remixv2

• Choose package manager and template at build time
• Select from 30+ popular stacks
• Custom stack reference via user/repo

For detailed usage instructions and advanced features, visit the complete documentation

• instead of just opening your repo in the browser, it will navigate to the file within the repo from where you activated this function
• I use this, way more than I thought I would. But it triggers me every time I use it, then having to still navigate to the file from where I activated the function. Some code bases, we all know how easy it is to get around. But if it's a larger code base with github's annoying nuances within the sidebar nav... fuck that... I know, talk about first world coding problems, but still triggers me when it shouldn't obviously this extension pampers you
• it should reside right underneath the original variant for easy access
• sigh, the dev host is bugging out not allowing me to test... fuck, well... when in doubt, yeet, I guess
• Borat voice: "Yeet was great success!"

having to learn mandarin in order just to get going... like cmon, albeit I was able to get away with as little as I could, but still, shouldn't have to learn a completely new and different language lol

• creating a navigator view
  • will have a dock for navigation between 'tabs'
    1. will be the ai chat
    • where an adjustable text area will be at the bottom with no size restrictions, with buttons running on the side of the siderbar going upwards for functionality - at the top will have the info on the ai engine, clicking on the image will allow you to hot swap between engines as long as you have them configrued, im hoping to have atleast 1-2 pre confgirued and working at install whenever a new user installs it - using ai-sdk.dev to not limit on what engine we can access - the buttons that wil run up the side of the side bar will be 1. quick add current file 2. add context 3. refresh context 4. clear context 5. regenerate ai response 6. copy 7. edit prompt 8. save to snippets
    2. will be devoted to errors that will only get populated when triggered via button defaulting on the focused editor, with an option to spider outwards looking for more errors across your app, again all buttons will be on the inner wall, starting from the bottom going upwards
    • when you start out it will ask if you want to auto fix or manual - manual option
      • button to scan for errors
      • mode toggle: between file and workspace
      • button to intiate auto fix at anytime
      • a list will display of the errors
        • left clicking will bring you to the error and highlighting it
        • right clicking will open a contrext menu
          • ✨ Auto-fix this error
          • 💬 Ask AI about this
          • 📋 Copy error details
          • ✅ Mark as reviewed
          • 🚫 skip error for now
          • 🔍 Find similar errors
        • whenever a error is highlighted it will display the error code underneath in the editor
    3. Context tab
       • displaying current context if any
       • can add files, or folders as removing them individually or them all at once
       • Context Sets: Save frequently used context combinations
       • Token Counter: Shows total tokens from context
       • Folder Options: Recursive toggle, file type filters
    4. Settings
       • a drop down will be at the top allowing you to select a engine to configure, once configure will remain displayed as a list and each time you sleect a item from the drop down it adds to that list, while at the same time you can remove or edit eeach time
       • Multi-Engine Support: Save multiple API configurations
       • Quick Switch: Radio buttons for fast engine switching
       • Secure Storage: API keys encrypted in VS Code secrets
       • Connection Test: Verify API key before saving
    5. history
    • Searchable: Find past conversations - Resume: Click to restore conversation in chat tab - Export: Save conversation as markdown/JSON - Stats: Message count, token usage, model used
    5. analytics
    6. Snippets
    7. tab for viewing the options we had for:
       • Open Successful Solutions
       • Open Failed Solutions
       • Open Last Auto Fix Report
• other features:
  • Notifications - Toast alerts for completions
  • Keyboard Shortcuts - Quick access to all tabs
  • Auto-save Conversations - Never lose work ( this should be taken care of by the histroy tab dude)

/extension
  /views
    /navigator
      - NavigatorView.ts (Main webview)
      - DockManager.ts (Tab switching)
      /tabs
        - ChatTab.ts
        - ErrorsTab.ts
        - ContextTab.ts
        - SettingsTab.ts 
        - HistoryTab.ts
        - AnalyticsTab.ts
        - SnippetsTab.ts
  /services
    - AIEngineService.ts (Multi-provider support)
    - ContextManager.ts (File/folder handling)
    - ErrorScanner.ts (Your existing logic)
    - HistoryService.ts (Conversation storage)
    - SecureStorage.ts (API key encryption)
  /providers
    - OpenAIProvider.ts
    - GroqProvider.ts
    - ClaudeProvider.ts
    - GeminiProvider.ts

• 'Remix' Submenu → 'Special Functionality'

  • Relocated within the 'Remix' parent menu (formerly 'Remix Components')
  • Positioned as the first item in the context menu for optimal accessibility

• 'Open Object in Schema'

  • Migrated to the 'Prisma' submenu for improved categorization

• 'Snippets' Submenu Consolidation

  • Submenu structure removed for streamlined navigation
  • All snippet items integrated into the top of the 'DevStack' submenu

• Modern Sidebar: Transitioned to the site's default inset-style sidebar for enhanced visual integration

• Dynamic Highlighting: Sidebar items automatically highlight corresponding to current scroll position, providing intuitive navigation feedback

• Synchronized Scrolling: Sidebar maintains visibility of current section through intelligent "ghost scrolling" functionality

• Direct Navigation: All README links provide direct navigation to corresponding documentation sections

• Sticky Section Headers: Section titles remain fixed at the top of the viewport during scrolling, with seamless transitions between sections

• URL Structure: Documentation URLs relocated outside parent routes to accommodate enhanced sidebar functionality

• Performance: Optimized scrolling detection and highlighting algorithms for smooth user experience

This represents the final major structural revision for the extension. Throughout the development process, various challenges have been identified and addressed at different stages of growth.

New issues arise that need to be addressed with unique solutions. For example, with the length of the current readme / docs, how do I preset the information to new users where they do not feel overwhelmed while at the same time, not alienating current users by burying new features and update info. Pretty unique issue, as I'm sure no other extension has run into this problem as far as extensions go anyways. I hope this is the last time I change the readme / docs, but as there is no extension to reference with a similar issue I'm primarily having to rely on trial and error.

The solution I have come up with:

• use the read me as more of an overview, giving just enough information to let the user know what each feature is / does while providing a link to the docs. Thus not overwhelming users to the degree that the docs if I were just to use that.
• for current users, I placed all new features at the top of the docs with a link to the section thats contained within. Thus allowing new users to find out with ease whats new, and if interested can read further

This approach balances accessibility for newcomers with feature discoverability for existing users, creating an optimal documentation experience for all user segments.

A new editor has been added, I wanted to test out a new library that turned out to be a much more feature rich offering than the current ones. I will be leaving the current ones up, as they are already coded and incase people enjoy them more than the new one. The new one features the monaco editor and has already received updates including the sidebar cheat sheet, readme generator and more.

If your on the fence about the subscription, the components viewer is worlds better than just a list or a products page where you can search and view items. It's a shame no other library has thought to include something like this, even with normal sized libraries, this would be a creature comfort that once you use it, you won't go back, it has even ruined other libraries for me. You don't think about how much better something could be till you have it, as I have not even visited the other two pages since using it. Don't get me wrong, it was created out of necessity, more than anything, due to a products page just not being good enough due to the amount of components. I know, the products page is the industry standard, but for this use case after you use it once, you'll see what I mean. Maybe I need to set some time aside, and really look at the products page... and hopefully I can come out the other side with a redesign to how we usually do it, because if I completely deserted that page never to visit it again. That's defiently a signal for when something should be changed and improved upon.

• Animated burger for trigger
• SidebarMenuAnchor, defaults to opening a new tab when clicked
• SidebarMenuLink, using remixs navlink
• Anchor and Link, displays loading states whenever clicked
• On initial load, sidebar will display a full ui loading state till data has loaded in, this will never display at any other point
• since the siderbar essentially wraps the application, theme provider has been included with 6 pre configred dark themes to choose from, the theme state saved in local storage
• the other sidebar versions will receive the same updates to their code as well

Yes I know, I said I wouldn't be including a theme selector that had a light theme, which is exactly what happened. I've been messing with this for a while now, because I have no idea how or where your going to use it. Personally I use a fixed position, replacing my pages logo icon with it, while at the same time setting the icons color to text-primary. Whenever the theme is changed, the icon displays the current colored theme.

• Default, 6 DARK theme color schemes, the same as you can find in the configurator as I did not have time to come up with more
• on initial load, it keeps whatever theme is set in place by your app, thus having 7 buttons
• with the way I coded, you can add, remove or adjust the current themes provided, or don't even use it at all
• the providor wraps the sidebar, so there is nothing you need to do more other than placing the sidebarthemeselector anywhere you would like

function Example() {
  return (
    <SidebarThemeSelector className='fixed right-[30px] top-[27px]' >
      <Avatar className="h-8 w-8 rounded-lg">
        <Zap className="text-primary" />
      </Avatar>
    </SidebarThemeSelector>
  )
}

• whenever the button is selected applies bg-bacl/50 and animates to the middle of the screen and displays all the avialable options to choose from
• once one is selected, saves the choice in local storage, and animates the slide back to its position

NOTE: Right now, this tool sees use in 100% of my dealings with ai and it delivers ridiculous results. It's not available to users yet as I figure out... what the hell to do with this. Once I make that decision, the tool will be available for you to use.

You won't keep asking:

• Why doesn't it remember what I said 10 messages ago?
• Why did it change the style from last time?
• Why do I have to re-explain my setup every session?

It takes what was impossible before and makes it reality. Instead of YouTubers making videos on "how to build a whole app with AI" just to create a single, very simple page or another common small blog you'd never actually see in production—this lets you complete large, complex projects spanning any number of files in a surprisingly short time. Right now, the only ceiling that exists is the AI engine's overall skill level. For example, while some engines can technically build very complex auto loan calculators (with heavy asterisks attached), you wouldn't actually use it in production. I get the novelty when people show off its "capability," but we both know that dev isn't putting that exact calculator in their project.

In closing:

I genuinely don't look at AI the same way now. My perspective is a stark contrast to how I worked with it before. The factory-level output I produce now definitely eases my anxiety when workloads hit a certain point. The possibilities are beyond what I can comprehend alone with the knowledge I have, because it doesn't just unlock new doors for each industry that uses it. This... how do I put this... imagine an average American home representing an AI engine. This would be like a Tesla Gigafactory or Amazon processing center breaking ground right up against the walls of that home, running at full capacity, with restrictions only placed by its own choice. If Microsoft wanted to dominate one more industry and make everyone else irrelevant, this could do it—putting them 3-5 years ahead overnight, not to mention the resources saved in the process. Right now, I'm more excited about just how much more efficient I became because of this. The only thing weighing that down is figuring out what to do with it. And hey, if you're reading this and have an answer, my email is on my profile. Frankly, that's the only reason I decided to put this here right now, because I very much doubt the vp of ai at microsoft would take some dudes random call in the middle of the day, haha.

• because I would have used it, thoroughly. Funny part is, its such a simple and plain function
• named: "copyValue"
• I would have loved to just name it copy, but every single time I name something, with that level of simplicity, not only does it not end up working but, bad things happen, instead of possibly getting a headache later, I'm just going to avoid it all together
• You have probably already guessed at what this will do for you in the sidebar, whenever this item is clicked, whatever value you had given it, will be placed in your clipboard, to be used in whatever capacity you need
• due to the simplicity, and how I should have thought about this a million years ago, it will be up and running, and ready to be used shortly, the ui may not be up right away, but you can always add it to the config

I've been wanting to update this for so long... As I have always felt that it... just needed to do a couple more things

Full function overview

• saves all files

• takes note of all existing files with .vsix in root folder, adding the file count to the step count for progress tracking

• compiles extension via pnpm run compile so make sure you have this set up in your package.json

  • it doesn't just run pnpm, it first checks which compiler you currently use, and uses the appropriate command, so whenever you see any command written about after this, just remember its not using pnpm, but whatever pkg mgr you use

• checks if local files are dirty

  • if yes, git add && git diff || git commit && git push && pnpm version patch && git push && git push --tags
    • if your wondering wtf, that was about. If your files are not synced with your repo it runs all the commmands it needs in order to "clean" your local file registry, in other words so your local files match / mirror your repos, next it increases the patch number by 1 and pushing that to your repo, finishing off with locally creating the vsix file
  • if no, pnpm version patch && git push && git push --tags

• waits for new vsix file to be created

• creates vsix file, placing it in the root folder

• publishes the extension with once built

this next step I'm putting back in because, even after publishing with vsce publish, the microsoft dashboard does not recognize it. Personally I don't know why, maybe you do shrugs, I just haven't had the time to spend to look into this. As I have noticed that the marketplace readme, does not update unless I update the extension on the dashboard. At one point, I noticed that there was almost a 30 day period with no updates, all the while I was using vsce publish, after visiting the marketplace listing, I had noticed the readme was about 10-11 updates old. So, for that reason... UPDATE: I'll keep an eye on if this changes or continues to act the same way, if it changes this will be removed

• reveals new vsix in file explorer

• opens browser at publishers dashboard

  • I have coded it to open a specfic browser for me, due to using accounts in certain browsers and microsoft not completely vibing with the fact that I will not sign up for one of their emails, instead using other providers to use their services. Because of that, their login process is really nitpicky on how I login. For you though, it will open your default browser and navigate to the dashboard. The reason I even brought all this up is, the url I used for you, after several tests seems to work for me, so I hope it works for you! So... if it doesn't work atleast you know why

• whatever amount of old vsix files you currently have in your root folder, will automatically get deleted... fucking finally... lol, I don't know why I waited so long to add this

  • if you currently have no old vsix files, it skips this step

• instead of the soft extension restart, like before

  • saves all files ( incase you kept on working, so nothing gets lost to the nether )
  • restarts your instance, reopening the window you were in at the time of the instance shutting down, reopening in the same workspace so as to not interrupt us too much

I'll know pretty quickly if I hate this or not, so it might get changed back. But who knows, I might love it, since it takes care of one more step for me

... that restart was fast... damn... ok, might actually love this Even with like 3 workspaces open, reopens them in faster than you can blink, safe to say for now, this will stay

const fs = require('fs');
const path = require('path');
const archiver = require('archiver');
const fse = require('fs-extra');
const { globby } = require('globby');

const ROOT_DIR = path.resolve(__dirname, '..');
const PACKAGE_JSON_PATH = path.join(ROOT_DIR, 'package.json');
const VSIX_IGNORE_PATH = path.join(ROOT_DIR, '.vscodeignore');
const VSIX_DIR = path.join(ROOT_DIR);
const REQUIRED_FILES = [
    'package.json',
    'README.md',
    'CHANGELOG.md',
    'LICENSE'
];

const STRUCTURE_DEPTH = 3;

const ADDITIONAL_IGNORES = [
    '.git',
    '.git/**',
    'scripts',
    'scripts/**',
    'vsix',
    'vsix/**',
    '.vscodeignore',
    'package.dev.jsonc',
    'package-lock.json',
    '**/*.vsix'
];

function isIgnored(filePath, patterns) {
    const normalizedPath = filePath.replace(/\\/g, '/');
    
    for (const pattern of patterns) {
        const normalizedPattern = pattern.replace(/\\/g, '/');
        
        if (normalizedPattern.endsWith('/**')) {
            const dir = normalizedPattern.slice(0, -3);
            if (normalizedPath === dir || normalizedPath.startsWith(dir + '/')) {
                return true;
            }
        }
        
        if (normalizedPattern.startsWith('**/')) {
            const suffix = normalizedPattern.slice(3);
            if (normalizedPath.endsWith(suffix) || normalizedPath.includes('/' + suffix)) {
                return true;
            }
        }
        
        if (normalizedPattern.includes('*')) {
            const regexPattern = normalizedPattern
                .replace(/\./g, '\\.')
                .replace(/\*\*/g, '.*')
                .replace(/\*/g, '[^/]*');
            const regex = new RegExp('^' + regexPattern + '$');
            if (regex.test(normalizedPath)) {
                return true;
            }
        }
        
        if (normalizedPath === normalizedPattern || normalizedPath.startsWith(normalizedPattern + '/')) {
            return true;
        }
    }
    
    return false;
}

function buildStructureTree(files, depth) {
    const tree = {};
    
    files.forEach(file => {
        const parts = file.split('/');
        let current = tree;
        
        for (let i = 0; i < Math.min(parts.length, depth); i++) {
            const part = parts[i];
            if (!current[part]) {
                current[part] = {};
            }
            current = current[part];
        }
    });
    
    return tree;
}

function printTree(tree, indent = '') {
    const entries = Object.keys(tree).sort();
    entries.forEach((key, index) => {
        const isLast = index === entries.length - 1;
        const prefix = isLast ? '└── ' : '├── ';
        const childIndent = indent + (isLast ? '    ' : '│   ');
        
        console.log(`${indent}${prefix}${key}`);
        
        if (Object.keys(tree[key]).length > 0) {
            printTree(tree[key], childIndent);
        }
    });
}

async function createVsix() {
    console.log('📦 Starting custom VSIX packaging...');

    await fse.ensureDir(VSIX_DIR);

    const pkg = await fse.readJson(PACKAGE_JSON_PATH);
    const extensionId = `${pkg.publisher}.${pkg.name}`;
    const vsixFileName = `${extensionId}-${pkg.version}.vsix`;
    const vsixPath = path.join(VSIX_DIR, vsixFileName);

    await fse.remove(vsixPath);
    let ignorePatterns = [...ADDITIONAL_IGNORES];
    if (await fse.pathExists(VSIX_IGNORE_PATH)) {
        const ignoreContent = await fse.readFile(VSIX_IGNORE_PATH, 'utf8');
        const filePatterns = ignoreContent
            .split('\n')
            .map(line => line.trim())
            .filter(line => line.length > 0 && !line.startsWith('#'));
        ignorePatterns.push(...filePatterns);
    } else {
        console.warn('.vscodeignore not found. Using default exclusions (node_modules, .git, etc.).');
        ignorePatterns.push(
            '**/node_modules/**',
            '**/src/**',
            '**/*.map',
            '**/*.ts',
            '**/*.tsx',
            '**/tsconfig.json',
            '**/webpack.config.js',
            '**/.vscode/**',
            '**/.gitignore'
        );
    }

    const outputDir = pkg.main ? path.dirname(pkg.main) : 'dist';
    if (ignorePatterns.includes(outputDir) || ignorePatterns.includes(outputDir + '/**')) {
        console.warn(`WARNING: The extension entry point folder (${outputDir}) is in .vscodeignore. This will break the extension.`);
    }

    const allFiles = await globby('**/*', {
        cwd: ROOT_DIR,
        dot: true,
        gitignore: false
    });

    const includedFiles = allFiles.filter(file => {
        if (REQUIRED_FILES.includes(file)) return true;
        const shouldIgnore = isIgnored(file, ignorePatterns);
        return !shouldIgnore;
    });

    REQUIRED_FILES.forEach(file => {
        if (!includedFiles.includes(file) && fs.existsSync(path.join(ROOT_DIR, file))) {
            includedFiles.push(file);
        }
    });

    console.log(`\nFound ${includedFiles.length} files to include (excluding ${allFiles.length - includedFiles.length} ignored files).`);
    console.log('\n🔍 Largest files being included:');
    
    const fileSizes = includedFiles.map(file => {
        const filePath = path.join(ROOT_DIR, file);
        const stats = fs.statSync(filePath);
        return { file, size: stats.size };
    }).sort((a, b) => b.size - a.size).slice(0, 10);
    
    fileSizes.forEach(({ file, size }) => {
        console.log(`  ${(size / 1024).toFixed(2)} KB - ${file}`);
    });

    const output = fs.createWriteStream(vsixPath);
    const archive = archiver('zip', { zlib: { level: 9 } });

    const archivedFiles = [];

    archive.on('entry', function(entry) {
        archivedFiles.push(entry.name);
    });

    output.on('close', function () {
        console.log(`\n✅ Successfully created VSIX: ${vsixPath}`);
        console.log(`Total size: ${(archive.pointer() / 1024 / 1024).toFixed(2)} MB`);
        
        const structure = buildStructureTree(archivedFiles, STRUCTURE_DEPTH);
        
        console.log(`\n📁 Structure (${STRUCTURE_DEPTH} levels deep):`);
        printTree(structure);
    });

    archive.on('warning', function (err) {
        if (err.code === 'ENOENT') {
            console.warn('Archive Warning:', err.message);
        } else {
            throw err;
        }
    });

    archive.on('error', function (err) { throw err; });

    archive.pipe(output);
    archive.append(fs.createReadStream(PACKAGE_JSON_PATH), { name: 'extension/package.json' });
    for (const filePath of includedFiles) { 
        if (filePath !== 'package.json') {
            archive.file(path.join(ROOT_DIR, filePath), { name: `extension/${filePath}` });
        }
    }
    await archive.finalize();
}

createVsix().catch(err => {
    console.error('\n❌ VSIX Packaging Failed:', err);
    process.exit(1);
});

I am not... including the 2200 functions from the ui library

Below you will see the makings of the list, taking shape atleast enough for you to review, each one atleast having a name to go with it. Instead of, just trying to figure out what it does from the function name alone.

Example Usage

{    
  {
    "label": "Custom .VSIX Packager",
    "path": "ocrmnavigator.customVsixPackager",
    "type": "command"
  }
}

Allowing you to place it within the sidebar to be used whenever you need it. Or if you want to chain a bunch of them together, to run all at once or one after another, along with other scripts, powershell commands, sh commands and so on. This isn't ALL of them, I think 150-200 or so, but its a start for now. Once it's catergorized and looking pretty, I'll add more.

ocrmnavigator.customVsixPackager Custom .VSIX Packager

ocrmnavigator.openPrePrompt Open Pre-Prompt

ocrmnavigator.copyValue Copy Value

ocrmnavigator.installCatalystUIFree Install Catalyst UI Comps

ocrmnavigator.installCatalystUI Install Catalyst UI

ocrmnavigator.UIComponents Components

ocrmnavigator.UIComponentsList Components List

ocrmnavigator.UIComponentsViewer Components Viewer

ocrmnavigator.catalystUI.x.sidebar01 Navigation Grouped By Section

ocrmnavigator.catalystUI.x.sidebar02 With Collapsible Sections

ocrmnavigator.catalystUI.x.sidebar03 With Submenus

ocrmnavigator.catalystUI.x.sidebar04 Floating Sidebar With Submenus

ocrmnavigator.catalystUI.x.sidebar05 With Collapsible Submenus

ocrmnavigator.catalystUI.x.sidebar06 With Submenus As Dropdowns

ocrmnavigator.catalystUI.x.sidebar07 Collapses To Icons

ocrmnavigator.catalystUI.x.sidebar08 With Secondary Navigation

ocrmnavigator.catalystUI.x.sidebar09 With Collapsible Nested Sidebars

ocrmnavigator.catalystUI.x.sidebar10 In A Popover

ocrmnavigator.catalystUI.x.sidebar11 Collapsible File Tree

ocrmnavigator.catalystUI.x.sidebar12 With A Calendar

ocrmnavigator.catalystUI.x.sidebar13 In A Dialog

ocrmnavigator.catalystUI.x.sidebar14 Right Sidebar

ocrmnavigator.catalystUI.x.sidebar15 Left And Right Sidebar

ocrmnavigator.catalystUI.x.sidebar16 Shopping Cart

ocrmnavigator.catalystUI.x.sidebar17 Shopping Cart V2

ocrmnavigator.catalystUI.x.sidebar18 With A Tree View

ocrmnavigator.catalystUI.x.sidebar27 Right & Left Sidebar W Full Functionality

ocrmnavigator.notesTodoAndThings Notes Todo And Things

ocrmnavigator.changeFreePremium Change Free Premium

ocrmnavigator.tailwindConverter Tailwind Converter

ocrmnavigator.yeet yeet

ocrmnavigator.renderMd Render MD

ocrmnavigator.YEEEETMOTHERFUCKER2 Build Extension +++

ocrmnavigator.foldParentRegions Auto Fold #dev

ocrmnavigator.autoFoldRegion Auto Fold #dev"

ocrmnavigator.openLeftOffNote Open Left Off Note

ocrmnavigator.openExistingNote View Left Off Note

ocrmnavigator.navigateToBookmark Navigate to Bookmark

ocrmnavigator.openGitHubRepoAtFile Open GitHub Repo At File

ocrmnavigator.showModernizationStats Show Modernization Stats

ocrmnavigator.convertClassToHooks Convert Class to Hooks

ocrmnavigator.modernizeCode Modernize Code

ocrmnavigator.navigateToError Navigate To Error

ocrmnavigator.undoLastFix Undo Last Auto-Fix

ocrmnavigator.sendFunctionContextToCopilot Send Function Context to Copilot

ocrmnavigator.confirmFixWorked Confirm Fix Worked (Learn Pattern)

ocrmnavigator.clearErrorHistory Clear Error History

ocrmnavigator.showErrorHistory Show Error History

ocrmnavigator.errorsMissingImportsPlus Find Errors, Missing Imports & More

ocrmnavigator.createFolderSmartIndex Create Export Index ( registry )

ocrmnavigator.convertToAgnostic Convert To Become Agnostic

ocrmnavigator.concurrent Concurrently

ocrmnavigator.typography Typography

ocrmnavigator.navMenu Nav Menu

ocrmnavigator.pagination Pagination

ocrmnavigator.dateTime Date Time Picker

ocrmnavigator.dateWInput Date W/ Input

ocrmnavigator.dobDate DOB Date Picker

ocrmnavigator.avatar Avatar

ocrmnavigator.alertDialog Alert Dialog

ocrmnavigator.switchCard Switch Card

ocrmnavigator.shadCNswitch Switch

ocrmnavigator.textarea Textarea

ocrmnavigator.addShadcnTooltip Tooltip

ocrmnavigator.addShadcnSidebar Sidebar

ocrmnavigator.addShadcnContextMenu Context Menu

ocrmnavigator.addShadcnPopover Popover

ocrmnavigator.addShadcnMenubar Menubar

ocrmnavigator.addShadcnHoverCard Hover Card

ocrmnavigator.addShadcnDropdownMenu Dropdown Menu

ocrmnavigator.addShadcnDrawer Drawer

ocrmnavigator.addShadcnChart Chart

ocrmnavigator.addShadcnCombobox Combobox

ocrmnavigator.addShadcnCheckbox Checkbox

ocrmnavigator.addErrorBoundary Error Boundary

ocrmnavigator.addMetaFunction Meta Function

ocrmnavigator.addLinksFunction Links Function

ocrmnavigator.createActionObject Create Action Object

ocrmnavigator.createIncludeObject Create Include Object

ocrmnavigator.reactrouterFileBasedRouting RR Folder Routing

ocrmnavigator.inlinesImports Inline Imports

ocrmnavigator.openPlayer Media Player

ocrmnavigator.myTanStackTable TanStack Table Scaffolding

ocrmnavigator.myProjectSetup Project Scaffolding

ocrmnavigator.autoRemixAction Automatic Remix Action

ocrmnavigator.createUiMD MD

ocrmnavigator.buildProjectConfigurator Build & Deploy

ocrmnavigator.createSingleApp Create Single App - React Router

ocrmnavigator.createMonorepo Create Monorepo

ocrmnavigator.openMusicInBrowser Playlist

ocrmnavigator.convertToMono Convert to Monorepo

ocrmnavigator.buildProject Build & Deploy Project

ocrmnavigator.updatePrisma Update Prisma Scripts

ocrmnavigator.strView Superuser Task Runner

ocrmnavigator.themedScrollBar Scroll Bar - based on CSS theme

ocrmnavigator.mdFile View MD

ocrmnavigator.testsubmenu test sub menu

ocrmnavigator.devStackView Chains

ocrmnavigator.mdViewWorkspaceList MD

ocrmnavigator.cmdsView DevStack

ocrmnavigator.uiReference Reference

ocrmnavigator.uiCreate Create

ocrmnavigator.uiMasterApps Master Apps

ocrmnavigator.skylersMenuEditorContext 8an3

ocrmnavigator.ui8an3Menu 8an3

ocrmnavigator.uiConfigurators Configurators

ocrmnavigator.snippetsFile Snippets File

ocrmnavigator.snippetsEdit Edit Snippet

ocrmnavigator.chainsEdit DevStack Chains

ocrmnavigator.cmdsEdit Command

ocrmnavigator.snippetsCreate Snippet Create

ocrmnavigator.createMDWCheat3Wide MD w/ Viewer

ocrmnavigator.chainsCreate Chain

ocrmnavigator.cmdsCreate Cmd / Powershell Cmd / URL / VSCode Cmd / Debian Cmd / File / MD / Folder

ocrmnavigator.openUi UI Dashboard

ocrmnavigator.configSub Configuration

ocrmnavigator.lucideButtons Lucide Icons

ocrmnavigator.colorWheel Color Wheel

ocrmnavigator.blackedOut Blacked Out

ocrmnavigator.bluedOut Blued Out

ocrmnavigator.windowDifferentiator Window Differentiator

ocrmnavigator.resetWindowDifferentiator Reset Colors - Window Differentiator

ocrmnavigator.useHydrated Required for clientOnly - use-hydrated.js

ocrmnavigator.clientOnly Custom client-only.js that replaces remix-utils version

ocrmnavigator.searchWFusejs Search w/ Fuse.js

ocrmnavigator.searchWFilter Search w/ Filter

ocrmnavigator.commandWCommandInput Command w/ CommandInput

ocrmnavigator.commandWSearch Command w/ Search

ocrmnavigator.bgWHover BG w/ Hover

ocrmnavigator.blue BG Blue w/ Hover

ocrmnavigator.apiRoute API Route

ocrmnavigator.prevState prevState

ocrmnavigator.insertSnippet %s

ocrmnavigator.visualizeSchemaRelations Visualize Schema Relations

ocrmnavigator.remix Functions

ocrmnavigator.remixAdd Remix

ocrmnavigator.contextSnippets Context Snippets

ocrmnavigator.showHistory Show History

ocrmnavigator.prisma Prisma

ocrmnavigator.generateCrudResolvers Generate CRUD Resolvers

ocrmnavigator.clickToSchemaObject Open Object In Schema

ocrmnavigator.openGitHubRepo Open GitHub Repo In Browser

ocrmnavigator.github GitHub Functions

ocrmnavigator.cammandPagination Command - Pagination

ocrmnavigator.removeUnusedImports Remove Unused Imports From File

ocrmnavigator.devStackSubmenu DevStack

ocrmnavigator.testRouteFile Create Tests For Route and Action

ocrmnavigator.installAuthRemix Install Auth in Remix w/ Auth Routes

ocrmnavigator.installOTPRemix Install OTP Into Remix w/ Auth Routes

ocrmnavigator.configureEslingPrettier Add ESlint and Prettier configs

ocrmnavigator.installShadcn Install ShadCN w/ All Components

ocrmnavigator.convertV1ToV2 Converts the v1 routing convention to v2

ocrmnavigator.addFetch Fetch w/ state and useEffect

ocrmnavigator.addCleanSmTable Sm Table w/ Columns

ocrmnavigator.addFuseInput Fuse Input w/ X

ocrmnavigator.designedButtonClassName Designed Button ClassName

ocrmnavigator.configureImports Configure Missing Imports

ocrmnavigator.addMissingImports Configure Missing Imports

ocrmnavigator.addRouteFile Route File

ocrmnavigator.addTableFile TanStack Table File

ocrmnavigator.addUseEffect useEffect

ocrmnavigator.addUseState useState

ocrmnavigator.addMap Map

ocrmnavigator.addOnSubmitFunionatlity On Submit w/ Fetcher

ocrmnavigator.addOnClickWithSubmit Button W/ On Click With Submit

ocrmnavigator.addClassNames ClassNames

ocrmnavigator.addFetcherForm Fetcher.Form With Items

ocrmnavigator.addLoader Loader

ocrmnavigator.addAction Action

ocrmnavigator.openRouteInBrowser Open Route in Browser

ocrmnavigator.previewRoute Preview Route URL

ocrmnavigator.testRouteConversion Test Route Conversion

ocrmnavigator.openUrlFromEditor Open the files route

ocrmnavigator.missingImportsAndVariables Missing Imports && Variables

ocrmnavigator.configExample View Example Config

ocrmnavigator.hideSingleItem Toggle To Hide Item In UI

ocrmnavigator.toggleHiddenItems Toggle Hidden Nav Items

ocrmnavigator.YEEEETMOTHERFUCKER YEEEET!!!

ocrmnavigator.refreshWorkspaceSnippets refreshWorkspaceSnippets

ocrmnavigator.saveSnippet Save Snippet

ocrmnavigator.openSingleSnippet Snippet Viewer

ocrmnavigator.openSnippetFromFile OCRM Navigator: Open in Snippets Viewer

ocrmnavigator.importSnippets Import Snippets

ocrmnavigator.openSnippetsWebview Snippet Viewer

ocrmnavigator.createSnippet Create Snippet

ocrmnavigator.editSnippet Edit Snippet

ocrmnavigator.copySnippetToClipboard Copy Snippet Body

ocrmnavigator.addAutoSequencer Chain / Cmd Sequencer"

ocrmnavigator.autoSequencer Execute a chain of items."

ocrmnavigator.autoCommitPushUpgrade Auto Commit, Push and Upgrade"

ocrmnavigator.autoCommitPush Auto Commit and Push"

ocrmnavigator.upgradeExtension Upgrade Patch, create & reveal VSIX"

ocrmnavigator.addBashCommand Open NRCSync"

ocrmnavigator.openExternalWebview Open NRCSync"

bookmarks.add Add Bookmark"

bookmarks.show Show Bookmarks"

clipboardManager.showHistory Show Clipboard History"

ocrmnavigator.addUnusedToFileTree Add to tree items

ocrmnavigator.searchForExportsThatAreNotInUse Search For Unused Exports

ocrmnavigator.quickSearch Search

ocrmnavigator.formattersSub Formatters

ocrmnavigator.viewersSub Open Viewer

ocrmnavigator.editConfig Edit .json Config

ocrmnavigator.revealInExplorer Reveal in Explorer

ocrmnavigator.copyPath Copy Path

ocrmnavigator.addFileToNavigator Add File to DevStack

ocrmnavigator.initialFile Add File/s to DevStack

ocrmnavigator.editFileLabel Edit Label

ocrmnavigator.deleteItem Remove Item

ocrmnavigator.moveCategoryUp Move Folder Up

ocrmnavigator.moveCategoryDown Move Folder Down

ocrmnavigator.deleteCategory Remove Folder

ocrmnavigator.exportConfig Export Config

ocrmnavigator.importConfig Import Config

ocrmnavigator.addItemToDevstack Add Item

ocrmnavigator.editWebUrl Edit Web URL

ocrmnavigator.executeSTRCommand Execute Command

ocrmnavigator.executeCommand Execute Command

ocrmnavigator.addSubcategory Add Sub Folder

ocrmnavigator.collapseFolder Collapse Folder By Default

ocrmnavigator.expandFolder Expand Folder By Default

ocrmnavigator.refresh Refresh Navigator

ocrmnavigator.removeUrl Remove URL

ocrmnavigator.editCommand Edit Command

ocrmnavigator.moveItem Move File Item

ocrmnavigator.setMoveTarget Select as Move Destination

ocrmnavigator.createMD MD

ocrmnavigator.editMD Edit .MD

ocrmnavigator.editMDLabel Edit .MD Label

ocrmnavigator.showCommandsReference VSCode Cmds Reference

ocrmnavigator.viewMarkdownGuide MD Guide

ocrmnavigator.moveFileUp Move File Up

ocrmnavigator.removeConsoleLogsFromFile Remove console.log statements from this file"

ocrmnavigator.removeConsoleLogsFromFolder Remove console.log statements from folder"

ocrmnavigator.removeConsoleLogsFromWorkspace Remove console.log statements from workspace"

ocrmnavigator.debianCMD Execute Debian WSL CMD

ocrmnavigator.renameBatch Batch Rename

ocrmnavigator.addTerminalCommandToCategory Bash Cmd

ocrmnavigator.moveFileDown Move File Down

ocrmnavigator.executeItem Execute Terminal CMDS

ocrmnavigator.addFilesToNavigator Batch Add Files to CRM Navigator

ocrmnavigator.renderFileInMdViewer .MD Viewer

ocrmnavigator.search Search in Navigator

ocrmnavigator.formatCurrentFile Format with DevStack"

ocrmnavigator.configureFormatters Formatters"

ocrmnavigator.shareConfig Share Config With Friend"

ocrmnavigator.mainActions Main Menu"

ocrmnavigator.addActions Add Menu"

ocrmnavigator.renderEmptyMd Markdown Viewer"

ocrmnavigator.mdViewer Markdown Viewer"

ocrmnavigator.editDefaultValues Default Apps"

ocrmnavigator.removeJson Remove Trailing Commas"

ocrmnavigator.themeViewer VSCode Theme Configurator"

ocrmnavigator.removeAllComments Remove All Comments"

ocrmnavigator.jsonComments JSON Comments"

ocrmnavigator.renderedMDFile Render MD In VSCode"

ocrmnavigator.authDesignPage Auth Design Page

ocrmnavigator.showQuickPick DevStack: Search