Autocomplete conflict

[legendSabbir]

The snippets are added via plugin in Acode app . snippet plugin .

The issue is when i use ace-linters it blocks these custom snippets.
also when using css the autocompletemenu
inserts text like "..container" 2 dots . This only happens if i start typing with dot for classes .

In html file local suggestions doesn't showup
and many more small issues .

i've used webworker method . I dont know how to use it via websocket .

Anyway you can build a ace-linters plugin for the app. Acode app has a store for plugin .

Acode plugin Docs

If you need help for things like where to start and others i can help you .

Many developers use mobile phone for coding and acode is a great app . It's just lacking lsp

[mkslanc]

Hey @legendSabbir ,
Lets split those issues to parts:

1. Custom snippets were with ace-linters were blocked by design, but seems it's not good solution, so we will provide option to save any other completers instead of replacing them.
2. Autocompletion replacement problem (..container) seems should be related to not merged Completions improvements PR. It's planned to be merged soon, so hopefully it would be solved in next version
3. Html local suggestions is the same replaced completers issue as 1 one.

If you could provide more information about other bugs that would be really appreciated.
You could try to reproduce those issues on demo page it would bring more clarity for us.

I hope I answered to all questions

[mkslanc]

• First suggestion not showing up fixed (not sure if .container is the same one)
• just add features: {completion: false, completionResolve: false, diagnostics: true, format: false, hover: false, documentHighlight: false, signatureHelp: false}, to object inside registerService - https://github.com/mkslanc/ace-linters/blob/v0.9.1/packages/demo/example-fetch-inline-worker.html#L88
  Another example is any service from here

[legendSabbir]

Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

javascript service error annotation

[mkslanc]

Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

javascript service error annotation

Could you provide more details?

[legendSabbir]

import plugin from '../plugin.json';
const { editor } = editorManager 

class AcodePlugin {
  async init() {
    const quickTools = document.querySelector("#quick-tools")
    const mut_observer = new MutationObserver((mutations) => {
      mutations.forEach((mutation) => {
        const shiftKey = mutation.target.querySelector("#shift-key")
        
        mut_observer.disconnect();
      });
    });
    
    mut_observer.observe(quickTools, {childList: true});
  }
  
  async destroy() {
  }
}

if (window.acode) {
  const acodePlugin = new AcodePlugin();
  acode.setPluginInit(plugin.id, (baseUrl, $page, { cacheFileUrl, cacheFile }) => {
    if (!baseUrl.endsWith('/')) {
      baseUrl += '/';
    }
    acodePlugin.baseUrl = baseUrl;
    acodePlugin.init($page, cacheFile, cacheFileUrl);
  });
  acode.setPluginUnmount(plugin.id, () => {
    acodePlugin.destroy();
  });
}

// Errors 
[
    {
        "row": 0,
        "column": 19,
        "text": "Cannot find module '../plugin.json'. Consider using '--resolveJsonModule' to import module with '.json' extension.",
        "type": "error"
    },
    {
        "row": 1,
        "column": 19,
        "text": "Cannot find name 'editorManager'.",
        "type": "error"
    },
    {
        "row": 8,
        "column": 41,
        "text": "Property 'querySelector' does not exist on type 'Node'.",
        "type": "error"
    },
    {
        "row": 21,
        "column": 11,
        "text": "Property 'acode' does not exist on type 'Window & typeof globalThis'.",
        "type": "error"
    },
    {
        "row": 23,
        "column": 2,
        "text": "Cannot find name 'acode'.",
        "type": "error"
    },
    {
        "row": 27,
        "column": 16,
        "text": "Property 'baseUrl' does not exist on type 'AcodePlugin'.",
        "type": "error"
    },
    {
        "row": 28,
        "column": 21,
        "text": "Expected 0 arguments, but got 3.",
        "type": "error"
    },
    {
        "row": 30,
        "column": 2,
        "text": "Cannot find name 'acode'.",
        "type": "error"
    },
    {
        "row": 0,
        "column": 0,
        "text": "Parsing error: 'import' and 'export' may appear only with 'sourceType: module'",
        "type": "error"
    }
]

[mkslanc]

With new version you could set which errors you want to ignore or replace as warnings/info -
For Typescript Service it would be -

languageProvider.setGlobalOptions("typescript", {
    errorCodesToTreatAsWarning: [
        "2540"
    ],
    errorCodesToIgnore: [
        "error code", "second-error-code"
    ],
    errorCodesToTreatAsInfo: [
        "error-code"
    ]
});

I am closing this discussion as it is already too big one, if you would have any other request/questions, please open new one

[nightwing]

@legend-sabbir there is no public api in ace, you need to use a hack similar to

editor.onTextInput =  function(text) {
    var keys = require('ace/lib/keys')
    editor.onCommandKey({}, keys.KEY_MODS["cmd"] , keys[text] || text.charCodeAt(0))
    delete editor.onTextInput
}

For general questions about ace, like this, or for feature request like support for Bracket pair colorization, https://github.com/ajaxorg/ace/discussions is a better place.