@okam/next-component 0.1.0 → 0.1.1

package/package.json

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

package/src/components/Img/index.d.ts

@@ -0,0 +1,3 @@
+import type TImgProps from './interface';
+declare const Img: (props: TImgProps) => import("react/jsx-runtime").JSX.Element;
+export default Img;

package/src/components/Img/interface.d.ts

@@ -0,0 +1,6 @@
+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.d.ts

@@ -0,0 +1 @@
+export * from './lib/next-component';

package/src/lib/hello-server.d.ts

@@ -0,0 +1 @@
+export declare function HelloServer(): Promise<import("react/jsx-runtime").JSX.Element>;

package/src/lib/next-component.d.ts

@@ -0,0 +1,4 @@
+export interface NextComponentProps {
+}
+export declare function NextComponent(props: NextComponentProps): import("react/jsx-runtime").JSX.Element;
+export default NextComponent;

package/src/server.d.ts

@@ -0,0 +1 @@
+export * from './lib/hello-server';

package/.eslintrc.js

@@ -1,21 +0,0 @@
-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

@@ -1,33 +0,0 @@
-/* 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

@@ -1,16 +0,0 @@
-## 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/project.json

@@ -1,75 +0,0 @@
-{
-  "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

@@ -1,30 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,3 +0,0 @@
-// 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

@@ -1,4 +0,0 @@
-// 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

@@ -1,16 +0,0 @@
-'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

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

package/tsconfig.json

@@ -1,20 +0,0 @@
-{
-  "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

@@ -1,29 +0,0 @@
-{
-  "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

@@ -1,31 +0,0 @@
-{
-  "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"
-  ]
-}