Mnes 1186 add sqlite db

.gitignore

@@ -8,3 +8,4 @@ cypress-artifacts
 .env
 /cypress/videos/
 /cypress/screenshots/
+/prisma/mnestix-database.db

Dockerfile

@@ -13,6 +13,9 @@ FROM deps AS builder
 WORKDIR /app
 COPY . .
 
+RUN yarn prisma migrate deploy
+RUN yarn prisma generate
+
 RUN yarn build
 
 FROM base AS production
@@ -39,4 +42,7 @@ FROM deps AS dev
 ENV NODE_ENV=development
 COPY . .
 
+RUN yarn prisma migrate deploy
+RUN yarn prisma generate
+
 CMD [ "yarn", "dev"]

README.md

@@ -256,7 +256,7 @@ Mnestix provides the following configuration options. You can adapt the values i
 | `THEME_LOGO_URL`                      |                             | This variable **overwrites** the Logo in the theme, and thus the environment variable `THEME_LOGO_MIME_TYPE` will not be evaluated and it is not necessary to mount the image as specified below                                   | optional |
 | `KEYCLOAK_ENABLED`                    | false                       | By default, it is set to false, meaning Keycloak authentication will be disabled, and the default authentication method will be Azure Entra ID. If you set this variable to true, Keycloak authentication will be enabled instead. | optional |
 | `KEYCLOAK_CLIENT_ID`                  | mnestix-browser-client-demo | Configuration variable that specifies the client unique identifier used by your application when connecting to the Keycloak server.                                                                                                | optional |
-| `KEYCLOAK_ISSUER`                     |                             | Configuration variable that specifies the URL of the Keycloak servers issuer endpoint. This endpoint provides the base URL for the Keycloak server that issues tokens and handles authentication requests                         | optional |
+| `KEYCLOAK_ISSUER`                     |                             | Configuration variable that specifies the URL of the Keycloak servers issuer endpoint. This endpoint provides the base URL for the Keycloak server that issues tokens and handles authentication requests                          | optional |
 | `KEYCLOAK_LOCAL_URL`                  |                             | Optional configuration variable specifically used for development environments within Docker. This allows your application to connect to a Keycloak instance running in a Docker container                                         | optional |
 | `KEYCLOAK_REALM`                      | BaSyx                       | Configuration variable that specifies the name of the Keycloak realm your application will use for authentication and authorization.                                                                                               | optional |
 

compose.yml

@@ -2,6 +2,9 @@ networks:
   mnestix-network:
     driver: bridge
     name: mnestix-network
+
+volumes:
+  mnestix-database:
 
 services:
   mnestix-browser:
@@ -29,6 +32,8 @@ services:
         condition: service_healthy # only after the healthcheck in aas is successful, the mnestix container is being created
     networks:
       - mnestix-network
+    volumes:
+      - mnestix-database:/app/prisma/database
 
   mnestix-api:
     image: mnestix/mnestix-api:latest

package.json

@@ -10,7 +10,7 @@
         "@types/flat": "^5.0.5",
         "@types/jest": "^29.5.12",
         "@types/lodash": "^4.17.0",
-        "@types/node": "^20.12.7",
+        "@types/node": "^22.4.2",
         "@types/react": "^18.2.79",
         "@types/react-dom": "^18.2.25",
         "@typescript-eslint/eslint-plugin": "^7.7.1",
@@ -26,6 +26,7 @@
         "globals": "^15.1.0",
         "lodash": "^4.17.21",
         "prettier": "^3.2.5",
+        "prisma": "^5.18.0",
         "typescript-eslint": "^7.8.0"
     },
     "dependencies": {
@@ -46,6 +47,7 @@
         "@mui/styled-engine": "latest",
         "@mui/x-date-pickers": "^7.2.0",
         "@mui/x-tree-view": "^7.3.0",
+        "@prisma/client": "^5.18.0",
         "@svgr/webpack": "^8.1.0",
         "buffer": "^6.0.3",
         "date-fns": "^2.28.0",
@@ -63,6 +65,7 @@
         "react-intl": "^6.6.5",
         "recharts": "^2.12.6",
         "sass": "^1.75.0",
+        "sqlite3": "^5.1.7",
         "typescript": "^5.4.5",
         "url": "^0.11.3",
         "web-vitals": "^3.5.2"
@@ -71,7 +74,7 @@
         "string-width": "4.2.3"
     },
     "scripts": {
-        "dev": "next dev",
+        "dev": "yarn prisma migrate deploy && yarn prisma generate && next dev",
         "build": "next build",
         "start": "next start",
         "prettier": "prettier --check ./",

prisma/migrations/20240822112149_0_init_db/migration.sql

@@ -0,0 +1,24 @@
+-- CreateTable
+CREATE TABLE "ConnectionType" (
+    "id" TEXT NOT NULL PRIMARY KEY,
+    "typeName" TEXT NOT NULL
+);
+
+-- CreateTable
+CREATE TABLE "MnestixConnection" (
+    "id" TEXT NOT NULL PRIMARY KEY,
+    "url" TEXT NOT NULL,
+    "typeId" TEXT NOT NULL,
+    CONSTRAINT "MnestixConnection_typeId_fkey" FOREIGN KEY ("typeId") REFERENCES "ConnectionType" ("id") ON DELETE RESTRICT ON UPDATE CASCADE
+);
+
+--- CHANGED MANUALLY ---
+-- Insert ConnectionType Enum values as SQLite does not support Enums
+-- Create a new migration if you need to expand this Enum!
+INSERT INTO "ConnectionType" (id, typeName) 
+VALUES (0, 'AAS_REPOSITORY'),
+        (1, 'AAS_REGISTRY'),
+        (2, 'SUBMODEL_REPOSITORY'),
+        (3, 'SUBMODEL_REGISTRY'),
+        (4, 'DISCOVERY_SERVICE'),
+        (5, 'CONCEPT_DESCRIPTION');

prisma/migrations/migration_lock.toml

@@ -0,0 +1,3 @@
+# Please do not edit this file manually
+# It should be added in your version-control system (i.e. Git)
+provider = "sqlite"

prisma/schema.prisma

@@ -0,0 +1,25 @@
+// This is our Prisma schema file. 
+// Changing the schema requires a new migration to apply those changes to all database instances.
+// Migrations can be generated by prisma.
+
+generator client {
+  provider = "prisma-client-js"
+}
+
+datasource db {
+  provider = "sqlite"
+  url      = "file:./database/mnestix-database.db"
+}
+
+model ConnectionType {
+  id String @id @default(cuid())
+  typeName String
+  connection MnestixConnection[]
+}
+
+model MnestixConnection {
+  id  String @id @default(cuid())
+  url String
+  type ConnectionType @relation(fields: [typeId], references: [id])
+  typeId String
+}

src/app/[locale]/settings/page.tsx

@@ -119,6 +119,9 @@ export default function Page() {
                         handleChange={handleChangeIdGeneratorSetting}
                     />
                 </Box>
+                <Box>
+                    <p>{}</p>
+                </Box>
             </Box>
         </PrivateRoute>
     );

src/app/api/mnestixConnections/route.ts

@@ -0,0 +1,32 @@
+import { prisma } from 'lib/database/prisma';
+import { NextRequest } from 'next/server';
+
+export async function GET() {
+    const mnestixConnections = await prisma.mnestixConnection.findMany()
+
+    return Response.json(mnestixConnections);
+}
+
+export async function POST(req: NextRequest) {
+    const mnestixConnectionRequest = await req.json()
+
+    if (!mnestixConnectionRequest.url || !mnestixConnectionRequest.type) {
+        return Response.json({ error: 'Url and type are required' });
+    }
+
+    try {
+        const mnestixType = await prisma.connectionType.findFirst({ where: { typeName: mnestixConnectionRequest.type } })
+        if (!mnestixType) {
+            return Response.json({ error: 'Invalid type' })
+        }
+        await prisma.mnestixConnection.create({
+            data: {
+                url: mnestixConnectionRequest.url,
+                typeId: mnestixType.id
+            }
+        })
+        return Response.json({ message: 'MnestixConnection created' });
+    } catch (error) {
+        return Response.json({ error: (error as Error).message });
+    }
+}

src/lib/database/prisma.ts

@@ -0,0 +1,17 @@
+import { PrismaClient } from '@prisma/client';
+
+/**
+ * For using prisma with Next.js, it is recommended to use the PrismaClient as Singleton.
+ */
+const prismaClientSingleton = () => {
+    return new PrismaClient();
+};
+
+declare global {
+    // eslint-disable-next-line
+    var prisma: undefined | ReturnType<typeof prismaClientSingleton>;
+}
+
+export const prisma = globalThis.prisma ?? prismaClientSingleton();
+
+if (process.env.NODE_ENV !== 'production') globalThis.prisma = prisma;