Image Diff (#47)

* set active cell on start
avoids seemingly empty extension if a notebook already has some provenance

* fix padding between input and label

* show content of active cells
remove transparent coloring of text

* remove todo

* organize imports

* Add tabs to detail diff
show diff of text outputs

* scroll to most recent states initially

* remove console log

* Remove firefox launch debug config

* set active cell on notebook change
in order to scroll to it

* Refactor MonacoEditor in new file

* add styles to new file

* Show imgs side by side

* calculate image diffs

* calculate img similartiy pt 1

* image similarity metrics with openCV

* switch back  to techstark/opencv-js

* IT WORKS !!!

* update prettierignore for opencv and notebooks

* switch to library hosted by opencv

* remove debug logs

* Add similarity measures

.prettierignore

@@ -3,4 +3,8 @@ node_modules
 **/lib
 **/package.json
 !/package.json
+chat.json
+coverage
 loops
+notebooks
+src/opencv/opencv-4.8.0.js

.vscode/launch.json

@@ -6,10 +6,20 @@
   "version": "0.2.0",
   "configurations": [
     {
+      "name": "Firefox",
       "type": "firefox",
-      "request": "attach",
-      "name": "Attach to Firefox",
-      "url": "http://localhost:13013/lab?"
+      "request": "launch",
+      "reAttach": false,
+      "url": "http://localhost:13013/lab?",
+      "profile": "dev-edition-default",
+      "keepProfileChanges": true,
+      "pathMappings": [
+        {
+          "url": "webpack://${workspaceFolderBasename}/",
+          "path": "${workspaceFolder}/"
+        }
+      ],
+      "webRoot": "${workspaceFolder}"
     },
     {
       "type": "node",
@@ -32,22 +42,6 @@
         "program": "${workspaceFolder}/node_modules/jest/bin/jest"
       }
     },
-    {
-      "name": "Firefox",
-      "type": "firefox",
-      "request": "launch",
-      "reAttach": false,
-      "url": "http://localhost:13013/lab?",
-      "profile": "dev-edition-default",
-      "keepProfileChanges": true,
-      "pathMappings": [
-        {
-          "url": "webpack://${workspaceFolderBasename}/",
-          "path": "${workspaceFolder}/"
-        }
-      ],
-      "webRoot": "${workspaceFolder}"
-    },
     {
       "name": "JupyterLab backend",
       "type": "python",

package.json

@@ -232,7 +232,8 @@
   "jupyterlab": {
     "extension": true,
     "outputDir": "loops/labextension",
-    "schemaDir": "schema"
+    "schemaDir": "schema",
+    "webpackConfig": "./webpack.config.js"
   },
   "eslintIgnore": [
     "node_modules",
@@ -262,7 +263,7 @@
       "max-len": [
         "error",
         {
-          "code": 120,
+          "code": 160,
           "comments": 180
         }
       ],