@shoplflow/base 0.0.0 → 0.0.3

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.
package/CHANGELOG.md ADDED
@@ -0,0 +1,7 @@
1
+ # @shoplflow/base
2
+
3
+ ## 0.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#9](https://github.com/shopl/shoplflow/pull/9) [`92540fd`](https://github.com/shopl/shoplflow/commit/92540fd2141eff181e63ed81d6e13462a7bae0c6) Thanks [@Jason-Jeong-Dev](https://github.com/Jason-Jeong-Dev)! - base publish test
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ // src/emotion.d.ts
4
+ var import_react = require("@emotion/react");
5
+ //# sourceMappingURL=emotion.d.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/emotion.d.ts"],"sourcesContent":["import '@emotion/react';\nimport React from 'react';\nimport { hadaTheme } from './styles';\n\ntype ShoplflowTheme = typeof hadaTheme;\n\ndeclare module '@emotion/react' {\n export interface Theme extends ShoplflowTheme {}\n}\n\ndeclare module '*.svg' {\n export const ReactComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;\n}\n"],"mappings":";;;AAAA,mBAAO;","names":[]}
@@ -0,0 +1,110 @@
1
+ import React from 'react';
2
+ import * as _emotion_utils from '@emotion/utils';
3
+
4
+ declare const hadaTheme: {
5
+ borderRadius: {
6
+ borderRadius04: string;
7
+ borderRadius06: string;
8
+ borderRadius08: string;
9
+ borderRadius12: string;
10
+ borderRadius16: string;
11
+ };
12
+ fontWeights: {
13
+ regular: string;
14
+ medium: string;
15
+ bold: string;
16
+ };
17
+ colors: {
18
+ coolgray300: string;
19
+ coolgray200: string;
20
+ coolgray100: string;
21
+ coolgray50: string;
22
+ navy400: string;
23
+ navy300: string;
24
+ neutral0: string;
25
+ neutral100: string;
26
+ neutral150: string;
27
+ neutral200: string;
28
+ neutral300: string;
29
+ neutral350: string;
30
+ neutral400: string;
31
+ neutral500: string;
32
+ neutral600: string;
33
+ neutral700: string;
34
+ neutral400_5: string;
35
+ red300: string;
36
+ red200: string;
37
+ red100: string;
38
+ ocean300: string;
39
+ ocean200: string;
40
+ ocean100: string;
41
+ purple400: string;
42
+ purple300: string;
43
+ purple100: string;
44
+ yellow300: string;
45
+ yellow200: string;
46
+ yellow100: string;
47
+ green300: string;
48
+ green200: string;
49
+ green100: string;
50
+ shopl400: string;
51
+ shopl300: string;
52
+ shopl200: string;
53
+ shopl150: string;
54
+ shopl100: string;
55
+ hada400: string;
56
+ hada300: string;
57
+ hada200: string;
58
+ hada150: string;
59
+ hada100: string;
60
+ background: string;
61
+ primary100: string;
62
+ primary150: string;
63
+ primary200: string;
64
+ primary300: string;
65
+ primary400: string;
66
+ };
67
+ typographies: {
68
+ heading1_700: _emotion_utils.SerializedStyles;
69
+ heading1_400: _emotion_utils.SerializedStyles;
70
+ heading2_700: _emotion_utils.SerializedStyles;
71
+ heading2_400: _emotion_utils.SerializedStyles;
72
+ heading3_700: _emotion_utils.SerializedStyles;
73
+ heading3_400: _emotion_utils.SerializedStyles;
74
+ title1_700: _emotion_utils.SerializedStyles;
75
+ title1_400: _emotion_utils.SerializedStyles;
76
+ title2_700: _emotion_utils.SerializedStyles;
77
+ title2_500: _emotion_utils.SerializedStyles;
78
+ title2_400: _emotion_utils.SerializedStyles;
79
+ body1_700: _emotion_utils.SerializedStyles;
80
+ body1_500: _emotion_utils.SerializedStyles;
81
+ body1_400: _emotion_utils.SerializedStyles;
82
+ body2_700: _emotion_utils.SerializedStyles;
83
+ body2_500: _emotion_utils.SerializedStyles;
84
+ body2_400: _emotion_utils.SerializedStyles;
85
+ body3_400: _emotion_utils.SerializedStyles;
86
+ caption_400: _emotion_utils.SerializedStyles;
87
+ };
88
+ spacings: {
89
+ spacing04: string;
90
+ spacing06: string;
91
+ spacing08: string;
92
+ spacing12: string;
93
+ spacing16: string;
94
+ spacing20: string;
95
+ spacing24: string;
96
+ spacing30: string;
97
+ spacing32: string;
98
+ spacing40: string;
99
+ };
100
+ };
101
+
102
+ type ShoplflowTheme = typeof hadaTheme;
103
+
104
+ declare module '@emotion/react' {
105
+ export interface Theme extends ShoplflowTheme {}
106
+ }
107
+
108
+ declare module '*.svg' {
109
+ export const ReactComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
110
+ }
@@ -0,0 +1,110 @@
1
+ import React from 'react';
2
+ import * as _emotion_utils from '@emotion/utils';
3
+
4
+ declare const hadaTheme: {
5
+ borderRadius: {
6
+ borderRadius04: string;
7
+ borderRadius06: string;
8
+ borderRadius08: string;
9
+ borderRadius12: string;
10
+ borderRadius16: string;
11
+ };
12
+ fontWeights: {
13
+ regular: string;
14
+ medium: string;
15
+ bold: string;
16
+ };
17
+ colors: {
18
+ coolgray300: string;
19
+ coolgray200: string;
20
+ coolgray100: string;
21
+ coolgray50: string;
22
+ navy400: string;
23
+ navy300: string;
24
+ neutral0: string;
25
+ neutral100: string;
26
+ neutral150: string;
27
+ neutral200: string;
28
+ neutral300: string;
29
+ neutral350: string;
30
+ neutral400: string;
31
+ neutral500: string;
32
+ neutral600: string;
33
+ neutral700: string;
34
+ neutral400_5: string;
35
+ red300: string;
36
+ red200: string;
37
+ red100: string;
38
+ ocean300: string;
39
+ ocean200: string;
40
+ ocean100: string;
41
+ purple400: string;
42
+ purple300: string;
43
+ purple100: string;
44
+ yellow300: string;
45
+ yellow200: string;
46
+ yellow100: string;
47
+ green300: string;
48
+ green200: string;
49
+ green100: string;
50
+ shopl400: string;
51
+ shopl300: string;
52
+ shopl200: string;
53
+ shopl150: string;
54
+ shopl100: string;
55
+ hada400: string;
56
+ hada300: string;
57
+ hada200: string;
58
+ hada150: string;
59
+ hada100: string;
60
+ background: string;
61
+ primary100: string;
62
+ primary150: string;
63
+ primary200: string;
64
+ primary300: string;
65
+ primary400: string;
66
+ };
67
+ typographies: {
68
+ heading1_700: _emotion_utils.SerializedStyles;
69
+ heading1_400: _emotion_utils.SerializedStyles;
70
+ heading2_700: _emotion_utils.SerializedStyles;
71
+ heading2_400: _emotion_utils.SerializedStyles;
72
+ heading3_700: _emotion_utils.SerializedStyles;
73
+ heading3_400: _emotion_utils.SerializedStyles;
74
+ title1_700: _emotion_utils.SerializedStyles;
75
+ title1_400: _emotion_utils.SerializedStyles;
76
+ title2_700: _emotion_utils.SerializedStyles;
77
+ title2_500: _emotion_utils.SerializedStyles;
78
+ title2_400: _emotion_utils.SerializedStyles;
79
+ body1_700: _emotion_utils.SerializedStyles;
80
+ body1_500: _emotion_utils.SerializedStyles;
81
+ body1_400: _emotion_utils.SerializedStyles;
82
+ body2_700: _emotion_utils.SerializedStyles;
83
+ body2_500: _emotion_utils.SerializedStyles;
84
+ body2_400: _emotion_utils.SerializedStyles;
85
+ body3_400: _emotion_utils.SerializedStyles;
86
+ caption_400: _emotion_utils.SerializedStyles;
87
+ };
88
+ spacings: {
89
+ spacing04: string;
90
+ spacing06: string;
91
+ spacing08: string;
92
+ spacing12: string;
93
+ spacing16: string;
94
+ spacing20: string;
95
+ spacing24: string;
96
+ spacing30: string;
97
+ spacing32: string;
98
+ spacing40: string;
99
+ };
100
+ };
101
+
102
+ type ShoplflowTheme = typeof hadaTheme;
103
+
104
+ declare module '@emotion/react' {
105
+ export interface Theme extends ShoplflowTheme {}
106
+ }
107
+
108
+ declare module '*.svg' {
109
+ export const ReactComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
110
+ }
@@ -0,0 +1,3 @@
1
+ // src/emotion.d.ts
2
+ import "@emotion/react";
3
+ //# sourceMappingURL=emotion.d.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/emotion.d.ts"],"sourcesContent":["import '@emotion/react';\nimport React from 'react';\nimport { hadaTheme } from './styles';\n\ntype ShoplflowTheme = typeof hadaTheme;\n\ndeclare module '@emotion/react' {\n export interface Theme extends ShoplflowTheme {}\n}\n\ndeclare module '*.svg' {\n export const ReactComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;\n}\n"],"mappings":";AAAA,OAAO;","names":[]}
package/dist/index.cjs ADDED
@@ -0,0 +1,37 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+
20
+ // src/index.tsx
21
+ var src_exports = {};
22
+ __export(src_exports, {
23
+ Button: () => Button_default
24
+ });
25
+ module.exports = __toCommonJS(src_exports);
26
+
27
+ // src/components/Button.tsx
28
+ var import_jsx_runtime = require("@emotion/react/jsx-runtime");
29
+ var Button = () => {
30
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "Button" });
31
+ };
32
+ var Button_default = Button;
33
+ // Annotate the CommonJS export names for ESM import in node:
34
+ 0 && (module.exports = {
35
+ Button
36
+ });
37
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/index.tsx","../src/components/Button.tsx"],"sourcesContent":["export { default as Button } from './components/Button';\n","const Button = () => {\n return <div>Button</div>;\n};\n\nexport default Button;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCS;AADT,IAAM,SAAS,MAAM;AACnB,SAAO,4CAAC,SAAI,oBAAM;AACpB;AAEA,IAAO,iBAAQ;","names":[]}
@@ -0,0 +1,5 @@
1
+ import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
2
+
3
+ declare const Button: () => _emotion_react_jsx_runtime.JSX.Element;
4
+
5
+ export { Button };
@@ -0,0 +1,5 @@
1
+ import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
2
+
3
+ declare const Button: () => _emotion_react_jsx_runtime.JSX.Element;
4
+
5
+ export { Button };
package/dist/index.js ADDED
@@ -0,0 +1,10 @@
1
+ // src/components/Button.tsx
2
+ import { jsx } from "@emotion/react/jsx-runtime";
3
+ var Button = () => {
4
+ return /* @__PURE__ */ jsx("div", { children: "Button" });
5
+ };
6
+ var Button_default = Button;
7
+ export {
8
+ Button_default as Button
9
+ };
10
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/Button.tsx"],"sourcesContent":["const Button = () => {\n return <div>Button</div>;\n};\n\nexport default Button;\n"],"mappings":";AACS;AADT,IAAM,SAAS,MAAM;AACnB,SAAO,oBAAC,SAAI,oBAAM;AACpB;AAEA,IAAO,iBAAQ;","names":[]}
package/package.json CHANGED
@@ -1,17 +1,27 @@
1
1
  {
2
2
  "name": "@shoplflow/base",
3
- "private": false,
4
- "version": "0.0.0",
3
+ "version": "0.0.3",
5
4
  "type": "module",
6
5
  "scripts": {
7
- "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
8
- "test": "jest",
9
- "build": "node build.cjs",
10
- "develop": "yarn build --watch"
6
+ "test": "jest --onlyChanged",
7
+ "build:tokens": "node scripts/generate-tokens.cjs",
8
+ "type-check": "tsc --noEmit",
9
+ "build": "tsup --format esm,cjs --dts --external react",
10
+ "develop": "tsup --format esm,cjs --watch --dts --external react"
11
11
  },
12
- "main": "dist/index.esm.js",
13
- "module": "dist/index.cjs.js",
12
+ "main": "dist/index.js",
13
+ "module": "dist/index.mjs",
14
14
  "types": "dist/index.d.ts",
15
+ "files": [
16
+ "/dist"
17
+ ],
18
+ "publishConfig": {
19
+ "access": "public"
20
+ },
21
+ "peerDependencies": {
22
+ "@emotion/react": "*",
23
+ "@emotion/styled": "*"
24
+ },
15
25
  "dependencies": {
16
26
  "react": "^18.2.0",
17
27
  "react-dom": "^18.2.0"
@@ -20,19 +30,20 @@
20
30
  "@babel/core": "^7.22.5",
21
31
  "@babel/preset-env": "^7.22.5",
22
32
  "@babel/preset-typescript": "^7.22.5",
33
+ "@emotion/react": "^11",
34
+ "@emotion/styled": "^11",
23
35
  "@jest/globals": "^29.5.0",
24
36
  "@types/jest": "^29.5.2",
37
+ "@types/node": "20.4.9",
25
38
  "@types/react": "^18.0.37",
26
39
  "@types/react-dom": "^18.0.11",
27
- "babel-jest": "^29.5.0",
28
- "esbuild": "^0.18.11",
40
+ "eslint": "^8.44.0",
29
41
  "jest": "^29.5.0",
30
42
  "jest-junit": "^16.0.0",
31
43
  "jest-pnp-resolver": "^1.2.3",
32
- "npm-dts": "^1.3.12",
33
- "prop-types": "^15.8.1",
34
44
  "ts-jest": "^29.1.0",
35
45
  "ts-node": "^10.9.1",
46
+ "tsup": "7.2.0",
36
47
  "typescript": "^5.0.2"
37
48
  }
38
- }
49
+ }
package/babel.config.json DELETED
@@ -1,3 +0,0 @@
1
- {
2
- "presets": ["@babel/preset-env", "@babel/typescript"],
3
- }
package/build.cjs DELETED
@@ -1,62 +0,0 @@
1
- const { context } = require('esbuild');
2
- const { Generator } = require('npm-dts');
3
-
4
- const { dependencies, peerDependencies } = require('./package.json');
5
-
6
-
7
- const externals = peerDependencies ? Object.keys(dependencies).concat(Object.keys(peerDependencies)) : Object.keys(dependencies);
8
-
9
- const sharedConfig = {
10
- entryPoints: ['src/index.ts'],
11
- bundle: true,
12
- minify: true,
13
- external: externals,
14
- };
15
-
16
-
17
- context({
18
- ...sharedConfig,
19
- outfile: 'dist/index.esm.js',
20
- platform: 'neutral', // for ESM
21
- format: 'esm',
22
- outExtension: { '.js': '.mjs' },
23
- plugins: [],
24
- }).then(context => {
25
- if (process.argv.includes("--watch")) {
26
- // Enable watch mode
27
- context.watch()
28
- console.log(context)
29
- } else {
30
- // Build once and exit if not in watch mode
31
- context.rebuild().then(result => {
32
- context.dispose()
33
- })
34
- }
35
- }).catch(() => process.exit(1))
36
-
37
- context({
38
- ...sharedConfig,
39
- outfile: 'dist/index.cjs.js',
40
- platform: 'node', // for ESM
41
- format: 'cjs',
42
- outExtension: { '.js': '.cjs' },
43
- plugins: [],
44
- }).then(context => {
45
- if (process.argv.includes("--watch")) {
46
- // Enable watch mode
47
- context.watch()
48
- console.log(context)
49
- } else {
50
- // Build once and exit if not in watch mode
51
- context.rebuild().then(result => {
52
- context.dispose()
53
- })
54
- }
55
- }).catch(() => process.exit(1))
56
-
57
-
58
-
59
- new Generator({
60
- entry: 'src/index.ts',
61
- output: 'dist/index.d.ts',
62
- }).generate();
package/dist/index.esm.js DELETED
@@ -1 +0,0 @@
1
- var t=()=>{console.log("testFunc")};export{t as testFunc};
package/index.html DELETED
@@ -1,13 +0,0 @@
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 + TS</title>
8
- </head>
9
- <body>
10
- <div id="root"></div>
11
- <script type="module" src="/src/main.tsx"></script>
12
- </body>
13
- </html>
package/jest.config.js DELETED
@@ -1,18 +0,0 @@
1
-
2
- module.exports = {
3
- preset: 'ts-jest',
4
- testEnvironment: 'node',
5
- testMatch: ['<rootDir>/**/__tests__/**/*.spec.ts', "<rootDir>/**/*.test.ts"],
6
- testPathIgnorePatterns: ['/node_modules/'],
7
- coverageDirectory: './coverage',
8
- coveragePathIgnorePatterns: ['node_modules', 'src/database', 'src/test', 'src/types'],
9
- reporters: ['default', 'jest-junit'],
10
- globals: { 'ts-jest': { diagnostics: false } },
11
- transform: {
12
- '^.+\\.tsx?$': ['ts-jest', {//the content you'd placed at "global"
13
- babel: true,
14
- }]
15
- },
16
- resolver: require.resolve(`jest-pnp-resolver`)
17
- };
18
-
package/junit.xml DELETED
@@ -1,7 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <testsuites name="jest tests" tests="1" failures="0" errors="0" time="0.782">
3
- <testsuite name="Button" errors="0" failures="0" skipped="0" timestamp="2023-07-05T06:36:49" time="0.742" tests="1">
4
- <testcase classname="Button should be defined" name="Button should be defined" time="0">
5
- </testcase>
6
- </testsuite>
7
- </testsuites>
@@ -1,7 +0,0 @@
1
- import {describe, expect, test} from '@jest/globals';
2
-
3
- describe('Button', () => {
4
- test('should be defined', () => {
5
- expect(true).toBeTruthy();
6
- });
7
- });
package/src/index.ts DELETED
@@ -1,5 +0,0 @@
1
- export type TestFunc = () => void;
2
-
3
- export const testFunc: TestFunc = () => {
4
- console.log('testFunc');
5
- }
package/tsconfig.json DELETED
@@ -1,3 +0,0 @@
1
- {
2
- "extends": "../../tsconfig.esbuild.json"
3
- }