@ebubekirylmaz/link-test 1.0.0

package/.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-env", "@babel/preset-react"]
+}

package/.browserslistrc

@@ -0,0 +1 @@
+defaults

package/.env

@@ -0,0 +1,2 @@
+PORT=4000
+VITE_OAUTH_SERVICE=http://localhost:5000

package/.eslintignore

@@ -0,0 +1,3 @@
+minimal/
+src/theme/overrides
+example/

package/.eslintrc.json

@@ -0,0 +1,58 @@
+{
+  "env": {
+    "es2020": true,
+    "browser": true,
+    "node": true,
+    "jest": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:prettier/recommended",
+    "plugin:react/recommended",
+    "plugin:react-hooks/recommended",
+    "plugin:cypress/recommended",
+    "plugin:storybook/recommended"
+  ],
+  "parserOptions": {
+    "ecmaVersion": "latest",
+    "sourceType": "module"
+  },
+  "settings": {
+    "react": {
+      "version": "18.2"
+    }
+  },
+  "ignorePatterns": [
+    "/node_modules",
+    "/dist",
+    "/src/dist",
+    "/public/dist",
+    "/public/service-worker.js",
+    "/src/defaultMap.js"
+  ],
+  "rules": {
+    "react/no-children-prop": "off",
+    "react/display-name": "off",
+    "react/react-in-jsx-scope": "off",
+    "react/prop-types": "off",
+    "eqeqeq": [
+      "error",
+      "always"
+    ],
+    "no-console": "off",
+    "no-eval": "error",
+    "no-var": "error",
+    "prefer-const": "error",
+    "sort-imports": [
+      "warn",
+      {
+        "memberSyntaxSortOrder": [
+          "none",
+          "single",
+          "multiple",
+          "all"
+        ]
+      }
+    ]
+  }
+}

package/.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

package/.github/workflows/publish.yml

@@ -0,0 +1,66 @@
+name: Publish NPM Package
+
+on:
+  workflow_dispatch:
+    inputs:
+      version_type:
+        description: 'Version bump type'
+        required: true
+        default: 'patch'
+        type: choice
+        options:
+          - patch
+          - minor
+          - major
+  release:
+    types: [created]
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      id-token: write
+    
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          token: ${{ secrets.PAT_TOKEN }}
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          registry-url: 'https://registry.npmjs.org'
+
+      - name: Configure Git
+        run: |
+          git config user.name "github-actions[bot]"
+          git config user.email "github-actions[bot]@users.noreply.github.com"
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Bump version
+        id: version_bump
+        run: |
+          npm version ${{ github.event.inputs.version_type }} -m "Bump version to %s [skip ci]"
+          echo "NEW_VERSION=$(node -p "require('./package.json').version")" >> $GITHUB_OUTPUT
+          git push --follow-tags
+      
+      - name: Publish to NPM
+        id: npm_publish
+        run: npm publish --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - name: Notify Slack
+        uses: slackapi/slack-github-action@v2.0.0
+        with:
+          webhook: https://hooks.slack.com/services/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
+          webhook-type: incoming-webhook
+          payload: |
+            {
+              "text": "Successfully published @canmingir/link@${{ steps.version_bump.outputs.NEW_VERSION }}"
+            }

package/.prettierignore

@@ -0,0 +1 @@
+/public/dist

package/.prettierrc

@@ -0,0 +1,10 @@
+{
+  "overrides": [
+    {
+      "files": "*.html",
+      "options": {
+        "printWidth": 1000
+      }
+    }
+  ]
+}

package/.storybook/main.js

@@ -0,0 +1,15 @@
+/** @type { import('@storybook/react-vite').StorybookConfig } */
+const config = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@chromatic-com/storybook",
+    "@storybook/addon-docs",
+    "@storybook/addon-a11y",
+    "@storybook/addon-vitest",
+  ],
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+};
+export default config;

package/.storybook/preview.js

@@ -0,0 +1,17 @@
+/** @type { import('@storybook/react-vite').Preview } */
+const preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+
+    a11y: {
+      test: "todo",
+    },
+  },
+};
+
+export default preview;

package/.storybook/vitest.setup.js

@@ -0,0 +1,6 @@
+import { setProjectAnnotations } from "@storybook/react-vite";
+
+import * as a11yAddonAnnotations from "@storybook/addon-a11y/preview";
+import * as projectAnnotations from "./preview";
+
+setProjectAnnotations([a11yAddonAnnotations, projectAnnotations]);

package/README.md

@@ -0,0 +1 @@
+# platform

package/cypress.config.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { defineConfig } from "cypress";
+
+export default defineConfig({
+  component: {
+    devServer: {
+      framework: "react",
+      bundler: "vite",
+    },
+  },
+});

package/index.js

@@ -0,0 +1 @@
+export { default as Platform } from "./src/Platform";

package/package.json

@@ -0,0 +1,111 @@
+{
+  "name": "@ebubekirylmaz/link-test",
+  "version": "1.0.0",
+  "type": "module",
+  "private": false,
+  "exports": {
+    ".": "./index.js",
+    "./layouts": "./src/layouts/index.js",
+    "./vite": "./vite/vite.js",
+    "./platform/components": "./src/lib/index.js",
+    "./platform/hooks": "./src/hooks/index.js",
+    "./platform/cypress": "./cypress/cypress.js",
+    "./platform/commands": "./commands/index.js",
+    "./platform/http": "./src/http/index.js"
+  },
+  "scripts": {
+    "dev": "cd project && concurrently \"npm run dev\" \"npm run server\"",
+    "dev:update": "cd project && npm i @nucleoidai/platform@latest",
+    "test": "exit 0",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "cypress": "cypress open --browser chrome"
+  },
+  "dependencies": {
+    "@aws-sdk/client-cognito-identity-provider": "^3.968.0",
+    "@chatscope/chat-ui-kit-react": "^1.10.1",
+    "@emoji-mart/data": "^1.1.2",
+    "@emoji-mart/react": "^1.1.1",
+    "@emotion/react": "^11.13.3",
+    "@iconify/react": "^5.0.1",
+    "@mui/icons-material": "^5.16.4",
+    "@mui/lab": "^5.0.0-alpha.172",
+    "@mui/material": "^5.16.4",
+    "@mui/x-date-pickers": "^7.10.0",
+    "@nucleoidai/react-event": "^1.1.9",
+    "@nucleoidjs/webstorage": "^1.0.5",
+    "autosuggest-highlight": "^3.3.4",
+    "axios": "^1.10.0",
+    "axios-auth-refresh": "^3.3.6",
+    "axios-retry": "^4.4.1",
+    "cypress": "^15.3.0",
+    "date-fns": "^3.6.0",
+    "framer-motion": "^11.3.6",
+    "highlight.js": "^11.10.0",
+    "joi": "^17.13.3",
+    "jwt-decode": "^4.0.0",
+    "mapbox-gl": "^2.15.0",
+    "mui-one-time-password-input": "^2.0.3",
+    "notistack": "^3.0.1",
+    "nprogress": "^0.2.0",
+    "numeral": "^2.0.6",
+    "prop-types": "^15.8.1",
+    "qs": "^6.11.2",
+    "react": "^18.2.0",
+    "react-apexcharts": "^1.4.1",
+    "react-chartjs-2": "^5.2.0",
+    "react-dom": "^18.2.0",
+    "react-dropzone": "^14.2.3",
+    "react-helmet-async": "^2.0.5",
+    "react-hook-form": "^7.52.1",
+    "react-lazy-load-image-component": "^1.6.2",
+    "react-map-gl": "^7.1.7",
+    "react-markdown": "^9.0.1",
+    "react-organizational-chart": "^2.2.1",
+    "react-quill": "^2.0.0",
+    "react-router-dom": "^6.25.0",
+    "react-slick": "^0.30.2",
+    "rehype-highlight": "^7.0.0",
+    "rehype-raw": "^7.0.0",
+    "remark-gfm": "^4.0.0",
+    "simplebar-react": "^3.2.6",
+    "styled-components": "^6.1.11",
+    "stylis": "^4.3.2",
+    "stylis-plugin-rtl": "^2.1.1",
+    "swr": "^2.2.5",
+    "yet-another-react-lightbox": "^3.21.1"
+  },
+  "devDependencies": {
+    "@babel/preset-env": "^7.21.5",
+    "@babel/preset-react": "^7.18.6",
+    "@chromatic-com/storybook": "^4.1.1",
+    "@storybook/addon-a11y": "^9.1.8",
+    "@storybook/addon-docs": "^9.1.8",
+    "@storybook/addon-vitest": "^9.1.8",
+    "@storybook/react-vite": "^9.1.8",
+    "@types/react": "^18.0.28",
+    "@types/react-dom": "^18.0.11",
+    "@vitejs/plugin-react": "^5.0.0",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
+    "babel-jest": "^29.5.0",
+    "concurrently": "^8.2.2",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-cypress": "^2.15.1",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-storybook": "^9.1.8",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "nodemon": "^3.0.1",
+    "playwright": "^1.55.1",
+    "prettier": "^2.8.8",
+    "storybook": "^9.1.8",
+    "vite": "^7.3.1",
+    "vite-plugin-checker": "^0.9.0",
+    "vite-plugin-svgr": "^4.2.0",
+    "vitest": "^3.2.4"
+  }
+}

package/project/.eslintrc.cjs

@@ -0,0 +1,22 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:react/jsx-runtime",
+    "plugin:react-hooks/recommended",
+    "plugin:cypress/recommended",
+  ],
+  ignores:["server"],
+  ignorePatterns: ["dist", ".eslintrc.cjs"],
+  parserOptions: { ecmaVersion: "latest", sourceType: "module" },
+  settings: { react: { version: "18.2" } },
+  plugins: ["react-refresh"],
+  rules: {
+    "react-refresh/only-export-components": [
+      "warn",
+      { allowConstantExport: true },
+    ],
+  },
+};

package/project/config.js

@@ -0,0 +1,18 @@
+const config = {
+  name: "SPQR",
+  base: "/",
+  appId: "10b7bc8c-a49c-4002-b0ec-63599e4b5210",
+  api: "http://localhost:3000",
+  project: {
+    github: {
+      authUrl: "https://github.com/login/oauth/authorize",
+      clientId: "0c2844d3d19dc9293fc5",
+      redirectUri: "http://localhost:5173/callback",
+      userUrl: "https://api.github.com/user",
+      scope: "user",
+      response_type: "code",
+    },
+  },
+};
+
+export default config;

package/project/config.menu.js

@@ -0,0 +1,39 @@
+import ActionButton from "./src/widgets/ActionButton";
+
+const menuConfig = {
+  topMenu: [],
+  sideMenu: [
+    {
+      subheader: "SPQR",
+      items: [
+        {
+          title: "Emperor",
+          icon: "game-icons:olive",
+          path: "/emperor",
+        },
+        {
+          title: "Battles",
+          icon: "pepicons-print:swords",
+          path: "/emperor/battle",
+        },
+      ],
+    },
+  ],
+  options: [
+    {
+      label: "Home",
+      linkTo: "/",
+    },
+    {
+      label: "Profile",
+      linkTo: "/",
+    },
+    {
+      label: "Settings",
+      linkTo: "/",
+    },
+  ],
+  actionButtons: [ActionButton],
+};
+
+export default menuConfig;

package/project/config.template.js

@@ -0,0 +1,31 @@
+/* eslint-disable no-unused-vars */
+const templateConfig = {
+  theme: {
+    variants: (theme) => ({
+      MuiCard: {
+        variants: [
+          {
+            props: { variant: "profile-card" },
+            style: {
+              mb: 3,
+              height: 290,
+            },
+          },
+        ],
+      },
+    }),
+    mode: "dark",
+    colorPresets: "cyan",
+  },
+  login: {
+    variant: "modern",
+    image: "https://minimals.cc/assets/background/overlay_3.jpg",
+    icon: "https://cdn.nucleoid.com/media/icon.png",
+    largeIcon: "https://cdn.nucleoid.com/media/icon.png",
+  },
+  projectBar: {
+    label: "Team",
+  },
+};
+
+export default templateConfig;

package/project/cypress/e2e/layouts.cy.js

@@ -0,0 +1,170 @@
+describe("CompactLayout", () => {
+  it("should contain only header", () => {
+    cy.visit("/");
+    cy.checkLayout("CompactLayout");
+  });
+});
+
+describe("FullScreenLayout", () => {
+  beforeEach(() => {
+    cy.fixture("CONFIG/MENU_CONFIG.js").as("config");
+  });
+
+  it("should contain only mini nav ", () => {
+    cy.visit("/emperor/battle");
+    cy.checkLayout("FullScreenLayout");
+  });
+
+  it("should include paths from config.menu in navigation", () => {
+    cy.visit("/emperor/battle");
+
+    cy.get("@config").then((config) => {
+      config.sideMenu[0].items.map((item) =>
+        cy.getBySel("nav-mini").contains(item.title)
+      );
+    });
+  });
+
+  it("should redirect to the correct path", () => {
+    cy.visit("/emperor/battle");
+
+    cy.get("@config").then((config) => {
+      cy.getBySel("nav-mini")
+        .contains(config.sideMenu[0].items[0].title)
+        .click();
+      cy.url().should("include", config.sideMenu[0].items[0].path);
+    });
+  });
+});
+
+describe("DashboardLayout", () => {
+  beforeEach(() => {
+    cy.fixture("CONFIG/MENU_CONFIG.js").as("config");
+    cy.viewport(1280, 720);
+  });
+
+  it("should contain header and vertical nav", () => {
+    cy.visit("/emperor");
+    cy.checkLayout("DashboardLayout");
+  });
+
+  it("should include paths from config.menu in navigation", () => {
+    cy.visit("/emperor");
+
+    cy.get("@config").then((config) => {
+      config.sideMenu[0].items.map((item) =>
+        cy.getBySel("nav-vertical").contains(item.title)
+      );
+    });
+  });
+
+  it("should redirect to the correct path", () => {
+    cy.visit("/emperor");
+
+    cy.get("@config").then((config) => {
+      cy.getBySel("nav-vertical")
+        .contains(config.sideMenu[0].items[0].title)
+        .click();
+      cy.url().should("include", config.sideMenu[0].items[0].path);
+    });
+  });
+
+  it("when click action button open snackbar", () => {
+    cy.visit("/emperor");
+
+    cy.get("@config").then((config) => {
+      cy.getBySel("nav-vertical")
+        .contains(config.sideMenu[0].items[0].title)
+        .click();
+      cy.contains("Talk to Emperor").click();
+      cy.contains("Emperor is busy right now").should("be.visible");
+    });
+  });
+
+  it("when click end item navigate to the correct path", () => {
+    cy.visit("/emperor");
+
+    cy.get("@config").then((config) => {
+      cy.getBySel("nav-vertical")
+        .contains(config.sideMenu[0].items[0].title)
+        .click();
+
+      cy.getBySel("end-item").click();
+
+      cy.get("@config").then((config) => {
+        cy.url().should("include", config.endItem.path);
+      });
+    });
+  });
+});
+
+describe("CompactLayout (mobile)", () => {
+  beforeEach(() => {
+    cy.viewport(375, 667);
+  });
+
+  it("should contain only header", () => {
+    cy.visit("/");
+    cy.checkLayout("CompactLayout");
+  });
+});
+
+describe("FullScreenLayout (mobile)", () => {
+  beforeEach(() => {
+    cy.viewport(375, 667);
+  });
+
+  it("should contain only mini nav ", () => {
+    cy.visit("/emperor/battle");
+    cy.checkLayout("FullScreenLayout");
+  });
+});
+
+describe("DashboardLayout (mobile)", () => {
+  beforeEach(() => {
+    cy.viewport(375, 667);
+    cy.fixture("CONFIG/MENU_CONFIG.js").as("config");
+  });
+  it("should contain header and vertical nav", () => {
+    cy.visit("/emperor");
+    cy.checkLayout("DashboardLayout");
+  });
+  it("should include paths from config.menu in navigation", () => {
+    cy.visit("/emperor");
+
+    cy.getBySel("open-nav-button").click();
+
+    cy.get("@config").then((config) => {
+      config.sideMenu[0].items.map((item) =>
+        cy.get(".simplebar-content").contains(item.title)
+      );
+    });
+  });
+
+  it("should redirect to the correct path", () => {
+    cy.visit("/emperor");
+
+    cy.getBySel("open-nav-button").click();
+
+    cy.get("@config").then((config) => {
+      cy.get(".simplebar-content")
+        .contains(config.sideMenu[0].items[0].title)
+        .click();
+      cy.url().should("include", config.sideMenu[0].items[0].path);
+    });
+  });
+
+  it("when click action button open snackbar", () => {
+    cy.visit("/emperor");
+
+    cy.getBySel("open-nav-button").click();
+
+    cy.get("@config").then((config) => {
+      cy.get(".simplebar-content")
+        .contains(config.sideMenu[0].items[0].title)
+        .click();
+      cy.contains("Talk to Emperor").click();
+      cy.contains("Emperor is busy right now").should("be.visible");
+    });
+  });
+});

package/project/cypress/e2e/login.cy.js

@@ -0,0 +1,35 @@
+import config from "../../config.js";
+
+describe("OAuth GitHub", () => {
+  it("should when press login button redirect provider url with correct params", () => {
+    cy.visit("/login");
+
+    cy.get('[data-cy="github-login-button"]').click();
+
+    cy.url().should("include", "https://github.com/login");
+    cy.url().should("include", config.login.github.clientId);
+    cy.url().should("include", config.login.github.scope);
+    cy.url().should("include", config.login.github.response_type);
+  });
+
+  it("should user after login redirect homepage and display user info", () => {
+    cy.intercept("POST", "/oauth", {
+      body: {
+        accessToken: "TEST_ACCESS_TOKEN",
+        refreshToken: "TEST_REFRESH_TOKEN",
+      },
+    }).as("oauthRequest");
+
+    cy.intercept("GET", "https://api.github.com/user", {
+      fixture: "/OAUTH/GITHUB/user.json",
+    }).as("githubUserRequest");
+
+    cy.visit("/callback?code=TEST_CODE");
+
+    cy.wait("@oauthRequest");
+    cy.wait("@githubUserRequest");
+
+    cy.getBySel("account-popover").click();
+    cy.getBySel("account-popover-name").contains("octocat");
+  });
+});