OpenConceptLab/ocl_issues#2023 | concept matching tool

OpenConceptLab · Dec 10, 2024 · ca5df45 · ca5df45
1 parent 1f106ce
commit ca5df45
Show file tree

Hide file tree

Showing 7 changed files with 848 additions and 227 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -225,7 +225,18 @@
           "validators",
           "lll",
           "unfollow",
-          "rss"
+          "rss",
+          "algo",
+          "lightgreen",
+          "lightpink",
+          "codepage",
+          "defval",
+          "xls",
+          "xlsx",
+          "sameas",
+          "nbsp",
+          "scroller",
+          "llm"
         ],
         "skipIfMatch": [
           "http://[^s]*",

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -13,9 +13,10 @@
     "@mui/material": "5.14.5",
     "@mui/styles": "5.14.5",
     "@mui/x-date-pickers": "^5.0.20",
-    "axios": "^1.7.8",
+    "axios": "^1.7.9",
     "core-js": "^3.39.0",
     "i18next": "^22.4.9",
+    "jquery": "^3.7.1",
     "lodash": "^4.17.21",
     "moment": "^2.30.1",
     "react": "^18.3.1",
@@ -29,8 +30,10 @@
     "react-native-rss-parser": "^1.5.1",
     "react-password-strength-bar": "^0.3.5",
     "react-router-dom": "^5.3.4",
+    "react-virtuoso": "^4.12.3",
     "react-window": "^1.8.10",
-    "stacktrace-js": "^2.0.2"
+    "stacktrace-js": "^2.0.2",
+    "xlsx": "^0.18.5"
   },
   "scripts": {
     "start": "./node_modules/webpack-dev-server/bin/webpack-dev-server.js --progress --host 0.0.0.0 --port ${WEB_PORT} --env.API_URL=${API_URL} --env.NODE_ENV=${NODE_ENV} --env.RECAPTCHA_SITE_KEY=${RECAPTCHA_SITE_KEY} --env.GA_ACCOUNT_ID=${GA_ACCOUNT_ID} --env.HOTJAR_ID=${HOTJAR_ID} --env.ERRBIT_URL=${ERRBIT_URL} --env.ERRBIT_KEY=${ERRBIT_KEY} --env.LOGIN_REDIRECT_URL=${LOGIN_REDIRECT_URL} --env.OIDC_RP_CLIENT_ID=${OIDC_RP_CLIENT_ID} --env.OIDC_RP_CLIENT_SECRET=${OIDC_RP_CLIENT_SECRET} --mode ${NODE_ENV} --hot",
@@ -43,7 +46,7 @@
     "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
     "@babel/polyfill": "^7.12.1",
     "@babel/preset-env": "^7.26.0",
-    "@babel/preset-react": "^7.25.9",
+    "@babel/preset-react": "^7.26.3",
     "@babel/runtime": "^7.26.0",
     "babel-eslint": "^10.1.0",
     "babel-loader": "^8.4.1",
@@ -66,7 +69,7 @@
     "react-is": "^16.13.1",
     "sass-loader": "^6.0.6",
     "style-loader": "^0.19.1",
-    "webpack": "^5.96.1",
+    "webpack": "^5.97.1",
     "webpack-cli": "^3.3.12",
     "webpack-dev-server": "^3.11.3"
   }

diff --git a/src/components/app/App.jsx b/src/components/app/App.jsx
@@ -25,6 +25,7 @@ import UserEdit from '../users/UserEdit';
 import UserSettings from '../users/UserSettings';
 import OrgHome from '../orgs/OrgHome';
 import URLRegistry from '../url-registry/URLRegistry'
+import RepoConceptsMatch from '../repos/RepoConceptsMatch'
 
 const AuthenticationRequiredRoute = ({component: Component, ...rest}) => (
   <Route
@@ -81,6 +82,7 @@ const App = props => {
               <Route exact path="/oidc/login" component={OIDLoginCallback} />
               <Route exact path="/search" component={Search} />
               <Route exact path="/" component={Dashboard} />
+              <AuthenticationRequiredRoute exact path={`/:ownerType(users|orgs)/:owner/sources/:repo/:repoVersion/concepts/$match`} component={RepoConceptsMatch} />
               <Route exact path={`/:ownerType(users|orgs)/:owner/:repoType(sources|collections)/:repo/compare-versions`} component={CompareVersions} />
               <Route exact path={`/:ownerType(users|orgs)/:owner/:repoType(sources|collections)/:repo`} component={RepoHome} />
               <Route exact path={`/:ownerType(users|orgs)/:owner/:repoType(sources|collections)/:repo/:repoVersion`} component={RepoHome} />

diff --git a/src/components/app/App.scss b/src/components/app/App.scss
@@ -116,6 +116,35 @@ div.split-appear {
     border-radius: 50px;
 }
 
+.confidence-bar {
+    width: 65px;
+    height: 14px;
+    border: 1px solid rgba(0, 0, 0, 0.4);
+    position: relative;
+    background-color: white;
+    overflow: hidden;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 8px;
+}
+
+.confidence-bar::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: var(--confidence-width, 0%);
+    height: 100%;
+    background-color: var(--confidence-color, lightgreen);
+    z-index: 0;
+}
+
+.confidence-text {
+    position: relative;
+    z-index: 1; /* Ensures text stays above the background */
+}
+
 .animation-appear{
     animation: bounce-in 0.2s ease-in;
 }