Issue 175 (#178)

* in progress

* closes #175

Author: SubhenduShekhar

cjson/package.json

@@ -35,7 +35,6 @@
           ".cjson"
         ],
         "configuration": "./syntaxes/language-configuration.json",
-
         "icon": {
           "dark": "dist/icons/icon.png",
           "light": "dist/icons/icon.png"
@@ -66,7 +65,6 @@
       ]
     }
   },
-  
   "scripts": {
     "vscode:prepublish": "npm run package",
     "compile": "webpack",
@@ -79,17 +77,20 @@
     "test": "vscode-test"
   },
   "devDependencies": {
-    "@types/vscode": "^1.70.0",
     "@types/mocha": "^10.0.6",
     "@types/node": "18.x",
+    "@types/vscode": "^1.70.0",
     "@typescript-eslint/eslint-plugin": "^7.7.1",
     "@typescript-eslint/parser": "^7.7.1",
+    "@vscode/test-cli": "^0.0.8",
+    "@vscode/test-electron": "^2.3.9",
     "eslint": "^8.57.0",
-    "typescript": "^5.4.5",
     "ts-loader": "^9.5.1",
+    "typescript": "^5.4.5",
     "webpack": "^5.91.0",
-    "webpack-cli": "^5.1.4",
-    "@vscode/test-cli": "^0.0.8",
-    "@vscode/test-electron": "^2.3.9"
+    "webpack-cli": "^5.1.4"
+  },
+  "dependencies": {
+    "coded-json": "^2.1.1"
   }
 }

cjson/src/definitions/base.ts

@@ -0,0 +1,8 @@
+import { Position, Range, TextDocument } from "vscode";
+
+export abstract class Base {
+    protected getCharactersByRange(document: TextDocument, startPosition: Position, endPosition: Position) {
+        return document.getText(new Range(startPosition, endPosition));
+    }
+    protected abstract checkAndConfirm(item: string): boolean;
+}

cjson/src/definitions/completion-items.ts

@@ -2,20 +2,23 @@ import { CancellationToken, CompletionContext, CompletionItem, CompletionItemKin
 import { BackTrackSearchResult, DirectoryContent } from "../utils/interfaces";
 import { setAutCompleteList } from "../utils/utils";
 import { Registers } from "./register";
+import { Base } from "./base";
+import { Cjson } from "coded-json";
+import path from "path";
 
-export class CompletionItems implements CompletionItemProvider {
+export class CompletionItems extends Base implements CompletionItemProvider {
     private fileList: DirectoryContent[] | undefined;
     public completionItemList: CompletionItem[] = [];
     public previousCompleteList: CompletionItem[] = [];
     // Condition for checkAndConfirm to work as expected
     private isDirectoryChanged: boolean = false;
 
-    private checkAndConfirm(item: string) {
+    protected checkAndConfirm(item: string): boolean {
         if(this.isDirectoryChanged)
             return false;
         else {
             for(let i = 0; i < this.completionItemList.length; i ++) 
-                if(JSON.parse(JSON.stringify(this.completionItemList[i].label.valueOf()))["label"] === item)
+                if(JSON.parse(JSON.stringify(this.completionItemList[i].label.valueOf())) === item)
                     return true;
             return false;
         }
@@ -149,4 +152,35 @@ export class CompletionItems implements CompletionItemProvider {
             return false;
         }
     }
+}
+
+export class RelativeVariableCompletionProvider extends Base implements CompletionItemProvider {
+    public completionItemList: CompletionItem[] = [];
+
+    protected checkAndConfirm(item: string): boolean {
+        for(let i = 0; i < this.completionItemList.length; i ++) 
+            if(JSON.parse(JSON.stringify(this.completionItemList[i].label.valueOf())) === item)
+                return true;
+        return false;
+    }
+
+    provideCompletionItems(document: TextDocument, position: Position, token: CancellationToken, context: CompletionContext): ProviderResult<CompletionItem[] | CompletionList<CompletionItem>> {
+        if(workspace.workspaceFolders) {
+            if(document.fileName !== undefined) {
+                var cjson = new Cjson(document.fileName);
+                cjson.json?.getAllKeys().map((eachElem) => {
+                    if(! this.checkAndConfirm(eachElem))
+                        this.completionItemList.push(new CompletionItem(eachElem));
+                });
+            }
+            else
+                window.showErrorMessage("No CJSON file is opened");
+        }
+        else
+            window.showErrorMessage("CJSON requires folder to be opened");
+        return this.completionItemList;
+    }
+    resolveCompletionItem?(item: CompletionItem, token: CancellationToken): ProviderResult<CompletionItem> {
+        return item;
+    }
 }

cjson/src/definitions/register.ts

@@ -1,13 +1,13 @@
 import * as vscode from 'vscode';
-import { CompletionItems } from './completion-items';
+import { CompletionItems, RelativeVariableCompletionProvider } from './completion-items';
 import { GoToImportDefinition } from './goto-definition';
 import fs from "fs";
 import { Cjson } from "coded-json";
 
 export class Registers {
     static registerImportFilesCommand() {
         let disposable = vscode.languages.registerCompletionItemProvider({language: "cjson", scheme: "file"}, 
-            new CompletionItems(), ".", "/", "\\");
+            new CompletionItems(), ".", "/", "\\", "$");
 
         return disposable;
     }
@@ -20,10 +20,14 @@ export class Registers {
     }
 
     static registerDeserializedPreviewView(nodePath: string) {
-        let panel = vscode.window.createWebviewPanel("cjson.deseralizeAndPreview", "Deserialised " + nodePath.split("/")[nodePath.split("/").length - 1], {
-            viewColumn: vscode.ViewColumn.One,
-            preserveFocus: true
-        });
+        let panel = vscode.window.createWebviewPanel("cjson.deseralizeAndPreview", "Deserialised " + nodePath.split("/")[nodePath.split("/").length - 1],
+        vscode.ViewColumn.One,
+        {
+            enableScripts: true,
+            enableForms: true,
+            enableCommandUris: true
+        }
+    );
         fs.readFile(nodePath, (err, data) => {
             if(err)
                 vscode.window.showErrorMessage(err.message);
@@ -53,4 +57,9 @@ export class Registers {
             this.registerDeserializedPreviewView(node.path.substring(1));
         }, this);
     }
+
+    static registerRelativeVariableMappingCommand() {
+        return vscode.languages.registerCompletionItemProvider({ language: "cjson", scheme: "file"},
+            new RelativeVariableCompletionProvider(), "$");
+    }
 }

cjson/src/extension.ts

@@ -8,6 +8,8 @@ export function activate(context: vscode.ExtensionContext) {
 
 	let goToDefinition = Registers.registerGoToImportDefinitionCommand();
 
+	let relativeVariableMapping = Registers.registerRelativeVariableMappingCommand();
+
 	// let deseralizeAndPreview = Registers.registerDeseralizeAndPreviewCommand();
 
 	// disposable = cjsonRegisterDocumentLinkCommand();

npm/.gitignore

@@ -0,0 +1 @@
+out/