@okam/next-component 0.0.1 → 0.1.0

package/.eslintrc.js

@@ -0,0 +1,21 @@
+const { getDefaultIgnorePatterns } = require("../../../linter/helpers");
+
+module.exports = {
+  extends: ['plugin:@nx/react', '../../../.eslintrc.js', '../../../linter/bases/typescript', '../../../linter/bases/regexp', '../../../linter/bases/jest', '../../../linter/bases/rtl', '../../../linter/bases/storybook', '../../../linter/bases/react', '../../../linter/bases/prettier', 'plugin:storybook/recommended'],
+  ignorePatterns: ['!**/*', ...getDefaultIgnorePatterns()],
+  overrides: [
+    {
+      files: ['*.ts', '*.tsx', '*.js', '*.jsx'],
+      // We set parserOptions.project for the project to allow TypeScript to create the type-checker behind the scenes when we run linting
+      parserOptions: {
+        project: `${__dirname}/tsconfig.*?.json`,
+      },
+      rules: {
+        "@nx/dependency-checks": "error"
+      }
+    },
+  ],
+  rules: {
+    'react/react-in-jsx-scope': 'off',
+  },
+}

package/.storybook/main.ts

@@ -0,0 +1,33 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+import type { StorybookConfig } from '@storybook/nextjs'
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: [
+    '@storybook/addon-a11y',
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+    {
+      name: '@storybook/addon-styling',
+      options: {
+        // Check out https://github.com/storybookjs/addon-styling/blob/main/docs/api.md
+        // For more details on this addon's options.
+        postCss: true,
+      },
+    },
+  ],
+  framework: {
+    name: '@storybook/nextjs',
+    options: {},
+  },
+  docs: {
+    autodocs: 'tag',
+  },
+}
+
+export default config
+
+// To customize your Vite configuration you can use the viteFinal field.
+// Check https://storybook.js.org/docs/react/builders/vite#configuration
+// and https://nx.dev/packages/storybook/documents/custom-builder-configs

package/CHANGELOG.md

@@ -0,0 +1,16 @@
+## 0.1.0 (2024-06-28)
+
+
+### 🚀 Features
+
+- add new libs ([#71](https://github.com/OKAMca/stack/pull/71))
+
+
+### 🩹 Fixes
+
+- publishing for new libs ([#125](https://github.com/OKAMca/stack/pull/125))
+
+
+### ❤️  Thank You
+
+- Marie-Maxime Tanguay @marie-maxime

package/package.json

@@ -1,7 +1,4 @@
 {
   "name": "@okam/next-component",
-  "version": "0.0.1",
-  "module": "./index.esm.js",
-  "type": "module",
-  "main": "./index.esm.js"
+  "version": "0.1.0"
 }

package/project.json

@@ -0,0 +1,75 @@
+{
+  "name": "next-component",
+  "$schema": "../../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "libs/stack/next-component/src",
+  "projectType": "library",
+  "tags": [],
+  "targets": {
+    "lint": {
+      "executor": "@nx/eslint:lint"
+    },
+    "build": {
+      "executor": "@nx/rollup:rollup",
+      "outputs": ["{options.outputPath}"],
+      "options": {
+        "outputPath": "dist/libs/stack/next-component",
+        "tsConfig": "libs/stack/next-component/tsconfig.lib.json",
+        "project": "libs/stack/next-component/package.json",
+        "entryFile": "libs/stack/next-component/src/index.ts",
+        "external": "all",
+        "rollupConfig": "@nx/react/plugins/bundle-rollup",
+        "compiler": "swc",
+        "assets": [
+          {
+            "glob": "libs/stack/next-component/README.md",
+            "input": ".",
+            "output": "."
+          }
+        ]
+      }
+    },
+    "storybook": {
+      "executor": "@nx/storybook:storybook",
+      "options": {
+        "port": 4400,
+        "configDir": "libs/stack/next-component/.storybook"
+      },
+      "configurations": {
+        "ci": {
+          "quiet": true
+        }
+      }
+    },
+    "build-storybook": {
+      "executor": "@nx/storybook:build",
+      "outputs": ["{options.outputDir}"],
+      "options": {
+        "outputDir": "dist/storybook/next-component",
+        "configDir": "libs/stack/next-component/.storybook"
+      },
+      "configurations": {
+        "ci": {
+          "quiet": true
+        }
+      }
+    },
+    "test-storybook": {
+      "executor": "nx:run-commands",
+      "options": {
+        "command": "test-storybook -c libs/stack/next-component/.storybook --url=http://localhost:4400"
+      }
+    },
+    "static-storybook": {
+      "executor": "@nx/web:file-server",
+      "options": {
+        "buildTarget": "next-component:build-storybook",
+        "staticFilePath": "dist/storybook/next-component"
+      },
+      "configurations": {
+        "ci": {
+          "buildTarget": "next-component:build-storybook:ci"
+        }
+      }
+    }
+  }
+}

package/src/components/Img/index.tsx

@@ -0,0 +1,30 @@
+import { useThemeContext } from '@okam/stack-ui'
+import Image from 'next/image'
+import type TImgProps from './interface'
+
+const Img = (props: TImgProps) => {
+  const { src, width, height, themeName = 'img', tokens, customTheme, ...rest } = props
+  const theme = useThemeContext(themeName, tokens, customTheme)
+
+  if (typeof src === 'object') {
+    const { blurWidth, blurHeight, width: srcWidth, height: srcHeight, ...withoutBlurDimensions } = src
+    const blur = {
+      blurwidth: blurWidth,
+      blurheight: blurHeight,
+    }
+
+    return (
+      <Image
+        className={theme}
+        {...withoutBlurDimensions}
+        {...rest}
+        {...blur}
+        width={srcWidth ?? width}
+        height={srcHeight ?? height}
+      />
+    )
+  }
+  return <Image width={width} height={height} className={theme} src={src} {...rest} />
+}
+
+export default Img

package/src/components/Img/interface.ts

@@ -0,0 +1,9 @@
+import type { TDefaultComponent } from '@okam/stack-ui'
+import type { ImageProps, StaticImageData } from 'next/image'
+
+type TImgProps = TDefaultComponent &
+  Omit<ImageProps, 'src'> & {
+    src: string | StaticImageData
+  }
+
+export default TImgProps

package/src/index.ts

@@ -0,0 +1,3 @@
+// Use this file to export React client components (e.g. those with 'use client' directive) or other non-server utilities
+
+export * from './lib/next-component'

package/src/lib/hello-server.tsx

@@ -0,0 +1,4 @@
+// React server components are async so you make database or API calls.
+export async function HelloServer() {
+  return <h1>Hello Server Component!</h1>
+}

package/src/lib/next-component.tsx

@@ -0,0 +1,16 @@
+'use client'
+
+import styles from './next-component.module.css'
+
+/* eslint-disable-next-line */
+export interface NextComponentProps {}
+
+export function NextComponent(props: NextComponentProps) {
+  return (
+    <div className={styles.container}>
+      <h1>Hello Client Component!</h1>
+    </div>
+  )
+}
+
+export default NextComponent

package/src/server.ts

@@ -0,0 +1,2 @@
+// Use this file to export React server components
+export * from './lib/hello-server'

package/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "allowJs": false,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "strict": true
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.storybook.json"
+    }
+  ],
+  "extends": "../../../tsconfig.base.json"
+}

package/tsconfig.lib.json

@@ -0,0 +1,29 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../dist/out-tsc",
+    "types": [
+      "node",
+      "@nx/react/typings/cssmodule.d.ts",
+      "@nx/react/typings/image.d.ts",
+      "next",
+      "@nx/next/typings/image.d.ts"
+    ]
+  },
+  "exclude": [
+    "jest.config.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.js",
+    "src/**/*.test.js",
+    "src/**/*.spec.jsx",
+    "src/**/*.test.jsx",
+    "**/*.stories.ts",
+    "**/*.stories.js",
+    "**/*.stories.jsx",
+    "**/*.stories.tsx"
+  ],
+  "include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.ts", "src/**/*.tsx"]
+}

package/tsconfig.storybook.json

@@ -0,0 +1,31 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "emitDecoratorMetadata": true,
+    "outDir": ""
+  },
+  "files": [
+    "../../../node_modules/@nx/react/typings/styled-jsx.d.ts",
+    "../../../node_modules/@nx/react/typings/cssmodule.d.ts",
+    "../../../node_modules/@nx/react/typings/image.d.ts"
+  ],
+  "exclude": [
+    "src/**/*.spec.ts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.js",
+    "src/**/*.test.js",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.jsx",
+    "src/**/*.test.js"
+  ],
+  "include": [
+    "src/**/*.stories.ts",
+    "src/**/*.stories.js",
+    "src/**/*.stories.jsx",
+    "src/**/*.stories.tsx",
+    "src/**/*.stories.mdx",
+    ".storybook/*.js",
+    ".storybook/*.ts"
+  ]
+}

package/index.esm.d.ts

@@ -1 +0,0 @@
-export * from "./src/index";