@velkayolanda/app_subjects 0.0.1

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@velkayolanda/app_subjects",
+  "private": false,
+  "version": "0.0.1",
+  "type": "module",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint .",
+    "preview": "vite preview", 
+    "build:production": "NODE_ENV=production vite build",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1",
+    "react-router": "^7.0.2",
+    "bootstrap": "^5.3.3",
+    "@popperjs/core": "^2.11.8",
+    "@apollo/client": "^4.0.10",
+
+    "@hrbolek/uoisfrontend-template": "*",
+    "@hrbolek/uoisfrontend-shared": "*",
+    "@hrbolek/uoisfrontend-gql-shared": "*",
+    "@hrbolek/uoisfrontend-ug": "*",
+    "@hrbolek/uoisfrontend-requests": "*",
+    "@hrbolek/uoisfrontend-zp": "*"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.15.0",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^4.3.4",
+    "eslint": "^9.15.0",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.14",
+    "globals": "^15.12.0",
+    "vite": "^6.0.1"
+  }
+}

package/src/App.jsx

@@ -0,0 +1,18 @@
+import 'bootstrap/dist/css/bootstrap.min.css';
+
+import { AppRouter } from './AppRouter';
+import { RootProviders } from '../../../packages/dynamic/src/Store';
+
+export const GQLENDPOINT_ = "/api/gql"
+// const getSdl = () => client.sdl()
+
+
+// eslint-disable-next-line react/prop-types
+export const App = ({ GQLENDPOINT=GQLENDPOINT_}) => {
+    return (
+        <RootProviders clientOptions={{ endpoint: GQLENDPOINT }}>
+            <AppRouter />
+        </RootProviders>
+    );
+
+};

package/src/AppNavbar.jsx

@@ -0,0 +1,25 @@
+import { useSelector } from "react-redux"
+import { useParams } from "react-router"
+
+import { selectItemById } from "../../../packages/dynamic/src/Store";
+// import { MyNavDropdown as GroupTypeNavDropdown } from "../../../packages/_template/src/GroupTypeGQLModel";
+// import { MyNavDropdown as UserNavDropdown } from "../../../packages/_template/src/UserGQLModel";
+// import { MyNavDropdown as GroupNavDropdown } from "../../../packages/_template/src/GroupGQLModel";
+// import { MyNavDropdown as RoleNavDropdown } from "../../../packages/_template/src/RoleGQLModel";
+// import { MyNavDropdown as RoleTypeNavDropdown } from "../../../packages/_template/src/RoleTypeGQLModel";
+import { PageNavbar } from "../../../packages/_template/src/Base/Pages/PageNavbar";
+
+export const AppNavbar = () => {
+    const { id } = useParams()
+    const item = useSelector((dataroot) => selectItemById(dataroot, id)) || {}
+    // console.log("AppNavbar", id, item)
+    return (
+        <PageNavbar item={item}>
+            {/* <UserNavDropdown item={item} />
+            <GroupNavDropdown item={item} />
+            <RoleNavDropdown item={item} />
+            <GroupTypeNavDropdown item={item} />
+            <RoleTypeNavDropdown item={item} /> */}
+        </PageNavbar>
+    )
+}

package/src/AppRouter.jsx

@@ -0,0 +1,49 @@
+import {
+    createBrowserRouter,
+    Outlet,
+    RouterProvider,
+} from "react-router-dom";
+import { NavigationHistoryLinks, NavigationHistoryProvider } from '../../../packages/_template/src/Base/Helpers/NavigationHistoryProvider';
+
+import { BaseRouterSegments } from "../../../packages/_template/src/Base/Pages/RouterSegment";
+import {SubjectGQLModelRouterSegments} from '../../../packages/subjects/src/SubjectGQLModel/Pages/RouterSegment';
+// import { GroupRouterSegments } from "../../../packages/_template/src/GroupGQLModel/Pages/RouterSegment";
+// import { RoleTypeRouterSegments } from "../../../packages/_template/src/RoleTypeGQLModel/Pages";
+// import { UserRouterSegments } from "../../../packages/_template/src/UserGQLModel/Pages/RouterSegment";
+// import { GroupTypeRouterSegments } from "../../../packages/_template/src/GroupTypeGQLModel/Pages/RouterSegment";
+// import { RoleRouterSegments } from "../../../packages/_template/src/RoleGQLModel/Pages";
+// import { Page } from "../../../packages/_template/src/Base/Pages/Page";
+import { AppNavbar } from "./AppNavbar";
+
+
+const AppLayout = () => (
+    <NavigationHistoryProvider>
+        <AppNavbar />
+        <NavigationHistoryLinks />
+        <Outlet />
+    </NavigationHistoryProvider>
+);
+
+const Routes = [
+    {
+        path: "/",          // root
+        element: <AppLayout />,
+        children: [
+            ...SubjectGQLModelRouterSegments,
+            ...BaseRouterSegments,
+            // ...GroupRouterSegments,
+            // ...RoleTypeRouterSegments,
+            // ...UserRouterSegments,
+            // ...GroupTypeRouterSegments,
+            // ...RoleRouterSegments,
+            
+        ],
+    },
+];
+
+// console.log("Routes", Routes)
+// console.log("Routes", GroupRouterSegments)
+
+const router = createBrowserRouter(Routes);
+
+export const AppRouter = () => <RouterProvider router={router} />;

package/src/StandaloneEntry.jsx

@@ -0,0 +1,15 @@
+// import React from "react"
+import { createRoot } from "react-dom/client";
+import { App } from "./App";
+
+export function mount(el, props = {}) {
+    if (!el) throw new Error("MyApp.mount: missing mount element");
+    console.log("inside mount, doing to render")
+    createRoot(el).render(<App {...props} />);
+    console.log("inside mount, render finished")
+}
+
+// pro IIFE build to přilepíme na window
+if (typeof window !== "undefined") {
+    window.MyApp = { mount };
+}

package/src/index.css

@@ -0,0 +1,47 @@
+@media screen {
+    .screen-only {
+      display: block;
+    }
+    .print-only {
+      display: none;
+    }
+}
+
+@media print {
+    .screen-only {
+      display: none;
+    }
+    .print-only {
+      display: block;
+    }
+}
+
+@media print {
+    /* Start a new page before each section */
+    .page-break-before {
+      break-before: page;
+    }
+
+    /* Ensure a page break after the section */
+    .page-break-after {
+      break-after: page;
+    }
+
+    /* Prevent page breaks inside this container */
+    .no-page-break {
+      break-inside: avoid;
+    }
+
+    /* Fallback for older browsers */
+    .page-break-before {
+      page-break-before: always;
+    }
+
+    .page-break-after {
+      page-break-after: always;
+    }
+
+    .no-page-break {
+      page-break-inside: avoid;
+    }
+  }

package/src/main.jsx

@@ -0,0 +1,10 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import './index.css'
+import { App } from './App.jsx'
+
+createRoot(document.getElementById('root_')).render(
+    <StrictMode>
+        <App />
+    </StrictMode>,
+)