Update codeit-autocomplete.js

Author: benhatsor

lib/plugins/codeit-autocomplete.js

@@ -46,41 +46,6 @@ acp.initLang = (lang) => {
 
 }
 
-acp.lang.css.init = () => {
-    
-  let CSSProps = [];
-  
-  CSSProps = Array.from(window.getComputedStyle(document.documentElement));
-  
-  CSSProps.push('padding');
-  CSSProps.push('margin');
-  CSSProps.push('border');
-  CSSProps.push('flex');
-  CSSProps.push('grid');
-  CSSProps.push('gap');
-  CSSProps.push('background');
-  CSSProps.push('overflow');
-  CSSProps.push('transition');
-  CSSProps.push('animation');
-  CSSProps.push('-webkit-user-select');
-  
-  acp.lang.css.props = CSSProps;
-  
-}
-
-acp.lang.js.init = () => {
-  
-  const iframe = document.createElement('iframe');
-  
-  body.append(iframe);
-  
-  acp.lang.js.props = iframe.contentWindow;
-  
-}
-
-// add language alias / temp @@
-acp.lang.javascript = acp.lang.js;
-
 
 
 acp.autocomplete = async (lang) => {
@@ -105,9 +70,22 @@ acp.autocomplete = async (lang) => {
   const textBeforeCursor = acp.el.input.beforeCursor();
   let query = acp.utils.getQuery(textBeforeCursor);
 
+  
+  // process query
+  
+  const rawQuery = query;
+  
+  if (langAcp.processQuery) {
+    
+    query = langAcp.processQuery(query);
+    
+  }
+  
+  
   // if query didn't change, return
   if (query === acp.curr.query) return;
 
+  // update query
   acp.curr.query = query;
 
 
@@ -117,9 +95,7 @@ acp.autocomplete = async (lang) => {
   if (query !== '') {
 
     // autocomplete query
-    results = acp.lang[lang].autocomplete(query);
-    
-    query = acp.curr.query;
+    results = acp.lang[lang].autocomplete(query, rawQuery);
 
   }
 
@@ -183,6 +159,7 @@ acp.autocomplete = async (lang) => {
 }
 
 
+
 /*
  * Autocomplete Language Extension (acp language)
  * ----------------------------------------------
@@ -226,6 +203,30 @@ acp.autocomplete = async (lang) => {
  */
 
 
+
+acp.lang.css.init = () => {
+    
+  let CSSProps = [];
+  
+  CSSProps = Array.from(window.getComputedStyle(document.documentElement));
+  
+  CSSProps.push('padding');
+  CSSProps.push('margin');
+  CSSProps.push('border');
+  CSSProps.push('flex');
+  CSSProps.push('grid');
+  CSSProps.push('gap');
+  CSSProps.push('background');
+  CSSProps.push('overflow');
+  CSSProps.push('transition');
+  CSSProps.push('animation');
+  CSSProps.push('-webkit-user-select');
+  
+  acp.lang.css.props = CSSProps;
+  
+}
+
+
 acp.lang.css.autocomplete = (query) => {
 
   let results = [];
@@ -252,19 +253,43 @@ acp.lang.css.autocomplete = (query) => {
 }
 
 
-acp.lang.js.autocomplete = (query) => {
 
-  let results = [];
+acp.lang.js.init = () => {
+  
+  const iframe = document.createElement('iframe');
+  
+  body.append(iframe);
+  
+  acp.lang.js.props = iframe.contentWindow;
+  
+}
+
+// add language alias / temp @@
+acp.lang.javascript = acp.lang.js;
+
 
+acp.lang.js.processQuery = (query) => {
+  
   // if query dosen't include a '.', return
-  if (!query.includes('.')) return [];
+  if (!query.includes('.')) return '';
 
   // split query to get hierarchy
-  hierarchy = query.split('.');
+  let hierarchy = query.split('.');
 
-  // update query
-  acp.curr.query = hierarchy[hierarchy.length - 1];
-  query = acp.curr.query;
+  // update query to last item in hierarchy
+  const pQuery = hierarchy[hierarchy.length - 1];
+  
+  return pQuery;
+  
+}
+
+
+acp.lang.js.autocomplete = (query, rawQuery) => {
+
+  let results = [];
+  
+  // split query to get hierarchy
+  let hierarchy = rawQuery.split('.');
 
   // remove query from hierarchy
   hierarchy.pop();