Compare commits
No commits in common. "v1.0.5" and "main" have entirely different histories.
17
.babelrc
17
.babelrc
@ -1,17 +0,0 @@
|
|||||||
{
|
|
||||||
"presets": [
|
|
||||||
"@babel/preset-env",
|
|
||||||
"@babel/preset-react",
|
|
||||||
"@babel/preset-typescript"
|
|
||||||
],
|
|
||||||
"plugins": [
|
|
||||||
"@babel/plugin-transform-runtime",
|
|
||||||
"macros",
|
|
||||||
["module-resolver", {
|
|
||||||
"root": ["./"],
|
|
||||||
"alias": {
|
|
||||||
"library-template": "./src/components"
|
|
||||||
}
|
|
||||||
}]
|
|
||||||
]
|
|
||||||
}
|
|
||||||
@ -1,49 +0,0 @@
|
|||||||
// devDependencies required
|
|
||||||
// - eslint
|
|
||||||
// - eslint-config-next
|
|
||||||
// - eslint-config-standard
|
|
||||||
// - eslint-plugin-import
|
|
||||||
// - eslint-plugin-n
|
|
||||||
// - eslint-plugin-promise
|
|
||||||
// - eslint-plugin-react
|
|
||||||
// - eslint-plugin-tailwindcss
|
|
||||||
|
|
||||||
// command yarn install
|
|
||||||
|
|
||||||
// yarn add -D eslint eslint-config-next eslint-config-standard eslint-plugin-import eslint-plugin-node eslint-plugin-promise eslint-plugin-react eslint-plugin-tailwindcss eslint-plugin-n
|
|
||||||
|
|
||||||
{
|
|
||||||
"env": {
|
|
||||||
"browser": true,
|
|
||||||
"es2021": true,
|
|
||||||
"node": true
|
|
||||||
},
|
|
||||||
"extends": [
|
|
||||||
"plugin:react/recommended",
|
|
||||||
"standard",
|
|
||||||
"plugin:tailwindcss/recommended"
|
|
||||||
],
|
|
||||||
"overrides": [],
|
|
||||||
"parserOptions": {
|
|
||||||
"ecmaVersion": "latest",
|
|
||||||
"sourceType": "module"
|
|
||||||
},
|
|
||||||
"plugins": ["react", "tailwindcss"],
|
|
||||||
"rules": {
|
|
||||||
"react-hooks/exhaustive-deps": "off",
|
|
||||||
"tailwindcss/no-custom-classname": "off",
|
|
||||||
"tailwindcss/classnames-order": "error",
|
|
||||||
"camelcase": "off",
|
|
||||||
"react-hooks/rules-of-hooks": "off",
|
|
||||||
"object-curly-spacing": [2, "always"],
|
|
||||||
"no-console": ["warn", { "allow": ["warn", "error"] }],
|
|
||||||
"indent": [
|
|
||||||
"error",
|
|
||||||
2,
|
|
||||||
{
|
|
||||||
"SwitchCase": 1,
|
|
||||||
"flatTernaryExpressions": true
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
132
.gitignore
vendored
132
.gitignore
vendored
@ -1,132 +0,0 @@
|
|||||||
# ---> Node
|
|
||||||
# Logs
|
|
||||||
logs
|
|
||||||
*.log
|
|
||||||
npm-debug.log*
|
|
||||||
yarn-debug.log*
|
|
||||||
yarn-error.log*
|
|
||||||
lerna-debug.log*
|
|
||||||
.pnpm-debug.log*
|
|
||||||
|
|
||||||
# Diagnostic reports (https://nodejs.org/api/report.html)
|
|
||||||
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
|
|
||||||
|
|
||||||
# Runtime data
|
|
||||||
pids
|
|
||||||
*.pid
|
|
||||||
*.seed
|
|
||||||
*.pid.lock
|
|
||||||
|
|
||||||
# Directory for instrumented libs generated by jscoverage/JSCover
|
|
||||||
lib-cov
|
|
||||||
|
|
||||||
# Coverage directory used by tools like istanbul
|
|
||||||
coverage
|
|
||||||
*.lcov
|
|
||||||
|
|
||||||
# nyc test coverage
|
|
||||||
.nyc_output
|
|
||||||
|
|
||||||
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
|
|
||||||
.grunt
|
|
||||||
|
|
||||||
# Bower dependency directory (https://bower.io/)
|
|
||||||
bower_components
|
|
||||||
|
|
||||||
# node-waf configuration
|
|
||||||
.lock-wscript
|
|
||||||
|
|
||||||
# Compiled binary addons (https://nodejs.org/api/addons.html)
|
|
||||||
build/Release
|
|
||||||
|
|
||||||
# Dependency directories
|
|
||||||
node_modules/
|
|
||||||
jspm_packages/
|
|
||||||
|
|
||||||
# Snowpack dependency directory (https://snowpack.dev/)
|
|
||||||
web_modules/
|
|
||||||
|
|
||||||
# TypeScript cache
|
|
||||||
*.tsbuildinfo
|
|
||||||
|
|
||||||
# Optional npm cache directory
|
|
||||||
.npm
|
|
||||||
|
|
||||||
# Optional eslint cache
|
|
||||||
.eslintcache
|
|
||||||
|
|
||||||
# Optional stylelint cache
|
|
||||||
.stylelintcache
|
|
||||||
|
|
||||||
# Microbundle cache
|
|
||||||
.rpt2_cache/
|
|
||||||
.rts2_cache_cjs/
|
|
||||||
.rts2_cache_es/
|
|
||||||
.rts2_cache_umd/
|
|
||||||
|
|
||||||
# Optional REPL history
|
|
||||||
.node_repl_history
|
|
||||||
|
|
||||||
# Output of 'npm pack'
|
|
||||||
*.tgz
|
|
||||||
|
|
||||||
# Yarn Integrity file
|
|
||||||
.yarn-integrity
|
|
||||||
|
|
||||||
# dotenv environment variable files
|
|
||||||
.env
|
|
||||||
.env.development.local
|
|
||||||
.env.test.local
|
|
||||||
.env.production.local
|
|
||||||
.env.local
|
|
||||||
|
|
||||||
# parcel-bundler cache (https://parceljs.org/)
|
|
||||||
.cache
|
|
||||||
.parcel-cache
|
|
||||||
|
|
||||||
# Next.js build output
|
|
||||||
.next
|
|
||||||
out
|
|
||||||
|
|
||||||
# Nuxt.js build / generate output
|
|
||||||
.nuxt
|
|
||||||
# dist
|
|
||||||
|
|
||||||
# Gatsby files
|
|
||||||
.cache/
|
|
||||||
# Comment in the public line in if your project uses Gatsby and not Next.js
|
|
||||||
# https://nextjs.org/blog/next-9-1#public-directory-support
|
|
||||||
# public
|
|
||||||
|
|
||||||
# vuepress build output
|
|
||||||
.vuepress/dist
|
|
||||||
|
|
||||||
# vuepress v2.x temp and cache directory
|
|
||||||
.temp
|
|
||||||
.cache
|
|
||||||
|
|
||||||
# Docusaurus cache and generated files
|
|
||||||
.docusaurus
|
|
||||||
|
|
||||||
# Serverless directories
|
|
||||||
.serverless/
|
|
||||||
|
|
||||||
# FuseBox cache
|
|
||||||
.fusebox/
|
|
||||||
|
|
||||||
# DynamoDB Local files
|
|
||||||
.dynamodb/
|
|
||||||
|
|
||||||
# TernJS port file
|
|
||||||
.tern-port
|
|
||||||
|
|
||||||
# Stores VSCode versions used for testing VSCode extensions
|
|
||||||
.vscode-test
|
|
||||||
|
|
||||||
# yarn v2
|
|
||||||
.yarn/cache
|
|
||||||
.yarn/unplugged
|
|
||||||
.yarn/build-state.yml
|
|
||||||
.yarn/install-state.gz
|
|
||||||
.pnp.*
|
|
||||||
|
|
||||||
16
.vscode/settings.json
vendored
16
.vscode/settings.json
vendored
@ -1,16 +0,0 @@
|
|||||||
{
|
|
||||||
"editor.tabSize": 2,
|
|
||||||
"editor.detectIndentation": false,
|
|
||||||
"search.exclude": {
|
|
||||||
"package-lock.json": true
|
|
||||||
},
|
|
||||||
"editor.defaultFormatter": "dbaeumer.vscode-eslint",
|
|
||||||
"editor.formatOnSave": true,
|
|
||||||
"editor.codeActionsOnSave": {
|
|
||||||
"source.addMissingImports": "explicit",
|
|
||||||
"source.fixAll.eslint": "explicit"
|
|
||||||
},
|
|
||||||
"cSpell.words": [
|
|
||||||
"headlessui"
|
|
||||||
]
|
|
||||||
}
|
|
||||||
@ -1,27 +0,0 @@
|
|||||||
const fs = require('fs')
|
|
||||||
const path = require('path')
|
|
||||||
|
|
||||||
const componentsDir = path.resolve(__dirname, 'dist/components')
|
|
||||||
|
|
||||||
fs.readdir(componentsDir, { withFileTypes: true }, (err, entries) => {
|
|
||||||
if (err) {
|
|
||||||
console.error('Error al leer el directorio de componentes:', err)
|
|
||||||
process.exit(1)
|
|
||||||
}
|
|
||||||
|
|
||||||
entries.forEach(entry => {
|
|
||||||
if (entry.isDirectory()) {
|
|
||||||
const componentDirPath = path.join(componentsDir, entry.name)
|
|
||||||
const packageJson = {
|
|
||||||
name: `${entry.name}`,
|
|
||||||
private: true,
|
|
||||||
module: './index.js',
|
|
||||||
main: './index.js',
|
|
||||||
types: './index.d.ts'
|
|
||||||
}
|
|
||||||
|
|
||||||
fs.writeFileSync(path.join(componentDirPath, 'package.json'), JSON.stringify(packageJson, null, 2))
|
|
||||||
console.log(`package.json creado para el componente ${entry.name}`)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
|
||||||
7
dist/components/button/index.d.ts
vendored
7
dist/components/button/index.d.ts
vendored
@ -1,7 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
||||||
title: string;
|
|
||||||
onClick?: () => void;
|
|
||||||
}
|
|
||||||
declare const Button: ({ title, onClick }: ButtonProps) => any;
|
|
||||||
export default Button;
|
|
||||||
2
dist/components/button/index.js
vendored
2
dist/components/button/index.js
vendored
@ -1,2 +0,0 @@
|
|||||||
import{cn as t}from"../../lib/utils.js";import e from"react";var r=function(r){var i=r.title,l=r.onClick;return e.createElement("div",{className:t("bg-blue-500","text-white"),onClick:l},i)};export{r as default};
|
|
||||||
//# sourceMappingURL=index.js.map
|
|
||||||
1
dist/components/button/index.js.map
vendored
1
dist/components/button/index.js.map
vendored
@ -1 +0,0 @@
|
|||||||
{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\r\nimport React from 'react'\r\ninterface ButtonProps\r\n extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n title: string\r\n onClick?: () => void\r\n}\r\n\r\nconst Button = ({ title, onClick }: ButtonProps) => {\r\n return (\r\n <div className={cn(\r\n 'bg-blue-500',\r\n 'text-white'\r\n )}\r\n onClick={onClick}\r\n >\r\n {title}\r\n </div>\r\n )\r\n}\r\n\r\nexport default Button"],"names":["Button","_ref","title","onClick","React","createElement","className","cn"],"mappings":"6DAQA,IAAMA,EAAS,SAAHC,GAAuC,IAAjCC,EAAKD,EAALC,MAAOC,EAAOF,EAAPE,QACvB,OACEC,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EACd,cACA,cAEFJ,QAASA,GAEND,EAGP"}
|
|
||||||
7
dist/components/button/package.json
vendored
7
dist/components/button/package.json
vendored
@ -1,7 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "button",
|
|
||||||
"private": true,
|
|
||||||
"module": "./index.js",
|
|
||||||
"main": "./index.js",
|
|
||||||
"types": "./index.d.ts"
|
|
||||||
}
|
|
||||||
2
dist/components/input/index.d.ts
vendored
2
dist/components/input/index.d.ts
vendored
@ -1,2 +0,0 @@
|
|||||||
declare const Input: () => any;
|
|
||||||
export default Input;
|
|
||||||
2
dist/components/input/index.js
vendored
2
dist/components/input/index.js
vendored
@ -1,2 +0,0 @@
|
|||||||
import t from"react";var e=function(){return t.createElement("div",null,"Input")};export{e as default};
|
|
||||||
//# sourceMappingURL=index.js.map
|
|
||||||
1
dist/components/input/index.js.map
vendored
1
dist/components/input/index.js.map
vendored
@ -1 +0,0 @@
|
|||||||
{"version":3,"file":"index.js","sources":["../../../src/components/input/index.tsx"],"sourcesContent":["import React from 'react'\r\n\r\nconst Input = () => {\r\n return (\r\n <div>Input</div>\r\n )\r\n}\r\n\r\nexport default Input"],"names":["Input","React","createElement"],"mappings":"qBAEA,IAAMA,EAAQ,WACZ,OACEC,EAAgBC,cAAA,MAAA,KAAA,QAEpB"}
|
|
||||||
7
dist/components/input/package.json
vendored
7
dist/components/input/package.json
vendored
@ -1,7 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "input",
|
|
||||||
"private": true,
|
|
||||||
"module": "./index.js",
|
|
||||||
"main": "./index.js",
|
|
||||||
"types": "./index.d.ts"
|
|
||||||
}
|
|
||||||
3
dist/index.d.ts
vendored
3
dist/index.d.ts
vendored
@ -1,3 +0,0 @@
|
|||||||
export { default as Button } from './components/button';
|
|
||||||
export { default as Input } from './components/input';
|
|
||||||
export * from './lib/utils';
|
|
||||||
2
dist/index.js
vendored
2
dist/index.js
vendored
@ -1,2 +0,0 @@
|
|||||||
export{default as Button}from"./components/button/index.js";export{default as Input}from"./components/input/index.js";export{cn}from"./lib/utils.js";
|
|
||||||
//# sourceMappingURL=index.js.map
|
|
||||||
1
dist/index.js.map
vendored
1
dist/index.js.map
vendored
@ -1 +0,0 @@
|
|||||||
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
||||||
1
dist/lib/utils.d.ts
vendored
1
dist/lib/utils.d.ts
vendored
@ -1 +0,0 @@
|
|||||||
export declare function cn(...inputs: any[]): string;
|
|
||||||
2
dist/lib/utils.js
vendored
2
dist/lib/utils.js
vendored
@ -1,2 +0,0 @@
|
|||||||
import r from"@babel/runtime/helpers/toConsumableArray";import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/typeof";import{twMerge as n}from"tailwind-merge";function o(){for(var o=arguments.length,i=new Array(o),l=0;l<o;l++)i[l]=arguments[l];var a=i.filter((function(r){return r})).flatMap((function(r){return"object"===t(r)?Object.entries(r).filter((function(r){return e(r,2)[1]})).map((function(r){return e(r,1)[0]})):r.split(" ")}));return n.apply(void 0,r(a))}export{o as cn};
|
|
||||||
//# sourceMappingURL=utils.js.map
|
|
||||||
1
dist/lib/utils.js.map
vendored
1
dist/lib/utils.js.map
vendored
@ -1 +0,0 @@
|
|||||||
{"version":3,"file":"utils.js","sources":["../../src/lib/utils.ts"],"sourcesContent":["import { twMerge } from 'tailwind-merge'\r\n\r\nexport function cn (...inputs) {\r\n const classes = inputs\r\n .filter((input) => input)\r\n .flatMap((input) =>\r\n typeof input === 'object'\r\n ? Object.entries(input).filter(([, value]) => value).map(([key]) => key)\r\n : input.split(' ')\r\n )\r\n\r\n return twMerge(...classes)\r\n}\r\n"],"names":["cn","_len","arguments","length","inputs","Array","_key","classes","filter","input","flatMap","_typeof","Object","entries","_ref","_slicedToArray","map","_ref3","split","twMerge","apply","_toConsumableArray"],"mappings":"kMAEgB,SAAAA,IAAa,IAAA,IAAAC,EAAAC,UAAAC,OAANC,EAAMC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAANF,EAAME,GAAAJ,UAAAI,GAC3B,IAAMC,EAAUH,EACbI,QAAO,SAACC,GAAK,OAAKA,CAAK,IACvBC,SAAQ,SAACD,GAAK,MACI,WAAjBE,EAAOF,GACHG,OAAOC,QAAQJ,GAAOD,QAAO,SAAAM,GAAS,OAATC,EAAAD,EAAA,GAAS,EAAW,IAAEE,KAAI,SAAAC,GAAK,OAALF,EAAAE,EAAA,GAAK,EAAS,IACrER,EAAMS,MAAM,QAGpB,OAAOC,EAAOC,aAAAC,EAAId,GACpB"}
|
|
||||||
@ -1,53 +0,0 @@
|
|||||||
const typescript = require('@rollup/plugin-typescript')
|
|
||||||
const babel = require('@rollup/plugin-babel')
|
|
||||||
const postcss = require('rollup-plugin-postcss')
|
|
||||||
const tailwind = require('rollup-plugin-tailwindcss')
|
|
||||||
const autoprefixer = require('autoprefixer')
|
|
||||||
const resolve = require('@rollup/plugin-node-resolve')
|
|
||||||
const commonjs = require('@rollup/plugin-commonjs')
|
|
||||||
const { terser } = require('rollup-plugin-terser')
|
|
||||||
const pkg = require('./package.json')
|
|
||||||
|
|
||||||
const external = [
|
|
||||||
...Object.keys(pkg.dependencies || {}),
|
|
||||||
...Object.keys(pkg.peerDependencies || {}),
|
|
||||||
/@babel\/runtime/
|
|
||||||
]
|
|
||||||
|
|
||||||
const rollupConfig = {
|
|
||||||
input: 'src/index.ts',
|
|
||||||
output: {
|
|
||||||
dir: 'dist',
|
|
||||||
format: 'esm',
|
|
||||||
sourcemap: true,
|
|
||||||
preserveModules: true,
|
|
||||||
preserveModulesRoot: 'src'
|
|
||||||
},
|
|
||||||
external,
|
|
||||||
plugins: [
|
|
||||||
resolve(),
|
|
||||||
commonjs(),
|
|
||||||
typescript({
|
|
||||||
declaration: true,
|
|
||||||
noEmitOnError: true
|
|
||||||
}),
|
|
||||||
babel({
|
|
||||||
extensions: ['.js', '.jsx', '.ts', '.tsx'],
|
|
||||||
babelHelpers: 'runtime',
|
|
||||||
include: ['src/**/*'],
|
|
||||||
plugins: ['@babel/plugin-transform-runtime']
|
|
||||||
}),
|
|
||||||
postcss({
|
|
||||||
plugins: [autoprefixer()],
|
|
||||||
sourceMap: true,
|
|
||||||
extract: true,
|
|
||||||
minimize: true
|
|
||||||
}),
|
|
||||||
tailwind({
|
|
||||||
input: './styles/globals.css'
|
|
||||||
}),
|
|
||||||
terser()
|
|
||||||
]
|
|
||||||
}
|
|
||||||
|
|
||||||
module.exports = rollupConfig
|
|
||||||
76
package.json
76
package.json
@ -1,76 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "library-template",
|
|
||||||
"version": "1.0.5",
|
|
||||||
"type": "module",
|
|
||||||
"main": "dist/index.js",
|
|
||||||
"types": "dist/index.d.ts",
|
|
||||||
"exports": {
|
|
||||||
".": "./dist/index.js",
|
|
||||||
"./button": "./dist/components/button/index.js",
|
|
||||||
"./input": "./dist/components/input/index.js"
|
|
||||||
},
|
|
||||||
"files": [
|
|
||||||
"dist"
|
|
||||||
],
|
|
||||||
"license": "MIT",
|
|
||||||
"peerDependencies": {
|
|
||||||
"prop-types": "^15",
|
|
||||||
"react": "^16",
|
|
||||||
"react-dom": "^16"
|
|
||||||
},
|
|
||||||
"scripts": {
|
|
||||||
"beforeUpdate": "node -e \"console.log('Para generar el css quitar type module de package json')\"",
|
|
||||||
"updateCss": "tailwindcss -i ./styles/globals.css -o ./styles/generated/output.css",
|
|
||||||
"generateRollupFile": "node generateRollupConfig.cjs",
|
|
||||||
"rollupPrebuild": "rimraf srs && rimraf dist",
|
|
||||||
"rollupBuild": "rollup -c --bundleConfigAsCjs",
|
|
||||||
"rollupBuildProd": "rollup -c --environment NODE_ENV:production",
|
|
||||||
"postbuild": "node create-component-packages.cjs",
|
|
||||||
"deploy": "git pull origin main && yarn rollupPrebuild && yarn rollupBuildProd && yarn postbuild && git add . && yarn version --patch && git push origin dev_ja && git push origin --tags"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@babel/core": "^7.23.7",
|
|
||||||
"@babel/plugin-transform-runtime": "^7.23.7",
|
|
||||||
"@babel/preset-env": "^7.23.8",
|
|
||||||
"@babel/preset-react": "^7.23.3",
|
|
||||||
"@babel/preset-typescript": "^7.23.3",
|
|
||||||
"@babel/runtime": "^7.20.7",
|
|
||||||
"@rollup/plugin-babel": "^6.0.4",
|
|
||||||
"@rollup/plugin-commonjs": "^25.0.7",
|
|
||||||
"@rollup/plugin-node-resolve": "^15.2.3",
|
|
||||||
"@rollup/plugin-typescript": "^11.1.6",
|
|
||||||
"autoprefixer": "^10.4.17",
|
|
||||||
"babel-plugin-macros": "^3.1.0",
|
|
||||||
"babel-plugin-module-resolver": "^5.0.0",
|
|
||||||
"eslint": "^8.56.0",
|
|
||||||
"eslint-config-next": "^14.0.4",
|
|
||||||
"eslint-config-standard": "^17.1.0",
|
|
||||||
"eslint-plugin-import": "^2.29.1",
|
|
||||||
"eslint-plugin-n": "^16.6.2",
|
|
||||||
"eslint-plugin-node": "^11.1.0",
|
|
||||||
"eslint-plugin-promise": "^6.1.1",
|
|
||||||
"eslint-plugin-react": "^7.33.2",
|
|
||||||
"eslint-plugin-tailwindcss": "^3.14.0",
|
|
||||||
"postcss": "^8.4.33",
|
|
||||||
"prop-types": "^15",
|
|
||||||
"react": "^16.14.0",
|
|
||||||
"react-dom": "^16.14.0",
|
|
||||||
"require-context": "^1.1.0",
|
|
||||||
"rollup": "^4.9.5",
|
|
||||||
"rollup-plugin-postcss": "^4.0.2",
|
|
||||||
"rollup-plugin-tailwindcss": "^1.0.0",
|
|
||||||
"rollup-plugin-terser": "^7.0.2",
|
|
||||||
"tailwindcss": "^3.4.1",
|
|
||||||
"typescript": "^5.3.3"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"class-variance-authority": "^0.7.0",
|
|
||||||
"tailwind-merge": "^2.2.0",
|
|
||||||
"tslib": "^2.6.2"
|
|
||||||
},
|
|
||||||
"browser": {
|
|
||||||
"fs": false,
|
|
||||||
"path": false,
|
|
||||||
"os": false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,55 +0,0 @@
|
|||||||
import fs from 'fs'
|
|
||||||
import path from 'path'
|
|
||||||
import typescript from '@rollup/plugin-typescript'
|
|
||||||
import babel from '@rollup/plugin-babel'
|
|
||||||
import postcss from 'rollup-plugin-postcss'
|
|
||||||
import tailwind from 'rollup-plugin-tailwindcss'
|
|
||||||
import autoprefixer from 'autoprefixer'
|
|
||||||
import resolve from '@rollup/plugin-node-resolve'
|
|
||||||
import commonjs from '@rollup/plugin-commonjs'
|
|
||||||
import { terser } from 'rollup-plugin-terser'
|
|
||||||
|
|
||||||
const pkgPath = path.resolve('package.json')
|
|
||||||
const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8'))
|
|
||||||
|
|
||||||
const external = [
|
|
||||||
...Object.keys(pkg.dependencies || {}),
|
|
||||||
...Object.keys(pkg.peerDependencies || {}),
|
|
||||||
/@babel\/runtime/
|
|
||||||
]
|
|
||||||
|
|
||||||
export default {
|
|
||||||
input: 'src/index.ts',
|
|
||||||
output: {
|
|
||||||
dir: 'dist',
|
|
||||||
format: 'esm',
|
|
||||||
sourcemap: true,
|
|
||||||
preserveModules: true,
|
|
||||||
preserveModulesRoot: 'src'
|
|
||||||
},
|
|
||||||
external,
|
|
||||||
plugins: [
|
|
||||||
resolve(),
|
|
||||||
commonjs(),
|
|
||||||
typescript({
|
|
||||||
declaration: true,
|
|
||||||
noEmitOnError: true
|
|
||||||
}),
|
|
||||||
babel({
|
|
||||||
extensions: ['.js', '.jsx', '.ts', '.tsx'],
|
|
||||||
babelHelpers: 'runtime',
|
|
||||||
include: ['src/**/*'],
|
|
||||||
plugins: ['@babel/plugin-transform-runtime']
|
|
||||||
}),
|
|
||||||
postcss({
|
|
||||||
plugins: [autoprefixer()],
|
|
||||||
sourceMap: true,
|
|
||||||
extract: true,
|
|
||||||
minimize: true
|
|
||||||
}),
|
|
||||||
tailwind({
|
|
||||||
input: './styles/globals.css'
|
|
||||||
}),
|
|
||||||
terser()
|
|
||||||
]
|
|
||||||
}
|
|
||||||
@ -1,22 +0,0 @@
|
|||||||
import { cn } from '@/lib/utils'
|
|
||||||
import React from 'react'
|
|
||||||
interface ButtonProps
|
|
||||||
extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
||||||
title: string
|
|
||||||
onClick?: () => void
|
|
||||||
}
|
|
||||||
|
|
||||||
const Button = ({ title, onClick }: ButtonProps) => {
|
|
||||||
return (
|
|
||||||
<div className={cn(
|
|
||||||
'bg-blue-500',
|
|
||||||
'text-white'
|
|
||||||
)}
|
|
||||||
onClick={onClick}
|
|
||||||
>
|
|
||||||
{title}
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
export default Button
|
|
||||||
@ -1,9 +0,0 @@
|
|||||||
import React from 'react'
|
|
||||||
|
|
||||||
const Input = () => {
|
|
||||||
return (
|
|
||||||
<div>Input</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
export default Input
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
export { default as Button } from './components/button';
|
|
||||||
export { default as Input } from './components/input';
|
|
||||||
export * from './lib/utils';
|
|
||||||
@ -1,13 +0,0 @@
|
|||||||
import { twMerge } from 'tailwind-merge'
|
|
||||||
|
|
||||||
export function cn (...inputs) {
|
|
||||||
const classes = inputs
|
|
||||||
.filter((input) => input)
|
|
||||||
.flatMap((input) =>
|
|
||||||
typeof input === 'object'
|
|
||||||
? Object.entries(input).filter(([, value]) => value).map(([key]) => key)
|
|
||||||
: input.split(' ')
|
|
||||||
)
|
|
||||||
|
|
||||||
return twMerge(...classes)
|
|
||||||
}
|
|
||||||
@ -1,29 +0,0 @@
|
|||||||
{
|
|
||||||
"compilerOptions": {
|
|
||||||
"allowSyntheticDefaultImports": true,
|
|
||||||
"noFallthroughCasesInSwitch": true,
|
|
||||||
"noUnusedParameters": true,
|
|
||||||
"noImplicitReturns": true,
|
|
||||||
"moduleResolution": "node",
|
|
||||||
"esModuleInterop": true,
|
|
||||||
"noUnusedLocals": true,
|
|
||||||
"declaration": true,
|
|
||||||
"declarationDir": "./dist",
|
|
||||||
"target": "esnext",
|
|
||||||
"module": "esnext",
|
|
||||||
"jsx": "react",
|
|
||||||
"strict": false,
|
|
||||||
"noImplicitAny": false,
|
|
||||||
"baseUrl": ".",
|
|
||||||
"paths": {
|
|
||||||
"@/*": ["src/*"]
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"include": [
|
|
||||||
"src/**/*"
|
|
||||||
],
|
|
||||||
"exclude": [
|
|
||||||
"node_modules",
|
|
||||||
"dist"
|
|
||||||
]
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue
Block a user