@loopr-ai/craft

Loopr Craft

A component library for LooprAI products. Based out of Material UI.

Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

• Configure the top-level parserOptions property like this:

   parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
   },

• Replace plugin:@typescript-eslint/recommended to plugin:@typescript-eslint/recommended-type-checked or plugin:@typescript-eslint/strict-type-checked
• Optionally add plugin:@typescript-eslint/stylistic-type-checked
• Install eslint-plugin-react and add plugin:react/recommended & plugin:react/jsx-runtime to the extends list

Component Library

Ref: Creating a Component Library Fast(using Vite's library mode)

Commands

1. Build the library: npm run build-lib

Usage

This needs to be built and published to a package manager (npm, yarn, etc) eventually. For now, it can be used as a local dependency. by following these steps:

1. Build the library: npm run build-lib
2. follow the steps in Use npm pack to test your packages locally

More Info: TBD