@canmingir/link 1.1.6 → 1.1.8

package/.eslintrc.json

@@ -10,7 +10,8 @@
     "plugin:prettier/recommended",
     "plugin:react/recommended",
     "plugin:react-hooks/recommended",
-    "plugin:cypress/recommended"
+    "plugin:cypress/recommended",
+    "plugin:storybook/recommended"
   ],
   "parserOptions": {
     "ecmaVersion": "latest",
@@ -34,7 +35,10 @@
     "react/display-name": "off",
     "react/react-in-jsx-scope": "off",
     "react/prop-types": "off",
-    "eqeqeq": ["error", "always"],
+    "eqeqeq": [
+      "error",
+      "always"
+    ],
     "no-console": "off",
     "no-eval": "error",
     "no-var": "error",
@@ -42,8 +46,13 @@
     "sort-imports": [
       "warn",
       {
-        "memberSyntaxSortOrder": ["none", "single", "multiple", "all"]
+        "memberSyntaxSortOrder": [
+          "none",
+          "single",
+          "multiple",
+          "all"
+        ]
       }
     ]
   }
-}
+}

package/.idea/codeStyles/Project.xml

@@ -0,0 +1,84 @@
+<component name="ProjectCodeStyleConfiguration">
+  <code_scheme name="Project" version="173">
+    <HTMLCodeStyleSettings>
+      <option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
+    </HTMLCodeStyleSettings>
+    <JSCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+      <option name="CHAINED_CALL_DOT_ON_NEW_LINE" value="false" />
+    </JSCodeStyleSettings>
+    <JetCodeStyleSettings>
+      <option name="CODE_STYLE_DEFAULTS" value="KOTLIN_OFFICIAL" />
+    </JetCodeStyleSettings>
+    <TypeScriptCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </TypeScriptCodeStyleSettings>
+    <VueCodeStyleSettings>
+      <option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
+      <option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
+    </VueCodeStyleSettings>
+    <codeStyleSettings language="HTML">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="JSON">
+      <indentOptions>
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="JavaScript">
+      <option name="RIGHT_MARGIN" value="80" />
+      <option name="KEEP_BLANK_LINES_IN_CODE" value="1" />
+      <option name="ALIGN_MULTILINE_PARAMETERS" value="false" />
+      <option name="ALIGN_MULTILINE_FOR" value="false" />
+      <option name="CALL_PARAMETERS_WRAP" value="1" />
+      <option name="METHOD_PARAMETERS_WRAP" value="1" />
+      <option name="METHOD_PARAMETERS_LPAREN_ON_NEXT_LINE" value="true" />
+      <option name="METHOD_CALL_CHAIN_WRAP" value="5" />
+      <option name="BINARY_OPERATION_WRAP" value="1" />
+      <option name="TERNARY_OPERATION_WRAP" value="5" />
+      <option name="TERNARY_OPERATION_SIGNS_ON_NEXT_LINE" value="true" />
+      <option name="KEEP_SIMPLE_BLOCKS_IN_ONE_LINE" value="true" />
+      <option name="KEEP_SIMPLE_METHODS_IN_ONE_LINE" value="true" />
+      <option name="ARRAY_INITIALIZER_WRAP" value="5" />
+      <option name="ARRAY_INITIALIZER_LBRACE_ON_NEXT_LINE" value="true" />
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="TypeScript">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="Vue">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="kotlin">
+      <option name="CODE_STYLE_DEFAULTS" value="KOTLIN_OFFICIAL" />
+    </codeStyleSettings>
+  </code_scheme>
+</component>

package/.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
+  </state>
+</component>

package/.idea/copilot.data.migration.agent.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="AgentMigrationStateService">
+    <option name="migrationStatus" value="COMPLETED" />
+  </component>
+</project>

package/.idea/copilot.data.migration.ask.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="AskMigrationStateService">
+    <option name="migrationStatus" value="COMPLETED" />
+  </component>
+</project>

package/.idea/copilot.data.migration.ask2agent.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Ask2AgentMigrationStateService">
+    <option name="migrationStatus" value="COMPLETED" />
+  </component>
+</project>

package/.idea/copilot.data.migration.edit.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="EditMigrationStateService">
+    <option name="migrationStatus" value="COMPLETED" />
+  </component>
+</project>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="JpaEntityGraphsInspection" enabled="true" level="ERROR" enabled_by_default="true" />
+  </profile>
+</component>

package/.idea/misc.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager">
+    <output url="file://$PROJECT_DIR$/out" />
+  </component>
+</project>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/platform.iml" filepath="$PROJECT_DIR$/.idea/platform.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/platform.iml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

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/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/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@canmingir/link",
-  "version": "1.1.6",
+  "version": "1.1.8",
   "type": "module",
   "exports": {
     ".": "./index.js",
     "./layouts": "./src/layouts/index.js",
     "./vite": "./vite/vite.js",
-    "./minimal/components": "./minimal/src/components/index.js",
-    "./platform/components": "./components/index.js",
+    "./platform/components": "./src/lib/index.js",
     "./platform/hooks": "./src/hooks/index.js",
     "./platform/cypress": "./cypress/cypress.js",
     "./platform/commands": "./commands/index.js",
@@ -16,7 +15,10 @@
   "scripts": {
     "dev": "cd project && concurrently \"npm run dev\" \"npm run server\"",
     "dev:update": "cd project && npm i @nucleoidai/platform@latest",
-    "test": "exit 0"
+    "test": "exit 0",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "cypress": "cypress open --browser chrome"
   },
   "dependencies": {
     "@chatscope/chat-ui-kit-react": "^1.10.1",
@@ -34,6 +36,7 @@
     "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",
@@ -73,23 +76,34 @@
   "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": "^4.3.4",
+    "@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.38.0",
+    "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",
-    "vite": "^4.5.14",
+    "storybook": "^9.1.8",
+    "vite": "^7.1.8",
     "vite-plugin-checker": "^0.9.0",
-    "vite-plugin-svgr": "^3.2.0"
+    "vite-plugin-svgr": "^4.2.0",
+    "vitest": "^3.2.4"
   }
 }

package/src/RouteManager/RouteManager.jsx

@@ -30,6 +30,7 @@ export default function RouteManager({ routes }) {
             >
               <Route index element={<LoginPage />} />
             </Route>
+            <Route path="/callback/:provider" element={<Callback />} />
             <Route path="/callback" element={<Callback />} />
           </>
         )}

package/src/components/MiniTopBar/MiniTopBar.jsx

@@ -8,7 +8,12 @@ function MiniTopBar() {
   const { icon } = config().template.login;
   return (
     <Slide in={true} direction="right" timeout={500}>
-      <AppBar position="absolute" sx={styles.appBar} variant="dense">
+      <AppBar
+        position="absolute"
+        sx={styles.appBar}
+        variant="dense"
+        data-testid="mini-topbar"
+      >
         <Toolbar>
           <Box component="img" src={icon} sx={styles.logo} />
         </Toolbar>

package/src/components/Sidebar/Sidebar.jsx

@@ -9,8 +9,7 @@ import styles from "./styles";
 
 const Sidebar = ({ routes, isCollapsed, currentPage }) => {
   const drawerWidth = isCollapsed ? 75 : 280;
-  // TODO : responsive sidebar
-  // const matches = useMediaQuery("(min-width:600px)");
+
   return (
     <>
       <Box
@@ -27,6 +26,7 @@ const Sidebar = ({ routes, isCollapsed, currentPage }) => {
         anchor="left"
         variant="persistent"
         open={true}
+        data-testid="sidebar"
         sx={{
           width: drawerWidth,
           "& .MuiDrawer-paper": {

package/src/components/animate/index.js

@@ -1,5 +1,3 @@
-// ----------------------------------------------------------------------
-
 export * from "./variants";
 
 export { default as MotionViewport } from "./motion-viewport";

package/src/components/animate/motion-container.jsx

@@ -3,8 +3,6 @@ import React from "react";
 import { motion } from "framer-motion";
 import { varContainer } from "./variants";
 
-// ----------------------------------------------------------------------
-
 export default function MotionContainer({
   animate,
   action = false,

package/src/components/animate/motion-lazy.jsx

@@ -2,8 +2,6 @@ import React from "react";
 
 import { LazyMotion, domMax, motion } from "framer-motion";
 
-// ----------------------------------------------------------------------
-
 export function MotionLazy({ children }) {
   return (
     <LazyMotion strict features={domMax}>

package/src/components/animate/motion-viewport.jsx

@@ -4,8 +4,6 @@ import { motion } from "framer-motion";
 import { useResponsive } from "../../hooks/use-responsive";
 import { varContainer } from "./variants";
 
-// ----------------------------------------------------------------------
-
 export default function MotionViewport({
   children,
   disableAnimatedMobile = true,

package/src/components/animate/variants/actions.js

@@ -1,5 +1,3 @@
-// ----------------------------------------------------------------------
-
 export const varHover = (hover = 1.09, tap = 0.97) => ({
   hover: { scale: hover },
   tap: { scale: tap },

package/src/components/animate/variants/background.js

@@ -1,5 +1,3 @@
-// ----------------------------------------------------------------------
-
 export const varBgColor = (props) => {
   const colors = props?.colors || ["#19dcea", "#b22cff"];
   const duration = props?.duration || 5;
@@ -13,8 +11,6 @@ export const varBgColor = (props) => {
   };
 };
 
-// ----------------------------------------------------------------------
-
 export const varBgKenburns = (props) => {
   const duration = props?.duration || 5;
   const ease = props?.ease || "easeOut";
@@ -57,8 +53,6 @@ export const varBgKenburns = (props) => {
   };
 };
 
-// ----------------------------------------------------------------------
-
 export const varBgPan = (props) => {
   const colors = props?.colors || ["#ee7752", "#e73c7e", "#23a6d5", "#23d5ab"];
   const duration = props?.duration || 5;

package/src/components/animate/variants/bounce.js

@@ -1,7 +1,5 @@
 import { varTranEnter, varTranExit } from "./transition";
 
-// ----------------------------------------------------------------------
-
 export const varBounce = (props) => {
   const durationIn = props?.durationIn;
   const durationOut = props?.durationOut;
@@ -9,7 +7,6 @@ export const varBounce = (props) => {
   const easeOut = props?.easeOut;
 
   return {
-    // IN
     in: {
       initial: {},
       animate: {
@@ -83,7 +80,6 @@ export const varBounce = (props) => {
       },
     },
 
-    // OUT
     out: {
       animate: { scale: [0.9, 1.1, 0.3], opacity: [1, 1, 0] },
     },

package/src/components/animate/variants/container.js

@@ -1,5 +1,3 @@
-// ----------------------------------------------------------------------
-
 export const varContainer = (props) => {
   const staggerIn = props?.staggerIn || 0.05;
   const delayIn = props?.staggerIn || 0.05;

package/src/components/animate/variants/fade.js

@@ -1,7 +1,5 @@
 import { varTranEnter, varTranExit } from "./transition";
 
-// ----------------------------------------------------------------------
-
 export const varFade = (props) => {
   const distance = props?.distance || 120;
   const durationIn = props?.durationIn;
@@ -10,7 +8,6 @@ export const varFade = (props) => {
   const easeOut = props?.easeOut;
 
   return {
-    // IN
     in: {
       initial: { opacity: 0 },
       animate: { opacity: 1, transition: varTranEnter },
@@ -69,7 +66,6 @@ export const varFade = (props) => {
       },
     },
 
-    // OUT
     out: {
       initial: { opacity: 1 },
       animate: { opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },

package/src/components/animate/variants/flip.js

@@ -1,7 +1,5 @@
 import { varTranEnter, varTranExit } from "./transition";
 
-// ----------------------------------------------------------------------
-
 export const varFlip = (props) => {
   const durationIn = props?.durationIn;
   const durationOut = props?.durationOut;
@@ -9,7 +7,6 @@ export const varFlip = (props) => {
   const easeOut = props?.easeOut;
 
   return {
-    // IN
     inX: {
       initial: { rotateX: -180, opacity: 0 },
       animate: {
@@ -37,7 +34,6 @@ export const varFlip = (props) => {
       },
     },
 
-    // OUT
     outX: {
       initial: { rotateX: 0, opacity: 1 },
       animate: {

package/src/components/animate/variants/path.js

@@ -1,5 +1,3 @@
-// ----------------------------------------------------------------------
-
 export const TRANSITION = {
   duration: 2,
   ease: [0.43, 0.13, 0.23, 0.96],

package/src/components/animate/variants/rotate.js

@@ -1,7 +1,5 @@
 import { varTranEnter, varTranExit } from "./transition";
 
-// ----------------------------------------------------------------------
-
 export const varRotate = (props) => {
   const durationIn = props?.durationIn;
   const durationOut = props?.durationOut;
@@ -9,7 +7,6 @@ export const varRotate = (props) => {
   const easeOut = props?.easeOut;
 
   return {
-    // IN
     in: {
       initial: { opacity: 0, rotate: -360 },
       animate: {
@@ -24,7 +21,6 @@ export const varRotate = (props) => {
       },
     },
 
-    // OUT
     out: {
       initial: { opacity: 1, rotate: 0 },
       animate: {

package/src/components/animate/variants/scale.js

@@ -1,7 +1,5 @@
 import { varTranEnter, varTranExit } from "./transition";
 
-// ----------------------------------------------------------------------
-
 export const varScale = (props) => {
   const durationIn = props?.durationIn;
   const durationOut = props?.durationOut;
@@ -9,7 +7,6 @@ export const varScale = (props) => {
   const easeOut = props?.easeOut;
 
   return {
-    // IN
     inX: {
       initial: { scaleX: 0, opacity: 0 },
       animate: {
@@ -37,7 +34,6 @@ export const varScale = (props) => {
       },
     },
 
-    // OUT
     outX: {
       initial: { scaleX: 1, opacity: 1 },
       animate: {

package/src/components/animate/variants/slide.js

@@ -1,7 +1,5 @@
 import { varTranEnter, varTranExit } from "./transition";
 
-// ----------------------------------------------------------------------
-
 export const varSlide = (props) => {
   const distance = props?.distance || 160;
   const durationIn = props?.durationIn;
@@ -10,7 +8,6 @@ export const varSlide = (props) => {
   const easeOut = props?.easeOut;
 
   return {
-    // IN
     inUp: {
       initial: { y: distance },
       animate: { y: 0, transition: varTranEnter({ durationIn, easeIn }) },
@@ -32,7 +29,6 @@ export const varSlide = (props) => {
       exit: { x: distance, transition: varTranExit({ durationOut, easeOut }) },
     },
 
-    // OUT
     outUp: {
       initial: { y: 0 },
       animate: {

package/src/components/animate/variants/transition.js

@@ -1,5 +1,3 @@
-// ----------------------------------------------------------------------
-
 export const varTranHover = (props) => {
   const duration = props?.duration || 0.32;
   const ease = props?.ease || [0.43, 0.13, 0.23, 0.96];

package/src/components/animate/variants/zoom.js

@@ -1,7 +1,5 @@
 import { varTranEnter, varTranExit } from "./transition";
 
-// ----------------------------------------------------------------------
-
 export const varZoom = (props) => {
   const distance = props?.distance || 720;
   const durationIn = props?.durationIn;
@@ -10,7 +8,6 @@ export const varZoom = (props) => {
   const easeOut = props?.easeOut;
 
   return {
-    // IN
     in: {
       initial: { scale: 0, opacity: 0 },
       animate: {
@@ -85,7 +82,6 @@ export const varZoom = (props) => {
       },
     },
 
-    // OUT
     out: {
       initial: { scale: 1, opacity: 1 },
       animate: {

package/src/components/custom-popover/custom-popover.jsx

@@ -4,8 +4,6 @@ import { StyledArrow } from "./styles";
 import { getPosition } from "./utils";
 import { menuItemClasses } from "@mui/material/MenuItem";
 
-// ----------------------------------------------------------------------
-
 export default function CustomPopover({
   open,
   children,