stack-dev 0.1.0
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/.idea/modules.xml +8 -0
- package/.idea/prettier.xml +7 -0
- package/.idea/stack-dev.iml +12 -0
- package/.idea/vcs.xml +6 -0
- package/apps/cli/eslint.config.mjs +3 -0
- package/apps/cli/node_modules/.bin/acorn +21 -0
- package/apps/cli/node_modules/.bin/esbuild +21 -0
- package/apps/cli/node_modules/.bin/eslint +21 -0
- package/apps/cli/node_modules/.bin/glob +21 -0
- package/apps/cli/node_modules/.bin/json5 +21 -0
- package/apps/cli/node_modules/.bin/prettier +21 -0
- package/apps/cli/node_modules/.bin/stack-prettier +21 -0
- package/apps/cli/node_modules/.bin/tsc +21 -0
- package/apps/cli/node_modules/.bin/tsserver +21 -0
- package/apps/cli/node_modules/.bin/tsup +21 -0
- package/apps/cli/node_modules/.bin/tsup-node +21 -0
- package/apps/cli/node_modules/.bin/yaml +21 -0
- package/apps/cli/package.json +35 -0
- package/apps/cli/prettier.config.mjs +3 -0
- package/apps/cli/src/file-generator/file-generator-imp.ts +20 -0
- package/apps/cli/src/file-generator/file-generator.ts +5 -0
- package/apps/cli/src/file-generator/index.ts +3 -0
- package/apps/cli/src/file-generator/package-json-generator.ts +23 -0
- package/apps/cli/src/index.ts +185 -0
- package/apps/cli/src/link-packages.ts +65 -0
- package/apps/cli/src/package-json/dependency.ts +28 -0
- package/apps/cli/src/package-json/index.ts +3 -0
- package/apps/cli/src/package-json/package-json.ts +269 -0
- package/apps/cli/src/packages/create-config-package.ts +29 -0
- package/apps/cli/src/packages/index.ts +4 -0
- package/apps/cli/src/packages/library-package/create-library-package.ts +85 -0
- package/apps/cli/src/packages/library-package/files/add-file-generator.ts +8 -0
- package/apps/cli/src/packages/library-package/files/add-spec-file-generator.ts +17 -0
- package/apps/cli/src/packages/library-package/files/eslint-config-file-generator.ts +11 -0
- package/apps/cli/src/packages/library-package/files/index-file-generator.ts +9 -0
- package/apps/cli/src/packages/library-package/files/prettier-config-file-generator.ts +11 -0
- package/apps/cli/src/packages/library-package/files/tsconfig-file-generator.ts +15 -0
- package/apps/cli/src/packages/library-package/files/tsup-config-file-generator.ts +23 -0
- package/apps/cli/src/packages/library-package/files/vitest-config-file-generator.ts +19 -0
- package/apps/cli/src/packages/library-package/index.ts +1 -0
- package/apps/cli/src/packages/react-package/create-react-package.ts +25 -0
- package/apps/cli/src/packages/react-package/create-tailwind-react-package.ts +30 -0
- package/apps/cli/src/packages/react-package/create-unstyled-react-package.ts +3 -0
- package/apps/cli/src/packages/react-package/css-react-package/create-css-react-package.ts +103 -0
- package/apps/cli/src/packages/react-package/css-react-package/files/button-css-module-file-generator.ts +16 -0
- package/apps/cli/src/packages/react-package/css-react-package/files/button-file-generator.ts +14 -0
- package/apps/cli/src/packages/react-package/css-react-package/files/button-spec-file-generator.ts +33 -0
- package/apps/cli/src/packages/react-package/css-react-package/files/eslint-config-file-generator.ts +18 -0
- package/apps/cli/src/packages/react-package/css-react-package/files/index-file-generator.ts +9 -0
- package/apps/cli/src/packages/react-package/css-react-package/files/prettier-config-file-generator.ts +11 -0
- package/apps/cli/src/packages/react-package/css-react-package/files/tsconfig-file-generator.ts +15 -0
- package/apps/cli/src/packages/react-package/css-react-package/files/tsup-config-file-generator.ts +24 -0
- package/apps/cli/src/packages/react-package/css-react-package/files/vitest-config-file-generator.ts +23 -0
- package/apps/cli/src/packages/react-package/index.ts +1 -0
- package/apps/cli/src/packages/react-package/styled-components-react-package/create-styled-components-react-package.ts +112 -0
- package/apps/cli/src/packages/react-package/styled-components-react-package/files/button-file-generator.ts +30 -0
- package/apps/cli/src/packages/react-package/styled-components-react-package/files/button-spec-file-generator.ts +33 -0
- package/apps/cli/src/packages/react-package/styled-components-react-package/files/eslint-config-file-generator.ts +18 -0
- package/apps/cli/src/packages/react-package/styled-components-react-package/files/index-file-generator.ts +9 -0
- package/apps/cli/src/packages/react-package/styled-components-react-package/files/prettier-config-file-generator.ts +11 -0
- package/apps/cli/src/packages/react-package/styled-components-react-package/files/tsconfig-file-generator.ts +15 -0
- package/apps/cli/src/packages/react-package/styled-components-react-package/files/tsup-config-file-generator.ts +21 -0
- package/apps/cli/src/packages/react-package/styled-components-react-package/files/vitest-config-file-generator.ts +23 -0
- package/apps/cli/src/packages/vite-react-app/create-vite-react-app.ts +79 -0
- package/apps/cli/src/packages/vite-react-app/files/app-file-generator.ts +28 -0
- package/apps/cli/src/packages/vite-react-app/files/eslint-config-file-generator.ts +11 -0
- package/apps/cli/src/packages/vite-react-app/files/index-html-file-generator.ts +20 -0
- package/apps/cli/src/packages/vite-react-app/files/main-file-generator.ts +14 -0
- package/apps/cli/src/packages/vite-react-app/files/prettier-config-file-generator.ts +11 -0
- package/apps/cli/src/packages/vite-react-app/files/tsconfig-file-generator.ts +15 -0
- package/apps/cli/src/packages/vite-react-app/files/vite-config-file-generator.ts +17 -0
- package/apps/cli/src/packages/vite-react-app/files/vitest-config-file-generator.ts +19 -0
- package/apps/cli/src/tsconfig/compiler-options.ts +83 -0
- package/apps/cli/src/tsconfig/index.ts +4 -0
- package/apps/cli/src/tsconfig/reference.ts +21 -0
- package/apps/cli/src/tsconfig/tsconfig.ts +137 -0
- package/apps/cli/src/unlink-packages.ts +47 -0
- package/apps/cli/src/utils/package-generator.ts +41 -0
- package/apps/cli/src/utils/package-type.ts +44 -0
- package/apps/cli/src/utils/package.ts +126 -0
- package/apps/cli/src/utils/style-type.ts +41 -0
- package/apps/cli/src/utils/utils.ts +28 -0
- package/apps/cli/src/utils/workspace.ts +78 -0
- package/apps/cli/src/workspace/create-workspace.ts +39 -0
- package/apps/cli/src/workspace/index.ts +1 -0
- package/apps/cli/src/workspace/root-package.ts +195 -0
- package/apps/cli/src/workspace/typescript-config.ts +84 -0
- package/apps/cli/tsconfig.json +14 -0
- package/apps/cli/tsup.config.ts +16 -0
- package/apps/demo/eslint.config.mjs +3 -0
- package/apps/demo/index.html +12 -0
- package/apps/demo/node_modules/.bin/browserslist +21 -0
- package/apps/demo/node_modules/.bin/eslint +21 -0
- package/apps/demo/node_modules/.bin/prettier +21 -0
- package/apps/demo/node_modules/.bin/tsc +21 -0
- package/apps/demo/node_modules/.bin/tsserver +21 -0
- package/apps/demo/node_modules/.bin/vite +21 -0
- package/apps/demo/node_modules/.vite/deps/_metadata.json +52 -0
- package/apps/demo/node_modules/.vite/deps/chunk-IGB2AZES.js +1930 -0
- package/apps/demo/node_modules/.vite/deps/chunk-IGB2AZES.js.map +7 -0
- package/apps/demo/node_modules/.vite/deps/chunk-NEPDRNXC.js +21626 -0
- package/apps/demo/node_modules/.vite/deps/chunk-NEPDRNXC.js.map +7 -0
- package/apps/demo/node_modules/.vite/deps/package.json +3 -0
- package/apps/demo/node_modules/.vite/deps/react-dom.js +6 -0
- package/apps/demo/node_modules/.vite/deps/react-dom.js.map +7 -0
- package/apps/demo/node_modules/.vite/deps/react-dom_client.js +38 -0
- package/apps/demo/node_modules/.vite/deps/react-dom_client.js.map +7 -0
- package/apps/demo/node_modules/.vite/deps/react.js +5 -0
- package/apps/demo/node_modules/.vite/deps/react.js.map +7 -0
- package/apps/demo/node_modules/.vite/deps/react_jsx-dev-runtime.js +911 -0
- package/apps/demo/node_modules/.vite/deps/react_jsx-dev-runtime.js.map +7 -0
- package/apps/demo/node_modules/.vite/deps/react_jsx-runtime.js +923 -0
- package/apps/demo/node_modules/.vite/deps/react_jsx-runtime.js.map +7 -0
- package/apps/demo/node_modules/.vite/deps/styled-components.js +1366 -0
- package/apps/demo/node_modules/.vite/deps/styled-components.js.map +7 -0
- package/apps/demo/package.json +32 -0
- package/apps/demo/prettier.config.mjs +3 -0
- package/apps/demo/src/App.tsx +50 -0
- package/apps/demo/src/main.tsx +9 -0
- package/apps/demo/tsconfig.json +17 -0
- package/apps/demo/vite.config.ts +9 -0
- package/apps/demo/vitest.config.ts +11 -0
- package/configs/eslint-config/base.mjs +15 -0
- package/configs/eslint-config/node_modules/.bin/acorn +21 -0
- package/configs/eslint-config/node_modules/.bin/eslint +21 -0
- package/configs/eslint-config/node_modules/.bin/tsc +21 -0
- package/configs/eslint-config/node_modules/.bin/tsserver +21 -0
- package/configs/eslint-config/package.json +12 -0
- package/configs/eslint-config/react.mjs +17 -0
- package/configs/prettier-config/base.mjs +11 -0
- package/configs/prettier-config/node_modules/.bin/prettier +21 -0
- package/configs/prettier-config/node_modules/.bin/tsc +21 -0
- package/configs/prettier-config/node_modules/.bin/tsserver +21 -0
- package/configs/prettier-config/package.json +9 -0
- package/configs/typescript-config/global.d.ts +12 -0
- package/configs/typescript-config/node_modules/.bin/tsc +21 -0
- package/configs/typescript-config/node_modules/.bin/tsserver +21 -0
- package/configs/typescript-config/package.json +7 -0
- package/configs/typescript-config/tsconfig.base.json +19 -0
- package/configs/typescript-config/tsconfig.node.json +6 -0
- package/configs/typescript-config/tsconfig.react.json +8 -0
- package/package.json +16 -0
- package/packages/core/eslint.config.mjs +3 -0
- package/packages/core/node_modules/.bin/eslint +21 -0
- package/packages/core/node_modules/.bin/prettier +21 -0
- package/packages/core/node_modules/.bin/tsc +21 -0
- package/packages/core/node_modules/.bin/tsserver +21 -0
- package/packages/core/node_modules/.bin/tsup +21 -0
- package/packages/core/node_modules/.bin/tsup-node +21 -0
- package/packages/core/node_modules/.bin/vite +21 -0
- package/packages/core/node_modules/.bin/vitest +21 -0
- package/packages/core/node_modules/.bin/yaml +21 -0
- package/packages/core/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json +1 -0
- package/packages/core/package.json +35 -0
- package/packages/core/prettier.config.mjs +3 -0
- package/packages/core/src/are-objects-equal.ts +26 -0
- package/packages/core/src/have-same-items.ts +84 -0
- package/packages/core/src/index.ts +6 -0
- package/packages/core/src/snapshot.ts +11 -0
- package/packages/core/src/sort-keys.ts +7 -0
- package/packages/core/src/spec/are-objects-equal.spec.ts +30 -0
- package/packages/core/src/spec/have-same-items.spec.ts +29 -0
- package/packages/core/src/spec/sort-keys.spec.ts +57 -0
- package/packages/core/tsconfig.json +7 -0
- package/packages/core/tsup.config.ts +15 -0
- package/packages/core/vitest.config.mts +11 -0
- package/packages/react-css/eslint.config.mjs +10 -0
- package/packages/react-css/node_modules/.bin/esbuild +21 -0
- package/packages/react-css/node_modules/.bin/eslint +21 -0
- package/packages/react-css/node_modules/.bin/prettier +21 -0
- package/packages/react-css/node_modules/.bin/tsc +21 -0
- package/packages/react-css/node_modules/.bin/tsserver +21 -0
- package/packages/react-css/node_modules/.bin/tsup +21 -0
- package/packages/react-css/node_modules/.bin/tsup-node +21 -0
- package/packages/react-css/node_modules/.bin/vitest +21 -0
- package/packages/react-css/node_modules/.bin/yaml +21 -0
- package/packages/react-css/package.json +50 -0
- package/packages/react-css/prettier.config.mjs +3 -0
- package/packages/react-css/src/button.module.css +8 -0
- package/packages/react-css/src/button.spec.tsx +25 -0
- package/packages/react-css/src/button.tsx +11 -0
- package/packages/react-css/src/index.ts +1 -0
- package/packages/react-css/tsconfig.json +7 -0
- package/packages/react-css/tsup.config.ts +17 -0
- package/packages/react-css/vitest.config.ts +15 -0
- package/packages/react-styled-components/eslint.config.mjs +10 -0
- package/packages/react-styled-components/node_modules/.bin/eslint +21 -0
- package/packages/react-styled-components/node_modules/.bin/prettier +21 -0
- package/packages/react-styled-components/node_modules/.bin/tsc +21 -0
- package/packages/react-styled-components/node_modules/.bin/tsserver +21 -0
- package/packages/react-styled-components/node_modules/.bin/tsup +21 -0
- package/packages/react-styled-components/node_modules/.bin/tsup-node +21 -0
- package/packages/react-styled-components/node_modules/.bin/vitest +21 -0
- package/packages/react-styled-components/node_modules/.bin/yaml +21 -0
- package/packages/react-styled-components/package.json +51 -0
- package/packages/react-styled-components/prettier.config.mjs +3 -0
- package/packages/react-styled-components/src/button.spec.tsx +27 -0
- package/packages/react-styled-components/src/button.tsx +21 -0
- package/packages/react-styled-components/src/index.ts +1 -0
- package/packages/react-styled-components/tsconfig.json +7 -0
- package/packages/react-styled-components/tsup.config.ts +16 -0
- package/packages/react-styled-components/vitest.config.ts +15 -0
- package/pnpm-workspace.yaml +4 -0
- package/turbo.json +13 -0
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@stack-dev/react-css",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"private": true,
|
|
5
|
+
"main": "dist/index.js",
|
|
6
|
+
"module": "dist/index.mjs",
|
|
7
|
+
"types": "dist/index.d.ts",
|
|
8
|
+
"exports": {
|
|
9
|
+
".": {
|
|
10
|
+
"development": "./src/index.ts",
|
|
11
|
+
"import": "./dist/index.mjs",
|
|
12
|
+
"require": "./dist/index.js",
|
|
13
|
+
"types": "./dist/index.d.ts"
|
|
14
|
+
},
|
|
15
|
+
"./index.css": "./dist/index.css"
|
|
16
|
+
},
|
|
17
|
+
"scripts": {
|
|
18
|
+
"build": "tsup",
|
|
19
|
+
"lint": "eslint .",
|
|
20
|
+
"format": "prettier . --write",
|
|
21
|
+
"test": "vitest run",
|
|
22
|
+
"test:watch": "vitest"
|
|
23
|
+
},
|
|
24
|
+
"peerDependencies": {
|
|
25
|
+
"react": ">=18",
|
|
26
|
+
"react-dom": ">=18"
|
|
27
|
+
},
|
|
28
|
+
"devDependencies": {
|
|
29
|
+
"@stack-dev/eslint-config": "workspace:*",
|
|
30
|
+
"@stack-dev/prettier-config": "workspace:*",
|
|
31
|
+
"@stack-dev/typescript-config": "workspace:*",
|
|
32
|
+
"@testing-library/jest-dom": "^6.0.0",
|
|
33
|
+
"@testing-library/react": "^16.0.0",
|
|
34
|
+
"@types/react": "^18.3.1",
|
|
35
|
+
"@types/react-dom": "^18.3.1",
|
|
36
|
+
"@vitest/coverage-v8": "^3.2.4",
|
|
37
|
+
"eslint": "^9.32.0",
|
|
38
|
+
"jsdom": "^25.0.0",
|
|
39
|
+
"postcss": "^8.4.0",
|
|
40
|
+
"prettier": "^3.6.2",
|
|
41
|
+
"prettier-plugin-organize-imports": "^4.2.0",
|
|
42
|
+
"react": "^18.3.1",
|
|
43
|
+
"react-dom": "^18.3.1",
|
|
44
|
+
"tsup": "^8.0.0",
|
|
45
|
+
"vitest": "^3.2.4"
|
|
46
|
+
},
|
|
47
|
+
"sideEffects": [
|
|
48
|
+
"**/*.css"
|
|
49
|
+
]
|
|
50
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { render, screen, fireEvent } from '@testing-library/react';
|
|
2
|
+
import { Button } from './button';
|
|
3
|
+
|
|
4
|
+
describe('Button', () => {
|
|
5
|
+
it('renders the label correctly', () => {
|
|
6
|
+
render(<Button label="Click Me" />);
|
|
7
|
+
expect(screen.getByText('Click Me')).toBeDefined();
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
it('is a button element', () => {
|
|
11
|
+
render(<Button label="Submit" />);
|
|
12
|
+
const buttonElement = screen.getByRole('button');
|
|
13
|
+
expect(buttonElement.tagName).toBe('BUTTON');
|
|
14
|
+
});
|
|
15
|
+
|
|
16
|
+
/* Note: Testing for specific CSS classes with CSS Modules is tricky
|
|
17
|
+
because class names are mangled (e.g., _styledButton_123).
|
|
18
|
+
Usually, we just test that the class attribute exists.
|
|
19
|
+
*/
|
|
20
|
+
it('applies a class name', () => {
|
|
21
|
+
render(<Button label="Styled" />);
|
|
22
|
+
const buttonElement = screen.getByRole('button');
|
|
23
|
+
expect(buttonElement.className).toBeTruthy();
|
|
24
|
+
});
|
|
25
|
+
});
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
import * as styles from './button.module.css';
|
|
4
|
+
|
|
5
|
+
export function Button(props: HTMLAttributes<HTMLButtonElement>) {
|
|
6
|
+
return (
|
|
7
|
+
<button className={styles.styledButton} {...props}>
|
|
8
|
+
{props.children}
|
|
9
|
+
</button>
|
|
10
|
+
);
|
|
11
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './button';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { defineConfig } from 'tsup';
|
|
2
|
+
|
|
3
|
+
export default defineConfig({
|
|
4
|
+
entry: ['src/index.ts'],
|
|
5
|
+
format: ['cjs', 'esm'],
|
|
6
|
+
dts: true,
|
|
7
|
+
minify: true,
|
|
8
|
+
clean: true,
|
|
9
|
+
splitting: false,
|
|
10
|
+
external: ['react', 'react-dom'],
|
|
11
|
+
injectStyle: true,
|
|
12
|
+
outExtension({ format }) {
|
|
13
|
+
return {
|
|
14
|
+
js: format === 'esm' ? '.mjs' : '.js',
|
|
15
|
+
};
|
|
16
|
+
},
|
|
17
|
+
});
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { defineConfig } from 'vitest/config';
|
|
2
|
+
import react from '@vitejs/plugin-react';
|
|
3
|
+
|
|
4
|
+
export default defineConfig({
|
|
5
|
+
plugins: [react()],
|
|
6
|
+
test: {
|
|
7
|
+
globals: true,
|
|
8
|
+
environment: 'jsdom',
|
|
9
|
+
coverage: {
|
|
10
|
+
provider: 'v8',
|
|
11
|
+
reporter: ['text', 'json', 'html'],
|
|
12
|
+
},
|
|
13
|
+
css: true,
|
|
14
|
+
},
|
|
15
|
+
});
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
#!/bin/sh
|
|
2
|
+
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
|
|
3
|
+
|
|
4
|
+
case `uname` in
|
|
5
|
+
*CYGWIN*|*MINGW*|*MSYS*)
|
|
6
|
+
if command -v cygpath > /dev/null 2>&1; then
|
|
7
|
+
basedir=`cygpath -w "$basedir"`
|
|
8
|
+
fi
|
|
9
|
+
;;
|
|
10
|
+
esac
|
|
11
|
+
|
|
12
|
+
if [ -z "$NODE_PATH" ]; then
|
|
13
|
+
export NODE_PATH="/home/benmclean/projects/stack-dev/node_modules/.pnpm/eslint@9.32.0/node_modules/eslint/bin/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/eslint@9.32.0/node_modules/eslint/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/eslint@9.32.0/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/node_modules"
|
|
14
|
+
else
|
|
15
|
+
export NODE_PATH="/home/benmclean/projects/stack-dev/node_modules/.pnpm/eslint@9.32.0/node_modules/eslint/bin/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/eslint@9.32.0/node_modules/eslint/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/eslint@9.32.0/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/node_modules:$NODE_PATH"
|
|
16
|
+
fi
|
|
17
|
+
if [ -x "$basedir/node" ]; then
|
|
18
|
+
exec "$basedir/node" "$basedir/../eslint/bin/eslint.js" "$@"
|
|
19
|
+
else
|
|
20
|
+
exec node "$basedir/../eslint/bin/eslint.js" "$@"
|
|
21
|
+
fi
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
#!/bin/sh
|
|
2
|
+
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
|
|
3
|
+
|
|
4
|
+
case `uname` in
|
|
5
|
+
*CYGWIN*|*MINGW*|*MSYS*)
|
|
6
|
+
if command -v cygpath > /dev/null 2>&1; then
|
|
7
|
+
basedir=`cygpath -w "$basedir"`
|
|
8
|
+
fi
|
|
9
|
+
;;
|
|
10
|
+
esac
|
|
11
|
+
|
|
12
|
+
if [ -z "$NODE_PATH" ]; then
|
|
13
|
+
export NODE_PATH="/home/benmclean/projects/stack-dev/node_modules/.pnpm/prettier@3.6.2/node_modules/prettier/bin/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/prettier@3.6.2/node_modules/prettier/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/prettier@3.6.2/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/node_modules"
|
|
14
|
+
else
|
|
15
|
+
export NODE_PATH="/home/benmclean/projects/stack-dev/node_modules/.pnpm/prettier@3.6.2/node_modules/prettier/bin/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/prettier@3.6.2/node_modules/prettier/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/prettier@3.6.2/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/node_modules:$NODE_PATH"
|
|
16
|
+
fi
|
|
17
|
+
if [ -x "$basedir/node" ]; then
|
|
18
|
+
exec "$basedir/node" "$basedir/../prettier/bin/prettier.cjs" "$@"
|
|
19
|
+
else
|
|
20
|
+
exec node "$basedir/../prettier/bin/prettier.cjs" "$@"
|
|
21
|
+
fi
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
#!/bin/sh
|
|
2
|
+
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
|
|
3
|
+
|
|
4
|
+
case `uname` in
|
|
5
|
+
*CYGWIN*|*MINGW*|*MSYS*)
|
|
6
|
+
if command -v cygpath > /dev/null 2>&1; then
|
|
7
|
+
basedir=`cygpath -w "$basedir"`
|
|
8
|
+
fi
|
|
9
|
+
;;
|
|
10
|
+
esac
|
|
11
|
+
|
|
12
|
+
if [ -z "$NODE_PATH" ]; then
|
|
13
|
+
export NODE_PATH="/home/benmclean/projects/stack-dev/node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/bin/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/typescript@5.8.3/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/node_modules"
|
|
14
|
+
else
|
|
15
|
+
export NODE_PATH="/home/benmclean/projects/stack-dev/node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/bin/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/typescript@5.8.3/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/node_modules:$NODE_PATH"
|
|
16
|
+
fi
|
|
17
|
+
if [ -x "$basedir/node" ]; then
|
|
18
|
+
exec "$basedir/node" "$basedir/../../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/bin/tsc" "$@"
|
|
19
|
+
else
|
|
20
|
+
exec node "$basedir/../../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/bin/tsc" "$@"
|
|
21
|
+
fi
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
#!/bin/sh
|
|
2
|
+
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
|
|
3
|
+
|
|
4
|
+
case `uname` in
|
|
5
|
+
*CYGWIN*|*MINGW*|*MSYS*)
|
|
6
|
+
if command -v cygpath > /dev/null 2>&1; then
|
|
7
|
+
basedir=`cygpath -w "$basedir"`
|
|
8
|
+
fi
|
|
9
|
+
;;
|
|
10
|
+
esac
|
|
11
|
+
|
|
12
|
+
if [ -z "$NODE_PATH" ]; then
|
|
13
|
+
export NODE_PATH="/home/benmclean/projects/stack-dev/node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/bin/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/typescript@5.8.3/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/node_modules"
|
|
14
|
+
else
|
|
15
|
+
export NODE_PATH="/home/benmclean/projects/stack-dev/node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/bin/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/typescript@5.8.3/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/node_modules:$NODE_PATH"
|
|
16
|
+
fi
|
|
17
|
+
if [ -x "$basedir/node" ]; then
|
|
18
|
+
exec "$basedir/node" "$basedir/../../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/bin/tsserver" "$@"
|
|
19
|
+
else
|
|
20
|
+
exec node "$basedir/../../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/bin/tsserver" "$@"
|
|
21
|
+
fi
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
#!/bin/sh
|
|
2
|
+
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
|
|
3
|
+
|
|
4
|
+
case `uname` in
|
|
5
|
+
*CYGWIN*|*MINGW*|*MSYS*)
|
|
6
|
+
if command -v cygpath > /dev/null 2>&1; then
|
|
7
|
+
basedir=`cygpath -w "$basedir"`
|
|
8
|
+
fi
|
|
9
|
+
;;
|
|
10
|
+
esac
|
|
11
|
+
|
|
12
|
+
if [ -z "$NODE_PATH" ]; then
|
|
13
|
+
export NODE_PATH="/home/benmclean/projects/stack-dev/node_modules/.pnpm/tsup@8.5.1_postcss@8.5.6_typescript@5.8.3_yaml@2.8.0/node_modules/tsup/dist/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/tsup@8.5.1_postcss@8.5.6_typescript@5.8.3_yaml@2.8.0/node_modules/tsup/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/tsup@8.5.1_postcss@8.5.6_typescript@5.8.3_yaml@2.8.0/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/node_modules"
|
|
14
|
+
else
|
|
15
|
+
export NODE_PATH="/home/benmclean/projects/stack-dev/node_modules/.pnpm/tsup@8.5.1_postcss@8.5.6_typescript@5.8.3_yaml@2.8.0/node_modules/tsup/dist/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/tsup@8.5.1_postcss@8.5.6_typescript@5.8.3_yaml@2.8.0/node_modules/tsup/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/tsup@8.5.1_postcss@8.5.6_typescript@5.8.3_yaml@2.8.0/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/node_modules:$NODE_PATH"
|
|
16
|
+
fi
|
|
17
|
+
if [ -x "$basedir/node" ]; then
|
|
18
|
+
exec "$basedir/node" "$basedir/../tsup/dist/cli-default.js" "$@"
|
|
19
|
+
else
|
|
20
|
+
exec node "$basedir/../tsup/dist/cli-default.js" "$@"
|
|
21
|
+
fi
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
#!/bin/sh
|
|
2
|
+
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
|
|
3
|
+
|
|
4
|
+
case `uname` in
|
|
5
|
+
*CYGWIN*|*MINGW*|*MSYS*)
|
|
6
|
+
if command -v cygpath > /dev/null 2>&1; then
|
|
7
|
+
basedir=`cygpath -w "$basedir"`
|
|
8
|
+
fi
|
|
9
|
+
;;
|
|
10
|
+
esac
|
|
11
|
+
|
|
12
|
+
if [ -z "$NODE_PATH" ]; then
|
|
13
|
+
export NODE_PATH="/home/benmclean/projects/stack-dev/node_modules/.pnpm/tsup@8.5.1_postcss@8.5.6_typescript@5.8.3_yaml@2.8.0/node_modules/tsup/dist/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/tsup@8.5.1_postcss@8.5.6_typescript@5.8.3_yaml@2.8.0/node_modules/tsup/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/tsup@8.5.1_postcss@8.5.6_typescript@5.8.3_yaml@2.8.0/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/node_modules"
|
|
14
|
+
else
|
|
15
|
+
export NODE_PATH="/home/benmclean/projects/stack-dev/node_modules/.pnpm/tsup@8.5.1_postcss@8.5.6_typescript@5.8.3_yaml@2.8.0/node_modules/tsup/dist/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/tsup@8.5.1_postcss@8.5.6_typescript@5.8.3_yaml@2.8.0/node_modules/tsup/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/tsup@8.5.1_postcss@8.5.6_typescript@5.8.3_yaml@2.8.0/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/node_modules:$NODE_PATH"
|
|
16
|
+
fi
|
|
17
|
+
if [ -x "$basedir/node" ]; then
|
|
18
|
+
exec "$basedir/node" "$basedir/../tsup/dist/cli-node.js" "$@"
|
|
19
|
+
else
|
|
20
|
+
exec node "$basedir/../tsup/dist/cli-node.js" "$@"
|
|
21
|
+
fi
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
#!/bin/sh
|
|
2
|
+
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
|
|
3
|
+
|
|
4
|
+
case `uname` in
|
|
5
|
+
*CYGWIN*|*MINGW*|*MSYS*)
|
|
6
|
+
if command -v cygpath > /dev/null 2>&1; then
|
|
7
|
+
basedir=`cygpath -w "$basedir"`
|
|
8
|
+
fi
|
|
9
|
+
;;
|
|
10
|
+
esac
|
|
11
|
+
|
|
12
|
+
if [ -z "$NODE_PATH" ]; then
|
|
13
|
+
export NODE_PATH="/home/benmclean/projects/stack-dev/node_modules/.pnpm/vitest@3.2.4_@types+node@24.0.15_jsdom@25.0.1/node_modules/vitest/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/vitest@3.2.4_@types+node@24.0.15_jsdom@25.0.1/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/node_modules"
|
|
14
|
+
else
|
|
15
|
+
export NODE_PATH="/home/benmclean/projects/stack-dev/node_modules/.pnpm/vitest@3.2.4_@types+node@24.0.15_jsdom@25.0.1/node_modules/vitest/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/vitest@3.2.4_@types+node@24.0.15_jsdom@25.0.1/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/node_modules:$NODE_PATH"
|
|
16
|
+
fi
|
|
17
|
+
if [ -x "$basedir/node" ]; then
|
|
18
|
+
exec "$basedir/node" "$basedir/../vitest/vitest.mjs" "$@"
|
|
19
|
+
else
|
|
20
|
+
exec node "$basedir/../vitest/vitest.mjs" "$@"
|
|
21
|
+
fi
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
#!/bin/sh
|
|
2
|
+
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
|
|
3
|
+
|
|
4
|
+
case `uname` in
|
|
5
|
+
*CYGWIN*|*MINGW*|*MSYS*)
|
|
6
|
+
if command -v cygpath > /dev/null 2>&1; then
|
|
7
|
+
basedir=`cygpath -w "$basedir"`
|
|
8
|
+
fi
|
|
9
|
+
;;
|
|
10
|
+
esac
|
|
11
|
+
|
|
12
|
+
if [ -z "$NODE_PATH" ]; then
|
|
13
|
+
export NODE_PATH="/home/benmclean/projects/stack-dev/node_modules/.pnpm/yaml@2.8.0/node_modules/yaml/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/yaml@2.8.0/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/node_modules"
|
|
14
|
+
else
|
|
15
|
+
export NODE_PATH="/home/benmclean/projects/stack-dev/node_modules/.pnpm/yaml@2.8.0/node_modules/yaml/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/yaml@2.8.0/node_modules:/home/benmclean/projects/stack-dev/node_modules/.pnpm/node_modules:$NODE_PATH"
|
|
16
|
+
fi
|
|
17
|
+
if [ -x "$basedir/node" ]; then
|
|
18
|
+
exec "$basedir/node" "$basedir/../../../../node_modules/.pnpm/yaml@2.8.0/node_modules/yaml/bin.mjs" "$@"
|
|
19
|
+
else
|
|
20
|
+
exec node "$basedir/../../../../node_modules/.pnpm/yaml@2.8.0/node_modules/yaml/bin.mjs" "$@"
|
|
21
|
+
fi
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@stack-dev/react-styled-components",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"private": true,
|
|
5
|
+
"main": "dist/index.js",
|
|
6
|
+
"module": "dist/index.mjs",
|
|
7
|
+
"types": "dist/index.d.ts",
|
|
8
|
+
"exports": {
|
|
9
|
+
".": {
|
|
10
|
+
"development": "./src/index.ts",
|
|
11
|
+
"import": "./dist/index.mjs",
|
|
12
|
+
"require": "./dist/index.js",
|
|
13
|
+
"types": "./dist/index.d.ts"
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
"scripts": {
|
|
17
|
+
"build": "tsup",
|
|
18
|
+
"dev": "tsup --watch",
|
|
19
|
+
"lint": "eslint .",
|
|
20
|
+
"format": "prettier . --write",
|
|
21
|
+
"test": "vitest run",
|
|
22
|
+
"test:watch": "vitest"
|
|
23
|
+
},
|
|
24
|
+
"peerDependencies": {
|
|
25
|
+
"react": ">=18",
|
|
26
|
+
"react-dom": ">=18",
|
|
27
|
+
"styled-components": ">=6"
|
|
28
|
+
},
|
|
29
|
+
"devDependencies": {
|
|
30
|
+
"@stack-dev/eslint-config": "workspace:*",
|
|
31
|
+
"@stack-dev/prettier-config": "workspace:*",
|
|
32
|
+
"@stack-dev/typescript-config": "workspace:*",
|
|
33
|
+
"@testing-library/jest-dom": "^6.0.0",
|
|
34
|
+
"@testing-library/react": "^16.0.0",
|
|
35
|
+
"@types/react": "^18.3.1",
|
|
36
|
+
"@types/react-dom": "^18.3.1",
|
|
37
|
+
"@types/styled-components": "^5.1.34",
|
|
38
|
+
"@vitest/coverage-v8": "^3.2.4",
|
|
39
|
+
"eslint": "^9.32.0",
|
|
40
|
+
"jsdom": "^25.0.0",
|
|
41
|
+
"prettier": "^3.6.2",
|
|
42
|
+
"prettier-plugin-organize-imports": "^4.2.0",
|
|
43
|
+
"react": "^18.3.1",
|
|
44
|
+
"react-dom": "^18.3.1",
|
|
45
|
+
"styled-components": "^6.1.13",
|
|
46
|
+
"tsup": "^8.0.0",
|
|
47
|
+
"vitest": "^3.2.4"
|
|
48
|
+
},
|
|
49
|
+
"type": "module",
|
|
50
|
+
"sideEffects": false
|
|
51
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { render, screen } from '@testing-library/react';
|
|
2
|
+
import { Button } from './button';
|
|
3
|
+
|
|
4
|
+
import { describe, expect, it } from 'vitest';
|
|
5
|
+
|
|
6
|
+
describe('Button', () => {
|
|
7
|
+
it('renders the label correctly', () => {
|
|
8
|
+
render(<Button>Click Me</Button>);
|
|
9
|
+
expect(screen.getByText('Click Me')).toBeDefined();
|
|
10
|
+
});
|
|
11
|
+
|
|
12
|
+
it('is a button element', () => {
|
|
13
|
+
render(<Button>Submit</Button>);
|
|
14
|
+
const buttonElement = screen.getByRole('button');
|
|
15
|
+
expect(buttonElement.tagName).toBe('BUTTON');
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
/* Note: Testing for specific CSS classes with CSS Modules is tricky
|
|
19
|
+
because class names are mangled (e.g., _styledButton_123).
|
|
20
|
+
Usually, we just test that the class attribute exists.
|
|
21
|
+
*/
|
|
22
|
+
it('applies a class name', () => {
|
|
23
|
+
render(<Button>Styled</Button>);
|
|
24
|
+
const buttonElement = screen.getByRole('button');
|
|
25
|
+
expect(buttonElement.className).toBeTruthy();
|
|
26
|
+
});
|
|
27
|
+
});
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
import styled from 'styled-components';
|
|
4
|
+
|
|
5
|
+
const StyledButton = styled.button`
|
|
6
|
+
background-color: #007bff;
|
|
7
|
+
color: white;
|
|
8
|
+
padding: 10px 20px;
|
|
9
|
+
border: none;
|
|
10
|
+
border-radius: 4px;
|
|
11
|
+
cursor: pointer;
|
|
12
|
+
font-size: 16px;
|
|
13
|
+
|
|
14
|
+
&:hover {
|
|
15
|
+
background-color: #0056b3;
|
|
16
|
+
}
|
|
17
|
+
`;
|
|
18
|
+
|
|
19
|
+
export function Button(props: HTMLAttributes<HTMLButtonElement>) {
|
|
20
|
+
return <StyledButton {...props} />;
|
|
21
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './button';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { defineConfig } from 'tsup';
|
|
2
|
+
|
|
3
|
+
export default defineConfig({
|
|
4
|
+
entry: ['src/index.ts'],
|
|
5
|
+
format: ['cjs', 'esm'],
|
|
6
|
+
dts: true,
|
|
7
|
+
minify: true,
|
|
8
|
+
clean: true,
|
|
9
|
+
splitting: false,
|
|
10
|
+
external: ['react', 'react-dom', 'styled-components'],
|
|
11
|
+
outExtension({ format }) {
|
|
12
|
+
return {
|
|
13
|
+
js: format === 'esm' ? '.mjs' : '.js',
|
|
14
|
+
};
|
|
15
|
+
},
|
|
16
|
+
});
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { defineConfig } from 'vitest/config';
|
|
2
|
+
import react from '@vitejs/plugin-react';
|
|
3
|
+
|
|
4
|
+
export default defineConfig({
|
|
5
|
+
plugins: [react()],
|
|
6
|
+
test: {
|
|
7
|
+
globals: true,
|
|
8
|
+
environment: 'jsdom',
|
|
9
|
+
coverage: {
|
|
10
|
+
provider: 'v8',
|
|
11
|
+
reporter: ['text', 'json', 'html'],
|
|
12
|
+
},
|
|
13
|
+
css: true,
|
|
14
|
+
},
|
|
15
|
+
});
|