cemtrik-dependencies 1.0.12 → 1.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/README.md +10 -30
  2. package/index.html +13 -0
  3. package/package.json +53 -59
  4. package/postcss.config.js +6 -6
  5. package/public/vite.svg +1 -0
  6. package/src/App.js +12 -0
  7. package/src/index.css +3 -0
  8. package/src/main.js +10 -0
  9. package/tailwind.config.js +117 -117
  10. package/vite.config.js +30 -0
  11. package/.babelrc +0 -4
  12. package/README copy.md +0 -54
  13. package/next.config.js +0 -17
  14. package/src/pages/_app.js +0 -8
  15. package/src/pages/index.js +0 -11
  16. package/src/styles/globals.css +0 -12
  17. package/utils.js +0 -8
package/README.md CHANGED
@@ -1,30 +1,10 @@
1
- # README
2
-
3
- This README would normally document whatever steps are necessary to get your application up and
4
- running.
5
-
6
- ### What is this repository for?
7
-
8
- - Quick summary
9
- - Version
10
- - [Learn Markdown](https://bitbucket.org/tutorials/markdowndemo)
11
-
12
- ### How do I get set up?
13
-
14
- - Summary of set up
15
- - Configuration
16
- - Dependencies
17
- - Database configuration
18
- - How to run tests
19
- - Deployment instructions
20
-
21
- ### Contribution guidelines
22
-
23
- - Writing tests
24
- - Code review
25
- - Other guidelines
26
-
27
- ### Who do I talk to?
28
-
29
- - Repo owner or admin
30
- - Other community or team contact
1
+ # React + Vite
2
+
3
+ This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
4
+
5
+ Currently, two official plugins are available:
6
+
7
+ - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md)
8
+ uses [Babel](https://babeljs.io/) for Fast Refresh
9
+ - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses
10
+ [SWC](https://swc.rs/) for Fast Refresh
package/index.html ADDED
@@ -0,0 +1,13 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <link rel="icon" type="image/svg+xml" href="/vite.svg" />
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
+ <title>Vite + React</title>
8
+ </head>
9
+ <body>
10
+ <div id="root"></div>
11
+ <script type="module" src="/src/main.js"></script>
12
+ </body>
13
+ </html>
package/package.json CHANGED
@@ -1,59 +1,53 @@
1
- {
2
- "name": "cemtrik-dependencies",
3
- "version": "1.0.12",
4
- "scripts": {
5
- "dev": "next dev -p 3000",
6
- "build": "next build",
7
- "start": "next start",
8
- "lint": "eslint --fix . --ext .js,.jsx",
9
- "format": "prettier --write .",
10
- "test": "jest",
11
- "coverage": "jest --coverage",
12
- "export": "next export",
13
- "prepare": "husky install"
14
- },
15
- "dependencies": {
16
- "@headlessui/react": "^1.7.15",
17
- "@heroicons/react": "^2.0.18",
18
- "classnames": "^2.3.2",
19
- "next": "13.4.4",
20
- "react": "18.2.0",
21
- "react-dom": "18.2.0"
22
- },
23
- "devDependencies": {
24
- "@commitlint/cli": "^17.6.5",
25
- "@commitlint/config-conventional": "^17.6.5",
26
- "@tailwindcss/forms": "^0.3.4",
27
- "@tailwindcss/typography": "^0.4.1",
28
- "@testing-library/jest-dom": "^5.16.5",
29
- "@testing-library/react": "^14.0.0",
30
- "autoprefixer": "10.4.5",
31
- "css-loader": "^6.8.1",
32
- "eslint": "^8.42.0",
33
- "eslint-config-google": "^0.14.0",
34
- "eslint-config-next": "^13.4.4",
35
- "eslint-config-prettier": "^8.8.0",
36
- "eslint-plugin-import": "^2.27.5",
37
- "eslint-plugin-prettier": "^4.2.1",
38
- "eslint-plugin-react": "^7.32.2",
39
- "husky": "^8.0.0",
40
- "jest": "^29.5.0",
41
- "jest-environment-jsdom": "^29.5.0",
42
- "lint-staged": "^13.2.2",
43
- "postcss": "^8.3.5",
44
- "postcss-loader": "^6.1.1",
45
- "prettier": "^2.8.8",
46
- "style-loader": "^3.3.3",
47
- "tailwindcss": "^2.2.19",
48
- "webpack": "^5.85.0"
49
- },
50
- "lint-staged": {
51
- "*.(js|ts)": "npm run lint"
52
- },
53
- "optionalDependencies": {
54
- "typescript": ">=4.2.0"
55
- },
56
- "engines": {
57
- "node": "20"
58
- }
59
- }
1
+ {
2
+ "name": "cemtrik-dependencies",
3
+ "version": "1.0.13",
4
+ "scripts": {
5
+ "dev": "vite",
6
+ "build": "vite build",
7
+ "lint": "eslint .",
8
+ "format": "prettier --write .",
9
+ "preview": "vite preview",
10
+ "prepare": "husky install"
11
+ },
12
+ "dependencies": {
13
+ "@headlessui/react": "^1.7.15",
14
+ "@heroicons/react": "^2.0.18",
15
+ "classnames": "^2.3.2",
16
+ "react": "^18.3.1",
17
+ "react-dom": "^18.3.1"
18
+ },
19
+ "devDependencies": {
20
+ "@commitlint/cli": "^17.6.5",
21
+ "@commitlint/config-conventional": "^17.6.5",
22
+ "@tailwindcss/forms": "^0.3.4",
23
+ "@tailwindcss/typography": "^0.4.1",
24
+ "@testing-library/jest-dom": "^5.16.5",
25
+ "@testing-library/react": "^14.0.0",
26
+ "autoprefixer": "10.4.5",
27
+ "css-loader": "^6.8.1",
28
+ "eslint": "^8.42.0",
29
+ "eslint-config-google": "^0.14.0",
30
+ "eslint-config-next": "^13.4.4",
31
+ "eslint-config-prettier": "^8.8.0",
32
+ "eslint-plugin-import": "^2.27.5",
33
+ "eslint-plugin-prettier": "^4.2.1",
34
+ "eslint-plugin-react": "^7.32.2",
35
+ "husky": "^8.0.0",
36
+ "jest": "^29.5.0",
37
+ "jest-environment-jsdom": "^29.5.0",
38
+ "lint-staged": "^13.2.2",
39
+ "postcss": "^8.3.5",
40
+ "postcss-loader": "^6.1.1",
41
+ "prettier": "^2.8.8",
42
+ "style-loader": "^3.3.3",
43
+ "tailwindcss": "^2.2.19",
44
+ "@types/react": "^18.3.3",
45
+ "@types/react-dom": "^18.3.0",
46
+ "@vitejs/plugin-react": "^4.3.1",
47
+ "globals": "^15.9.0",
48
+ "vite": "^5.4.0"
49
+ },
50
+ "lint-staged": {
51
+ "*.(js|ts)": "npm run lint"
52
+ }
53
+ }
package/postcss.config.js CHANGED
@@ -1,6 +1,6 @@
1
- module.exports = {
2
- plugins: {
3
- tailwindcss: {},
4
- autoprefixer: {},
5
- },
6
- };
1
+ module.exports = {
2
+ plugins: {
3
+ tailwindcss: {},
4
+ autoprefixer: {},
5
+ },
6
+ };
package/public/vite.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
package/src/App.js ADDED
@@ -0,0 +1,12 @@
1
+ import "./index.css";
2
+ import ButtonSolid from "./components/atoms/ButtonSolid";
3
+
4
+ function App() {
5
+ return (
6
+ <>
7
+ <ButtonSolid>Click</ButtonSolid>
8
+ </>
9
+ );
10
+ }
11
+
12
+ export default App;
package/src/index.css ADDED
@@ -0,0 +1,3 @@
1
+ @tailwind base;
2
+ @tailwind components;
3
+ @tailwind utilities;
package/src/main.js ADDED
@@ -0,0 +1,10 @@
1
+ import { StrictMode } from "react";
2
+ import { createRoot } from "react-dom/client";
3
+ import App from "./App.js";
4
+ import "./index.css";
5
+
6
+ createRoot(document.getElementById("root")).render(
7
+ <StrictMode>
8
+ <App />
9
+ </StrictMode>,
10
+ );
package/tailwind.config.js CHANGED
@@ -1,117 +1,117 @@
1
- /** @type {import('tailwindcss').Config} */
2
- const defaultTheme = require("tailwindcss/defaultTheme");
3
-
4
- module.exports = {
5
- content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
6
- purge: {
7
- enabled: false,
8
- content: ["./src/components/**/*.{js,jsx}", "./src/layouts/**/*.{js,jsx}"],
9
- },
10
- theme: {
11
- fontFamily: {
12
- sans: ["Inter", "sans-serif"],
13
- },
14
- extend: {
15
- colors: {
16
- white: "#ffffff",
17
- black: "#000000",
18
-
19
- stone: {
20
- 100: "#f5f5f4",
21
- 300: "#d6d3d1",
22
- 400: "#a8a29e",
23
- 500: "#78716c",
24
- 600: "#57534e",
25
- 700: "#44403c",
26
- 800: "#292524",
27
- 900: "#1c1917",
28
- },
29
- rose: {
30
- 100: "#ffe4e6",
31
- 300: "#fda4af",
32
- 400: "#fb7185",
33
- 500: "#f43f5e",
34
- 600: "#e11d48",
35
- 700: "#be123c",
36
- 800: "#9f1239",
37
- 900: "#881337",
38
- },
39
- amber: {
40
- 100: "#fef3c7",
41
- 200: "#fde68a",
42
- 300: "#fcd34d",
43
- 400: "#fbbf24",
44
- 500: "#f59e0b",
45
- 600: "#d97706",
46
- 700: "#b45309",
47
- 800: "#92400e",
48
- 900: "#78350f",
49
- },
50
-
51
- "white-1": "#E4E4E4",
52
- "white-2": "#E8E8E8",
53
- "white-3": "#F0F0F0",
54
- "white-4": "#FFFFFF",
55
-
56
- "default-1": "#C7CBD2",
57
- "default-2": "#4A4C4D",
58
- "default-3": "#2C2F36",
59
- "default-4": "#020C1A",
60
- "default-5": "#637381",
61
- "default-6": "#DFE4EA",
62
-
63
- "secondary-2": "#3758F9",
64
- "secondary-3": "#243BBD",
65
- "secondary-4": "#070080",
66
-
67
- "success-1": "#1CB196",
68
-
69
- "danger-1": "#FFFEFF",
70
- "danger-2": "#FCCED8",
71
- "danger-3": "#FE9CB3",
72
- "danger-4": "#FF3768",
73
-
74
- transparent: "transparent",
75
- },
76
- screens: {
77
- xs: "320px",
78
- "2xs": "375px",
79
- "3xs": "470px",
80
- sm: "640px",
81
- md: "769px",
82
- },
83
- spacing: {
84
- ...defaultTheme.spacing,
85
- 30: "7.25rem",
86
- },
87
- fontSize: {
88
- 6: "6px",
89
- 10: "10px",
90
- 11: "11px",
91
- 13: "13px",
92
- 15: "15px",
93
- 17: "17px",
94
- 19: "19px",
95
- 23: "23px",
96
- 25: "25px",
97
- 26: "26px",
98
- 28: "28px",
99
- 29: "29px",
100
- 31: "31px",
101
- 35: "35px",
102
- },
103
- borderRadius: {
104
- 20: "20px",
105
- },
106
- borderWidth: {
107
- 1: "1px",
108
- },
109
- },
110
- },
111
- variants: {
112
- extend: {
113
- fontWeight: ["hover"],
114
- },
115
- },
116
- plugins: [require("@tailwindcss/forms"), require("@tailwindcss/typography")],
117
- };
1
+ /** @type {import('tailwindcss').Config} */
2
+ const defaultTheme = require("tailwindcss/defaultTheme");
3
+
4
+ module.exports = {
5
+ content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
6
+ purge: {
7
+ enabled: false,
8
+ content: ["./src/components/**/*.{js,jsx}", "./src/layouts/**/*.{js,jsx}"],
9
+ },
10
+ theme: {
11
+ fontFamily: {
12
+ sans: ["Inter", "sans-serif"],
13
+ },
14
+ extend: {
15
+ colors: {
16
+ white: "#ffffff",
17
+ black: "#000000",
18
+
19
+ stone: {
20
+ 100: "#f5f5f4",
21
+ 300: "#d6d3d1",
22
+ 400: "#a8a29e",
23
+ 500: "#78716c",
24
+ 600: "#57534e",
25
+ 700: "#44403c",
26
+ 800: "#292524",
27
+ 900: "#1c1917",
28
+ },
29
+ rose: {
30
+ 100: "#ffe4e6",
31
+ 300: "#fda4af",
32
+ 400: "#fb7185",
33
+ 500: "#f43f5e",
34
+ 600: "#e11d48",
35
+ 700: "#be123c",
36
+ 800: "#9f1239",
37
+ 900: "#881337",
38
+ },
39
+ amber: {
40
+ 100: "#fef3c7",
41
+ 200: "#fde68a",
42
+ 300: "#fcd34d",
43
+ 400: "#fbbf24",
44
+ 500: "#f59e0b",
45
+ 600: "#d97706",
46
+ 700: "#b45309",
47
+ 800: "#92400e",
48
+ 900: "#78350f",
49
+ },
50
+
51
+ "white-1": "#E4E4E4",
52
+ "white-2": "#E8E8E8",
53
+ "white-3": "#F0F0F0",
54
+ "white-4": "#FFFFFF",
55
+
56
+ "default-1": "#C7CBD2",
57
+ "default-2": "#4A4C4D",
58
+ "default-3": "#2C2F36",
59
+ "default-4": "#020C1A",
60
+ "default-5": "#637381",
61
+ "default-6": "#DFE4EA",
62
+
63
+ "secondary-2": "#3758F9",
64
+ "secondary-3": "#243BBD",
65
+ "secondary-4": "#070080",
66
+
67
+ "success-1": "#1CB196",
68
+
69
+ "danger-1": "#FFFEFF",
70
+ "danger-2": "#FCCED8",
71
+ "danger-3": "#FE9CB3",
72
+ "danger-4": "#FF3768",
73
+
74
+ transparent: "transparent",
75
+ },
76
+ screens: {
77
+ xs: "320px",
78
+ "2xs": "375px",
79
+ "3xs": "470px",
80
+ sm: "640px",
81
+ md: "769px",
82
+ },
83
+ spacing: {
84
+ ...defaultTheme.spacing,
85
+ 30: "7.25rem",
86
+ },
87
+ fontSize: {
88
+ 6: "6px",
89
+ 10: "10px",
90
+ 11: "11px",
91
+ 13: "13px",
92
+ 15: "15px",
93
+ 17: "17px",
94
+ 19: "19px",
95
+ 23: "23px",
96
+ 25: "25px",
97
+ 26: "26px",
98
+ 28: "28px",
99
+ 29: "29px",
100
+ 31: "31px",
101
+ 35: "35px",
102
+ },
103
+ borderRadius: {
104
+ 20: "20px",
105
+ },
106
+ borderWidth: {
107
+ 1: "1px",
108
+ },
109
+ },
110
+ },
111
+ variants: {
112
+ extend: {
113
+ fontWeight: ["hover"],
114
+ },
115
+ },
116
+ plugins: [require("@tailwindcss/forms"), require("@tailwindcss/typography")],
117
+ };
package/vite.config.js ADDED
@@ -0,0 +1,30 @@
1
+ import { defineConfig, transformWithEsbuild } from "vite";
2
+ import react from "@vitejs/plugin-react";
3
+
4
+ // https://vitejs.dev/config/
5
+ export default defineConfig({
6
+ plugins: [
7
+ {
8
+ name: 'treat-js-files-as-jsx',
9
+ async transform(code, id) {
10
+ if (!id.match(/src\/.*\.js$/)) return null
11
+
12
+ // Use the exposed transform from vite, instead of directly
13
+ // transforming with esbuild
14
+ return transformWithEsbuild(code, id, {
15
+ loader: 'jsx',
16
+ jsx: 'automatic',
17
+ })
18
+ },
19
+ },
20
+ react()
21
+ ],
22
+ optimizeDeps: {
23
+ force: true,
24
+ esbuildOptions: {
25
+ loader: {
26
+ '.js': 'jsx',
27
+ },
28
+ },
29
+ },
30
+ });
package/.babelrc DELETED
@@ -1,4 +0,0 @@
1
- {
2
- "presets": ["next/babel"],
3
- "plugins": []
4
- }
package/README copy.md DELETED
@@ -1,54 +0,0 @@
1
- # App Cemtrik
2
-
3
- Aplicación creada para que sirva como baseline. Es una aplicación basada en Nextjs Js.
4
-
5
- ## Pasos previos
6
-
7
- Se debe tener instalados en el PC o Mac:
8
-
9
- - **Node Js** http://nodejs.org/
10
- - **Yarn** https://classic.yarnpkg.com/en/docs/install/#mac-stable
11
- - **Git** https://gist.github.com/derhuerst/1b15ff4652a867391f03
12
-
13
- ## Entornos
14
-
15
- La aplicación App Cemtrik cuenta con 2 entornos:
16
-
17
- - **Local** es usado para desarrollo. La url es http://localhost:3002/.
18
- - **Test** es usado para probar el desarrollo antes de hacer el deploy en producción.
19
-
20
- # Set Up
21
-
22
- 1. Clonar la rama **master** del repositorio en la carpeta donde trabajes los proyectos (debes tener
23
- accesos)
24
-
25
- ```bash
26
- git clone https://usuario@bitbucket.org/valor-percibido/app-cemtrik.git
27
-
28
- git checkout -b nombre-rama
29
- ```
30
-
31
- 2. Ingresar a la carpeta host-app-cemtrik e instalar las herramientas de desarrollo
32
-
33
- ```bash
34
- npm install o yarn install
35
- ```
36
-
37
- 3. Ejecutar **yarn dev** o **npm run dev** para iniciar la aplicación
38
-
39
- ```bash
40
- npm run dev o yarn dev
41
- ```
42
-
43
- La url para acceder localmente a la aplicación es http://localhost:3000/
44
-
45
- ## Comandos GIT para tener en cuenta
46
-
47
- - **git clone -b <rama>** <link rama> para clonar una rama especifica.
48
- - **git branch** para saber en que rama se está trabajando.
49
- - **git fetch && git checkout <nombre rama>** para cambiar de rama.
50
- - **git add .** para agregar todos los archivos al staging.
51
- - **git commit -m "mensaje commit"** para hacer el commit.
52
- - **git push origin <nombre rama>** para el push en una rama especifica.
53
- - **git pull origin <nombre rama>** para el pull de una rama especifica.
54
- - **git merge <rama>** para hacer merge de la rama actual con la rama especifica.
package/next.config.js DELETED
@@ -1,17 +0,0 @@
1
- /** @type {import('next').NextConfig} */
2
-
3
- /**
4
- * Remote applist add
5
- */
6
-
7
- const nextConfig = {
8
- reactStrictMode: true,
9
- images: {
10
- minimumCacheTTL: 160,
11
- },
12
- webpack(config) {
13
- return config;
14
- },
15
- };
16
-
17
- module.exports = nextConfig;
package/src/pages/_app.js DELETED
@@ -1,8 +0,0 @@
1
- import "../assets/cemtrik-icons-v1.0/style.css";
2
- import "../styles/globals.css";
3
-
4
- const App = ({ Component, pageProps }) => {
5
- return <Component {...pageProps} />;
6
- };
7
-
8
- export default App;
package/src/pages/index.js DELETED
@@ -1,11 +0,0 @@
1
- import Avatar from "../components/atoms/Avatar";
2
-
3
- const TestComponent = () => {
4
- return (
5
- <>
6
- <Avatar />
7
- </>
8
- );
9
- };
10
-
11
- export default TestComponent;
package/src/styles/globals.css DELETED
@@ -1,12 +0,0 @@
1
- @tailwind base;
2
- @tailwind components;
3
- @tailwind utilities;
4
-
5
- body {
6
- font-family: "Inter", sans-serif;
7
- }
8
-
9
- button {
10
- transition: none;
11
- outline: none;
12
- }
package/utils.js DELETED
@@ -1,8 +0,0 @@
1
- export {
2
- copyOptions,
3
- classNames,
4
- isPromise,
5
- validateEmail,
6
- MESSAGE_ABORT_CONTROLLER,
7
- MESSAGE_SIGNAL_ABORTED_WITHOUT_REASON,
8
- } from "./src/utils/index";