fix: packages updates

.github/workflows/ci-release.yml

@@ -99,29 +99,6 @@ jobs:
                   draft: false
                   prerelease: false
                   overwrite: true
-            - name: Prepare for Mothership
-              if: github.event_name != 'pull_request'
-              uses: GuillaumeFalourd/[email protected]
-              with:
-                  repository_owner: metrico
-                  repository_name: qryn
-                  new_branch_name: view_${{steps.version.outputs.newTag}}
-                  new_branch_ref: master
-                  access_token: ${{ secrets.GH_PUSH }}
-            - name: Push to Mothership
-              if: github.event_name != 'pull_request'
-              uses: cpina/github-action-push-to-another-repository@main
-              env:
-                  API_TOKEN_GITHUB: ${{ secrets.GH_PUSH }}
-                  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-              with:
-                  source-directory: "packages/main/dist"
-                  target-directory: "view"
-                  target-branch: view_${{steps.version.outputs.newTag}}
-                  destination-github-username: "metrico"
-                  destination-repository-name: "qryn"
-                  user-email: [email protected]
-                  commit-message: Upgrade view to ${{steps.version.outputs.newTag}}
             - name: Deploy to gh-pages 🚀
               if: github.event_name != 'pull_request'
               uses: JamesIves/[email protected]

.github/workflows/codeql-scanner.yml

@@ -0,0 +1,105 @@
+# For most projects, this workflow file will not need changing; you simply need
+# to commit it to your repository.
+#
+# You may wish to alter this file to override the set of languages analyzed,
+# or to provide custom queries or build logic.
+#
+# ******** NOTE ********
+# We have attempted to detect the languages in your repository. Please check
+# the `language` matrix defined below to confirm you have the correct set of
+# supported CodeQL languages.
+#
+name: "CodeQL Advanced"
+
+on:
+  push:
+    branches: [ "main", "protected" ]
+  pull_request:
+    branches: [ "main", "protected" ]
+  schedule:
+    - cron: '16 23 * * 2'
+
+jobs:
+  analyze:
+    name: Analyze (${{ matrix.language }})
+    # Runner size impacts CodeQL analysis time. To learn more, please see:
+    #   - https://gh.io/recommended-hardware-resources-for-running-codeql
+    #   - https://gh.io/supported-runners-and-hardware-resources
+    #   - https://gh.io/using-larger-runners (GitHub.com only)
+    # Consider using larger runners or machines with greater resources for possible analysis time improvements.
+    runs-on: ${{ (matrix.language == 'swift' && 'macos-latest') || 'ubuntu-latest' }}
+    permissions:
+      # required for all workflows
+      security-events: write
+
+      # required to fetch internal or private CodeQL packs
+      packages: read
+
+      # only required for workflows in private repositories
+      actions: read
+      contents: read
+
+    strategy:
+      fail-fast: false
+      matrix:
+        include:
+        - language: javascript-typescript
+          build-mode: none
+        # CodeQL supports the following values keywords for 'language': 'c-cpp', 'csharp', 'go', 'java-kotlin', 'javascript-typescript', 'python', 'ruby', 'swift'
+        # Use `c-cpp` to analyze code written in C, C++ or both
+        # Use 'java-kotlin' to analyze code written in Java, Kotlin or both
+        # Use 'javascript-typescript' to analyze code written in JavaScript, TypeScript or both
+        # To learn more about changing the languages that are analyzed or customizing the build mode for your analysis,
+        # see https://docs.github.com/en/code-security/code-scanning/creating-an-advanced-setup-for-code-scanning/customizing-your-advanced-setup-for-code-scanning.
+        # If you are analyzing a compiled language, you can modify the 'build-mode' for that language to customize how
+        # your codebase is analyzed, see https://docs.github.com/en/code-security/code-scanning/creating-an-advanced-setup-for-code-scanning/codeql-code-scanning-for-compiled-languages
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v4
+
+    - uses: pnpm/[email protected]
+      with:
+         version: 8
+    - name: Setup Node.js environment
+      uses: actions/setup-node@v4
+      with:
+          node-version: 20
+          cache: "pnpm"
+    - name: Install dependencies
+      run: pnpm install
+    - name: Build
+      run: pnpm build
+
+    # Initializes the CodeQL tools for scanning.
+    - name: Initialize CodeQL
+      uses: github/codeql-action/init@v3
+      with:
+        languages: ${{ matrix.language }}
+        build-mode: ${{ matrix.build-mode }}
+        # If you wish to specify custom queries, you can do so here or in a config file.
+        # By default, queries listed here will override any specified in a config file.
+        # Prefix the list here with "+" to use these queries and those in the config file.
+
+        # For more details on CodeQL's query packs, refer to: https://docs.github.com/en/code-security/code-scanning/automatically-scanning-your-code-for-vulnerabilities-and-errors/configuring-code-scanning#using-queries-in-ql-packs
+        # queries: security-extended,security-and-quality
+
+    # If the analyze step fails for one of the languages you are analyzing with
+    # "We were unable to automatically build your code", modify the matrix above
+    # to set the build mode to "manual" for that language. Then modify this step
+    # to build your code.
+    # ℹ️ Command-line programs to run using the OS shell.
+    # 📚 See https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsrun
+    - if: matrix.build-mode == 'manual'
+      shell: bash
+      run: |
+        echo 'If you are using a "manual" build mode for one or more of the' \
+          'languages you are analyzing, replace this with the commands to build' \
+          'your code, for example:'
+        echo '  make bootstrap'
+        echo '  make release'
+        exit 1
+
+    - name: Perform CodeQL Analysis
+      uses: github/codeql-action/analyze@v3
+      with:
+        category: "/language:${{matrix.language}}"

.gitignore

@@ -4,3 +4,5 @@ server
 .env
 *.cookie
 packages/main/.env
+codeql-results
+codeqldb

README.md

@@ -151,6 +151,12 @@ _JSON stringifyed and URL encoded_
 
 ------------
 
+### Local Proxy for headeless qryn-view (for experimentation purposes only): 
+
+Add to you .env file: 
+
+`VITE_API_BASE_URL= { your local qryn api }`
+should we with same protocol as your qryn-view instance 
 
 ### About qryn
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "qryn-view",
-  "version": "3.3.0",
+  "version": "3.4.2",
   "description": "Data Explorer UI for qryn",
   "repository": {
     "type": "git",
@@ -16,14 +16,14 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "@types/node": "^20.14.8",
-    "@types/react": "^18.3.3",
-    "jsdom": "24.1.0",
+    "@types/node": "^20.16.15",
+    "@types/react": "^18.3.12",
+    "jsdom": "24.1.1",
     "turbo": "^1.13.4",
-    "typescript": "^5.4.5"
+    "typescript": "^5.6.3"
   },
   "dependencies": {
-    "jsdom": "24.1.0",
+    "jsdom": "24.1.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "ts-node": "^10.9.2"

packages/main/helpers/stateFromQueryParams.ts

@@ -3,6 +3,7 @@ import setDebug from "./setDebug";
 import moment from "moment";
 import { nanoid } from "nanoid";
 import DOMPurify from "isomorphic-dompurify";
+import addMinutes from "date-fns/addMinutes";
 const BOOLEAN_VALUES = ["isSubmit", "isSplit", "autoTheme", "isEmbed"];
 export const initialUrlState: any = {
     query: "",
@@ -35,7 +36,7 @@ export const initialUrlState: any = {
             values: [], // label name selected
             response: {}, // the target should be just the last one
             open: true,
-            start: new Date(Date.now() - 5 * 60000),
+            start: addMinutes(new Date(Date.now()), -5),
             time: "", // for instant queries
             stop: new Date(Date.now()),
             label: "",
@@ -66,7 +67,7 @@ export const initialUrlState: any = {
             values: [], // label name selected
             response: {}, // the target should be just the last one
             open: false,
-            start: new Date(Date.now() - 5 * 60000),
+            start: addMinutes(new Date(Date.now()), -5),
             time: "", // for instant queries
             stop: new Date(Date.now()),
             label: "",

packages/main/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ui/main",
   "private": true,
-  "version": "3.3.0",
+  "version": "3.4.2",
   "type": "module",
   "scripts": {
     "dev": "VITE_APP_VERSION=$npm_package_version vite",
@@ -10,82 +10,87 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@emotion/css": "^11.11.2",
-    "@emotion/is-prop-valid": "^1.2.2",
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.5",
+    "@emotion/css": "^11.13.4",
+    "@emotion/is-prop-valid": "^1.3.1",
+    "@emotion/react": "^11.13.3",
+    "@emotion/styled": "^11.13.0",
+    "@fingerprintjs/fingerprintjs": "^4.5.1",
     "@microlink/react-json-view": "latest",
     "@mui/base": "5.0.0-beta.5",
-    "@mui/icons-material": "^5.15.20",
-    "@mui/material": "^5.15.20",
-    "@mui/styles": "^5.15.20",
+    "@mui/icons-material": "^5.16.7",
+    "@mui/material": "^5.16.7",
+    "@mui/styles": "^5.16.7",
     "@mui/x-charts": "7.7.1",
-    "@szhsin/react-menu": "^4.1.0",
-    "@tanstack/match-sorter-utils": "^8.15.1",
-    "@tanstack/react-table": "^8.17.3",
-    "axios": "^1.7.2",
+    "@szhsin/react-menu": "^4.2.2",
+    "@tanstack/match-sorter-utils": "^8.19.4",
+    "@tanstack/react-table": "^8.20.5",
+    "axios": "^1.7.7",
     "classnames": "^2.5.1",
     "combokeys": "^3.0.1",
     "date-fns": "^2.30.0",
-    "dayjs": "^1.11.11",
+    "dayjs": "^1.11.13",
     "deep-freeze": "^0.0.1",
     "dnd-core": "^16.0.1",
+    "echarts": "^5.5.1",
     "fuzzy": "^0.1.3",
     "immutability-helper": "^3.1.1",
     "isomorphic-dompurify": "^1.13.0",
-    "javascript-time-ago": "^2.5.10",
+    "javascript-time-ago": "^2.5.11",
     "jquery": "^3.7.1",
-    "jsdom": "24.1.0",
-    "json-markup": "^1.1.4",
+    "jsdom": "24.1.1",
     "lodash": "^4.17.21",
     "lru-memoize": "^1.1.0",
     "memoize-one": "^6.0.0",
     "moment": "^2.30.1",
-    "moment-timezone": "^0.5.45",
+    "moment-timezone": "^0.5.46",
     "nanoid": "^5.0.7",
     "papaparse": "^5.4.1",
     "prismjs": "^1.29.0",
     "react": "^18.3.1",
-    "react-cookie": "^7.1.4",
-    "react-day-picker": "^8.10.1",
+    "react-cookie": "^7.2.1",
+    "react-day-picker": "^9.1.4",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
     "react-dom": "^18.3.1",
     "react-flot": "^1.3.0",
     "react-redux": "^8.1.3",
     "react-responsive": "^9.0.2",
-    "react-router-dom": "^6.24.0",
-    "react-select": "^5.8.0",
+    "react-router-dom": "^6.27.0",
+    "react-select": "^5.8.1",
     "redux": "^4.2.1",
     "redux-thunk": "^2.4.2",
     "reselect": "^5.1.1",
     "slate": "^0.103.0",
     "slate-history": "^0.100.0",
     "slate-react": "^0.105.0",
-    "tss-react": "^4.9.10",
+    "tss-react": "^4.9.13",
+    "uuid": "^10.0.0",
+    "web-vitals": "^4.2.4",
     "zod": "^3.23.8",
-    "zustand": "^4.5.2"
+    "zustand": "^4.5.5"
   },
   "devDependencies": {
-    "@emotion/babel-plugin": "^11.11.0",
+    "@emotion/babel-plugin": "^11.12.0",
     "@testing-library/react": "^14.3.1",
-    "@types/jest": "^29.5.12",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^7.14.1",
-    "@typescript-eslint/parser": "^7.14.1",
+    "@types/fingerprintjs": "^0.5.28",
+    "@types/jest": "^29.5.14",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
     "@vitejs/plugin-basic-ssl": "^1.1.0",
-    "@vitejs/plugin-react": "^4.3.1",
-    "eslint": "^8.57.0",
+    "@vitejs/plugin-react": "^4.3.3",
+    "dayjs-plugin-utc": "^0.1.2",
+    "eslint": "^8.57.1",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.7",
+    "eslint-plugin-react-refresh": "^0.4.13",
     "happy-dom": "^14.12.3",
-    "jsdom": "24.1.0",
-    "prettier": "^3.3.2",
-    "sass": "^1.77.5",
+    "jsdom": "24.1.1",
+    "prettier": "^3.3.3",
+    "sass": "^1.80.3",
     "scss": "^0.2.4",
-    "typescript": "^5.4.5",
-    "vite": "^5.3.1",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.10",
     "vitest": "^1.6.0"
   }
 }

packages/main/plugins/PluginCards.tsx

@@ -68,7 +68,7 @@ export const PluginCards: React.FC<{
     const theme = useTheme();
 
     return (
-        <div>
+        <div style={{ display: "flex", gap: ".5em" }}>
             {filteredComponentList?.length > 0 &&
                 filteredComponentList?.map((component: any, k: number) => (
                     <PluginCard