Switch to explorer treeview and name to Spec

Author: lanly-dev

.vscode/settings.json

@@ -0,0 +1,4 @@
+{
+    "typescript.surveys.enabled": false,
+    "python.pythonPath": "C:\\Users\\lannl\\AppData\\Local\\Programs\\Python\\Python38\\python.exe"
+}

CHANGELOG.md

@@ -1,5 +1,5 @@
 # Change Log
-All notable changes to the "audio" extension will be documented in this file.
+All notable changes to the "spec" extension will be documented in this file.
 
 Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how to structure this file.
 

README.md

@@ -1,6 +1,6 @@
-# audio README
+# spec README
 
-This is the README for your extension "audio". After writing up a brief description, we recommend including the following sections.
+This is the README for your extension "spec". After writing up a brief description, we recommend including the following sections.
 
 ## Features
 

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "audio",
-  "displayName": "audio",
+  "name": "spec",
+  "displayName": "spec",
   "description": "description",
   "version": "0.0.1",
   "engines": {
@@ -14,20 +14,11 @@
   ],
   "main": "src/extension.js",
   "contributes": {
-    "viewsContainers": {
-      "activitybar": [
-        {
-          "id": "audio-explorer",
-          "title": "audio Explorer",
-          "icon": "media/dep.svg"
-        }
-      ]
-    },
     "views": {
-      "audio-explorer": [
+      "explorer": [
         {
-          "id": "audios",
-          "name": "audios"
+          "id": "spec",
+          "name": "Spec Explorer"
         }
       ]
     }

src/extension.js

@@ -14,15 +14,15 @@ function activate(context) {
   vscode.window.showInformationMessage('Hello World!')
   // let files = vscode.workspace.findFiles('**/*', null, 100)
   // files.then(data => console.log(data), error => console.error(error))
-  
-  const test = new tv.Treeview
 
-  test.audiosViewer.onDidChangeSelection(file => {
+  const test = new tv.Treeview(context)
+
+  test.specViewer.onDidChangeSelection(file => {
     console.log(file)
-    console.log(test.audiosViewer.selection)
+    console.log(test.specViewer.selection)
   })
 
-  
+
   // vscode.workspace.onDidChangeConfiguration()
 
   const compiledFunction = pug.compileFile(`${__dirname}\\index.pug`)

src/index.pug

@@ -1,9 +1,9 @@
 html
   head
-    title Audio
+    title Spec
     meta(charset='UTF-8')
     meta(http-equiv='Content-Security-Policy',
-      content=`default-src 'none'; img-src vscode-resource: https:; script-src 'nonce-${nonce}'; style-src 'nonce-${nonce}' https:; font-src data: vscode-resource: https:; worker-src blob:; connect-src vscode-resource:`)
+      content=`default-src 'none'; img-src vscode-resource: https:; script-src 'nonce-${nonce}'; style-src 'nonce-${nonce}' https:; font-src data: vscode-resource: https:; worker-src blob:; connect-src vscode-resource: ws:`)
     meta(name='viewport', content='width=device-width, initial-scale=1.0')
     script(nonce=`${nonce}`).
       rootPath = '#{song_path}'

src/treeview.js

@@ -6,16 +6,16 @@ const fs = require('fs')
 
 class Treeview {
   constructor(context) {
-    const treeDataProvider = new AudioTreeDataProvider(
+    const treeDataProvider = new SpecTreeDataProvider(
       vscode.workspace.rootPath
     )
-    this.audiosViewer = vscode.window.createTreeView('audios', {
-      treeDataProvider
-    })
+    context.subscriptions.push(vscode.workspace.registerTextDocumentContentProvider('spec', treeDataProvider));
+    this.specViewer = vscode.window.createTreeView('spec', { treeDataProvider });
+
   }
 }
 
-class AudioTreeDataProvider {
+class SpecTreeDataProvider {
   constructor(workspaceRoot) {
     this.workspaceRoot = workspaceRoot
     this._onDidChangeTreeData = new vscode.EventEmitter()
@@ -38,7 +38,7 @@ class AudioTreeDataProvider {
 
     if (element) {
       return  this.getFiles(path.join(element.filePath, element.label))
-      
+
     } else {
       return this.getFiles(this.workspaceRoot)
     }
@@ -53,7 +53,7 @@ class AudioTreeDataProvider {
           collapsibleState = vscode.TreeItemCollapsibleState.Collapsed
           descriptionText = `${filesCount} song`
           if(filesCount > 1) descriptionText += 's'
-          
+
         } else {
           collapsibleState = vscode.TreeItemCollapsibleState.None
           descriptionText = 'Empty'