npm - @lukylinek/app_projekt - Versions diffs - 0.5.0 - Mend

@lukylinek/app_projekt 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/eslint.config.js ADDED Viewed

@@ -0,0 +1,38 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import react from 'eslint-plugin-react'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+export default [
+  { ignores: ['dist'] },
+  {
+    files: ['**/*.{js,jsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+      parserOptions: {
+        ecmaVersion: 'latest',
+        ecmaFeatures: { jsx: true },
+        sourceType: 'module',
+      },
+    },
+    settings: { react: { version: '18.3' } },
+    plugins: {
+      react,
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+    },
+    rules: {
+      ...js.configs.recommended.rules,
+      ...react.configs.recommended.rules,
+      ...react.configs['jsx-runtime'].rules,
+      ...reactHooks.configs.recommended.rules,
+      'react/jsx-no-target-blank': 'off',
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true },
+      ],
+    },
+  },
+]

package/index.html ADDED Viewed

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>GQL Model Viewer</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
+</head>
+<body>
+    <div id="root_"></div>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+</body>
+</html>

package/library.html ADDED Viewed

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>GQL Model Viewer</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" crossorigin href="/generic/app_dynamic.css">
+</head>
+<body>
+    <div id="root"></div>
+</body>
+    <script>
+        // Node-like shim pro knihovny, které čekají process.env
+        globalThis.process = globalThis.process || { env: {} };
+        globalThis.process.env = globalThis.process.env || {};
+        globalThis.process.env.NODE_ENV = globalThis.process.env.NODE_ENV || "development" || "production";
+    </script>
+    <script type="module">
+        import { mount } from "/generic/es/StandaloneEntry.js"
+        mount(document.getElementById("root"), { GQLENDPOINT: "/gql" });
+    </script>
+</html>

package/library.test.html ADDED Viewed

@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>GQL Model Viewer</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
+  <script src="https://unpkg.com/react@19"></script>
+  <script src="https://unpkg.com/react-dom@19"></script>
+  <script src="https://unpkg.com/@reduxjs/toolkit@1.9.3/dist/redux-toolkit.umd.js"></script>
+</head>
+<body>
+    <div id="root_"></div>
+    <div id="root"></div>
+</body>
+    <script type="module" src="./dist/umd/StandaloneEntry.js"></script>
+    <script>
+        const {mount } = MyApp
+        console.log("MyApp", MyApp)
+        console.log("mount", mount)
+    </script>
+</html>

package/package.json ADDED Viewed

@@ -0,0 +1,40 @@
+{
+  "name": "@lukylinek/app_projekt",
+  "private": false,
+  "version": "0.5.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "build:production": "NODE_ENV=production vite 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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -0,0 +1,35 @@
+import {
+    createBrowserRouter,
+    Outlet,
+    RouterProvider,
+} from "react-router-dom";
+import {
+    NavigationHistoryLinks,
+    NavigationHistoryProvider
+} from '../../../packages/_template/src/Base/Helpers/NavigationHistoryProvider';
+import { AppNavbar } from "./AppNavbar";
+import { ProjectGQLModelRouterSegments } from "../../../packages/projekt_lukas/src/ProjectGQLModel/Pages/RouterSegment";
+const AppLayout = () => (
+    <NavigationHistoryProvider>
+        <AppNavbar />
+        {/* <NavigationHistoryLinks /> */}
+        <Outlet />
+    </NavigationHistoryProvider>
+);
+const Routes = [
+    {
+        path: "/",
+        element: <AppLayout />,
+        children: [
+            ...ProjectGQLModelRouterSegments,
+        ],
+    },
+];
+const router = createBrowserRouter(Routes);
+export const AppRouter = () => <RouterProvider router={router} />;

package/src/StandaloneEntry.jsx ADDED Viewed

@@ -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 ADDED Viewed

@@ -0,0 +1,38 @@
+body {
+    overflow-x: hidden;
+}
+fieldset {
+    max-width: 100%;
+    overflow-x: auto;
+}
+table {
+    width: 100%;
+    max-width: 100%;
+    table-layout: fixed;
+}
+th,
+td {
+    word-break: break-word;
+    overflow-wrap: anywhere;
+    vertical-align: top;
+}
+pre {
+    max-width: 100%;
+    overflow-x: auto;
+    white-space: pre-wrap;
+    word-break: break-word;
+}
+.container,
+.container-fluid {
+    max-width: 100%;
+}
+.card,
+fieldset {
+    border-radius: 8px;
+}

package/src/index.js ADDED Viewed

File without changes

package/src/main.jsx ADDED Viewed

@@ -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>,
+)

package/vite.config.js ADDED Viewed

@@ -0,0 +1,102 @@
+/* eslint-disable no-undef */
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react"; // Enables React-specific optimizations and HMR
+import path from "path"; // Provides utilities for working with file and directory paths
+// Export the Vite configuration
+export default defineConfig({
+    plugins: [react()],
+    // Module resolution settings
+    resolve: {
+        preserveSymlinks: true, // Prevents breaking symbolic links, useful for monorepos
+        alias: {
+            // Define aliases for modules, resolving them to specific paths
+            "@hrbolek/uoisfrontend-template": path.resolve(__dirname, "../../packages/_template/src"),
+            "@hrbolek/uoisfrontend-dynamic": path.resolve(__dirname, "../../packages/dynamic/src"),
+            "@hrbolek/uoisfrontend-shared": path.resolve(__dirname, "../../packages/shared/src"),
+        },
+    },
+    // Dependency optimization settings
+    optimizeDeps: {
+        include: [
+            // List dependencies to pre-bundle for faster development
+            'invariant',
+            'classnames',
+            'react-bootstrap',
+            'prop-types',
+            'graphql'
+        ],
+        exclude: [
+            // Exclude specific libraries or modules from optimization
+            "@hrbolek/uoisfrontend-template",
+            "@hrbolek/uoisfrontend-dynamic",
+            "@hrbolek/uoisfrontend-shared",
+            "@hrbolek/uoisfrontend-gql-shared",
+            "@hrbolek/uoisfrontend-ug",
+            "@hrbolek/uoisfrontend-granting",
+            "@hrbolek/uoisfrontend-admissions",
+            "@hrbolek/uoisfrontend-requests",
+        ],
+    },
+    // Development server configuration
+    server: {
+        proxy: {
+            // Define proxy rules for API requests
+            // Example: Requests to /api/gql are proxied to http://localhost:33001
+            '/api/gql': 'http://localhost:33001',
+        },
+        watch: {
+            // Specify paths to watch for changes
+            ignored: [
+                // Ensure certain packages are not ignored during file watching
+                '!../../packages/_template/**',
+                '!../../packages/dynamic/**',
+                '!../../packages/shared/**',
+                '!../../packages/gql-shared/**',
+                '!../../packages/ug/**',
+                '!../../packages/granting/**',
+                '!../../packages/admissions/**',
+                '!../../packages/requests/**',
+                '!../../packages/z_pack/**',
+            ],
+        },
+        hmr: {
+            overlay: true, // Display overlay in the browser for HMR errors
+        },
+    },
+    // Build options
+    build: {
+        lib: {
+            // Could also be a dictionary or array of multiple entry points
+            entry: path.resolve(__dirname, 'src/StandaloneEntry.jsx'),
+            name: 'Dynamic',
+            // the proper extensions will be added
+            fileName: (format, name) => `${format}/${name}.js`,
+            formats: ['es', 'iife', 'umd']
+            // formats: ['es', 'umd']
+        },
+        rollupOptions: {
+            // input: {
+            //     main: path.resolve(__dirname, 'library.html')
+            // },
+            // external: ['react', 'react-dom', '@reduxjs/toolkit'], // Prevent specific libraries from being bundled into the output
+            output: {
+                // Provide global variables to use in the UMD build
+                // for externalized deps
+                // globals: {
+                //     "react": 'React',
+                //     "react-dom": 'ReactDOM',
+                //     "@reduxjs/toolkit": "RTK",
+                //     // "react-bootstrap": "ReactBootstrap",
+                //     // "process": 'JSON.parse("{env:{Node_ENV: ""}}")'
+                // },
+            },
+        },
+    },
+});