shinkansen-sprockets 1.1.422 → 1.1.423

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 (3) hide show
  1. package/package.json +16 -25
  2. package/transform.sh +4 -0
  3. package/webpack.config.mjs +129 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "shinkansen-sprockets",
3
- "version": "1.1.422",
3
+ "version": "1.1.423",
4
4
  "description": "Shinkansen Sprockets",
5
5
  "keywords": [
6
6
  "Shinkansen",
@@ -27,9 +27,9 @@
27
27
  "url": "git@github.com/modernpoacher/shinkansen-sprockets.git"
28
28
  },
29
29
  "scripts": {
30
- "build": "cross-env DEBUG=shinkansen-sprockets npm run gulp -- build",
30
+ "build": "cross-env DEBUG=shinkansen-sprockets webpack",
31
31
  "build-storybook": "storybook build",
32
- "build:watch": "cross-env DEBUG=shinkansen-sprockets npm run gulp -- build:watch",
32
+ "build:watch": "cross-env DEBUG=shinkansen-sprockets webpack --watch",
33
33
  "gulp": "gulp --color",
34
34
  "lint": "eslint . .storybook --ext .mjs,.cjs,.jsx,.mts,.cts",
35
35
  "lint:fix": "npm run lint -- --fix",
@@ -41,9 +41,8 @@
41
41
  "prestorybook": "npm run build && npm run transform",
42
42
  "pretest": "npm run nvm",
43
43
  "storybook": "storybook dev -p 6007",
44
- "test": "cross-env NODE_ENV=test jest --collect-coverage false --run-in-band",
45
- "transform": "cross-env DEBUG=shinkansen-sprockets npm run gulp -- transform",
46
- "transform:watch": "cross-env DEBUG=shinkansen-sprockets npm run gulp -- transform:watch"
44
+ "test": "cross-env NODE_ENV=test jest",
45
+ "transform": "cross-env DEBUG=shinkansen-sprockets ./transform.sh"
47
46
  },
48
47
  "dependencies": {
49
48
  "classnames": "^2.5.1",
@@ -57,13 +56,6 @@
57
56
  "@babel/preset-react": "^7.25.9",
58
57
  "@babel/register": "^7.25.9",
59
58
  "@modernpoacher/design-system": "1.1.15",
60
- "@sequencemedia/gulp": "^1.1.275",
61
- "@sequencemedia/gulp-clean-css": "^1.0.182",
62
- "@sequencemedia/gulp-css-purge": "^1.1.202",
63
- "@sequencemedia/gulp-debug": "^1.0.193",
64
- "@sequencemedia/gulp-postcss": "^1.0.205",
65
- "@sequencemedia/gulp-sass": "^1.0.188",
66
- "@sequencemedia/gulp-sourcemaps": "^1.0.196",
67
59
  "@storybook/addon-actions": "7.6.20",
68
60
  "@storybook/addon-essentials": "7.6.20",
69
61
  "@storybook/addon-links": "7.6.20",
@@ -74,39 +66,38 @@
74
66
  "@typescript-eslint/parser": "7.18.0",
75
67
  "autoprefixer": "^10.4.20",
76
68
  "babel-plugin-module-resolver": "^5.0.2",
69
+ "clean-webpack-plugin": "^4.0.0",
77
70
  "core-js": "^3.39.0",
78
71
  "cross-env": "^7.0.3",
79
- "cssnano": "^7.0.6",
80
- "del": "^8.0.0",
81
72
  "eslint": "8.57.1",
82
73
  "eslint-config-love": "47.0.0",
83
74
  "eslint-config-standard": "^17.1.0",
84
75
  "eslint-import-resolver-babel-module": "^5.3.2",
85
76
  "eslint-plugin-react": "^7.37.2",
86
- "glob-all": "^3.3.1",
87
77
  "husky": "^9.1.7",
88
78
  "jest": "^29.7.0",
79
+ "mini-css-extract-plugin": "^2.9.2",
80
+ "perfectionist": "^2.4.0",
89
81
  "postcss": "^8.4.49",
90
- "postcss-easy-import": "^4.0.0",
82
+ "postcss-discard-comments": "^7.0.3",
83
+ "postcss-discard-empty": "^7.0.0",
84
+ "postcss-import": "^16.1.0",
85
+ "postcss-loader": "^8.1.1",
91
86
  "postcss-map": "^0.11.0",
92
- "postcss-normalize": "^13.0.1",
93
- "postcss-scss": "^4.0.9",
94
87
  "prop-types": "^15.8.1",
95
88
  "react": "^18.3.1",
96
89
  "react-dom": "^18.3.1",
97
90
  "react-router": "^7.0.1",
98
91
  "react-router-dom": "^7.0.1",
99
92
  "react-test-renderer": "^18.3.1",
100
- "regenerator-runtime": "^0.14.1",
93
+ "remove-files-webpack-plugin": "^1.5.0",
101
94
  "sass": "^1.81.0",
95
+ "sass-loader": "^16.0.3",
102
96
  "storybook": "7.6.20",
103
- "vinyl-paths": "^5.0.0"
97
+ "webpack": "^5.96.1",
98
+ "webpack-cli": "^5.1.4"
104
99
  },
105
100
  "imports": {
106
- "#build/gulp/*": "./build/gulp/*.mjs",
107
- "#build/gulp/build": "./build/gulp/build/index.mjs",
108
- "#build/gulp/build/*": "./build/gulp/build/*.mjs",
109
- "#build/gulp/transform": "./build/gulp/transform/index.mjs",
110
101
  "#build/paths": "./build/paths.mjs"
111
102
  },
112
103
  "exports": {
package/transform.sh ADDED
@@ -0,0 +1,4 @@
1
+ #!/bin/bash
2
+
3
+ DEBUG=@modernpoacher/sprockets*
4
+ node -e 'import("./build/transform.mjs").then(({ default: transform }) => transform())'
package/webpack.config.mjs ADDED
@@ -0,0 +1,129 @@
1
+ import {
2
+ join
3
+ } from 'node:path'
4
+
5
+ import Webpack from 'webpack'
6
+
7
+ import {
8
+ CleanWebpackPlugin as CleanPlugin
9
+ } from 'clean-webpack-plugin'
10
+ import MiniCssExtractPlugin from 'mini-css-extract-plugin'
11
+ import RemoveFilesPlugin from 'remove-files-webpack-plugin'
12
+
13
+ import {
14
+ storybookPath as STORYBOOK_PATH,
15
+ modulePath as MODULE_PATH
16
+ } from '#build/paths'
17
+
18
+ const {
19
+ EnvironmentPlugin,
20
+ SourceMapDevToolPlugin
21
+ } = Webpack
22
+
23
+ export default {
24
+ mode: 'production',
25
+ entry: {
26
+ 'preview-head': join(STORYBOOK_PATH, 'sass/preview-head.scss')
27
+ },
28
+ output: {
29
+ path: join(STORYBOOK_PATH, 'css')
30
+ },
31
+ stats: {
32
+ colors: true
33
+ },
34
+ module: {
35
+ rules: [
36
+ {
37
+ test: /\.scss$/i,
38
+ use: [
39
+ MiniCssExtractPlugin.loader,
40
+ {
41
+ loader: 'css-loader',
42
+ options: {
43
+ importLoaders: 1,
44
+ sourceMap: false,
45
+ url: false
46
+ }
47
+ },
48
+ {
49
+ loader: 'postcss-loader',
50
+ options: {
51
+ sourceMap: false,
52
+ postcssOptions: {
53
+ config: false,
54
+ plugins: [
55
+ 'postcss-import',
56
+ 'postcss-discard-comments',
57
+ 'postcss-discard-empty',
58
+ [
59
+ 'postcss-map', {
60
+ maps: [
61
+ join(MODULE_PATH, '@modernpoacher/design-system/src/tokens/palette.json')
62
+ ]
63
+ }
64
+ ],
65
+ [
66
+ 'autoprefixer', {
67
+ remove: false
68
+ }
69
+ ],
70
+ [
71
+ 'perfectionist', {
72
+ trimLeadingZero: false,
73
+ sourcemap: true,
74
+ indentSize: 2,
75
+ format: 'expanded',
76
+ syntax: 'scss'
77
+ }
78
+ ]
79
+ ]
80
+ }
81
+ }
82
+ },
83
+ {
84
+ loader: 'sass-loader',
85
+ options: {
86
+ sourceMap: false,
87
+ sassOptions: {
88
+ loadPaths: [
89
+ join(MODULE_PATH, '@modernpoacher/design-system/src/sass')
90
+ ]
91
+ }
92
+ }
93
+ }
94
+ ]
95
+ }
96
+ ]
97
+ },
98
+ plugins: [
99
+ new CleanPlugin({
100
+ verbose: false,
101
+ cleanOnceBeforeBuildPatterns: [
102
+ join(STORYBOOK_PATH, 'css/*.css'),
103
+ join(STORYBOOK_PATH, 'css/*.css.map')
104
+ ]
105
+ }),
106
+ new EnvironmentPlugin({
107
+ NODE_ENV: 'production'
108
+ }),
109
+ new SourceMapDevToolPlugin({
110
+ test: /\.css$/i,
111
+ filename: '[name].css.map'
112
+ }),
113
+ new MiniCssExtractPlugin({
114
+ filename: '[name].css'
115
+ }),
116
+ new RemoveFilesPlugin({
117
+ after: {
118
+ test: [
119
+ {
120
+ folder: join(STORYBOOK_PATH, 'css'),
121
+ method (filePath) {
122
+ return /\.js$/m.test(filePath)
123
+ }
124
+ }
125
+ ]
126
+ }
127
+ })
128
+ ]
129
+ }