@loopr-ai/craft 0.0.0

package/README.md

@@ -0,0 +1,38 @@
+# 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:
+
+```js
+   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](https://github.com/jsx-eslint/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)](https://dev.to/receter/how-to-create-a-react-component-library-using-vites-library-mode-4lma)
+
+### 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](https://dev.to/scooperdev/use-npm-pack-to-test-your-packages-locally-486e)
+
+**More Info: TBD**

package/dist/components/cell/Button/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface ButtonProps extends React.HtmlHTMLAttributes<HTMLButtonElement> {
+}
+declare const _default: React.NamedExoticComponent<ButtonProps>;
+export default _default;

package/dist/components/cell/Button/index.js

@@ -0,0 +1,6 @@
+import { jsx as r } from "react/jsx-runtime";
+import e from "react";
+const m = ({ children: t, ...o }) => /* @__PURE__ */ r("button", { ...o, children: t }), u = e.memo(m);
+export {
+  u as default
+};

package/dist/components/cell/Input/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface InputProps extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
+}
+declare const _default: React.NamedExoticComponent<InputProps>;
+export default _default;

package/dist/components/cell/Input/index.js

@@ -0,0 +1,6 @@
+import { jsx as r } from "react/jsx-runtime";
+import m from "react";
+const n = ({ children: t, type: o = "text", ...e }) => /* @__PURE__ */ r("input", { type: o, ...e, children: t }), s = m.memo(n);
+export {
+  s as default
+};

package/dist/main.d.ts

@@ -0,0 +1,3 @@
+import Button from "./components/cell/Button";
+import Input from "./components/cell/Input";
+export { Button, Input };

package/dist/main.js

@@ -0,0 +1,6 @@
+import { default as a } from "./components/cell/Button/index.js";
+import { default as f } from "./components/cell/Input/index.js";
+export {
+  a as Button,
+  f as Input
+};

package/dist/vite-env.d.js

@@ -0,0 +1 @@
+

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@loopr-ai/craft",
+  "version": "0.0.0",
+  "description": "Component library based out of Matetial UI customized to support Loopr AI products",
+  "homepage": "https://loopr.ai",
+  "author": {
+    "name": "Loopr AI",
+    "url": "https://loopr.ai"
+  },
+  "type": "module",
+  "main": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "build-lib": "tsc --p ./tsconfig-build.json && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build-lib"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.5.7",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "@vitejs/plugin-react": "^4.0.3",
+    "eslint": "^8.45.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.3",
+    "glob": "^10.3.4",
+    "typescript": "^5.0.2",
+    "vite": "^4.4.5",
+    "vite-plugin-dts": "^3.5.3",
+    "vite-plugin-lib-inject-css": "^1.2.1"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "volta": {
+    "node": "20.4.0"
+  }
+}