@lipemat/js-boilerplate-shared 0.2.0 → 0.2.2

package/config/tsconfig.json

@@ -0,0 +1,37 @@
+{
+  "//~~": "PHPStorm will only see changes to the file if you re-save the project root's tsconfig.json file",
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "display": "JS Boilerplate",
+  "compilerOptions": {
+    "allowImportingTsExtensions": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "jsx": "react-jsx",
+    "lib": [
+      "DOM",
+      "ES2022"
+    ],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "noEmit": true,
+    "noFallthroughCasesInSwitch": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "paths": {
+      "$src": [
+        "./js/src"
+      ],
+      "$src/*": [
+        "./js/src/*"
+      ]
+    },
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strict": true,
+    "strictBindCallApply": true,
+    "strictNullChecks": true,
+    "target": "ES2022",
+    "verbatimModuleSyntax": false
+  }
+}

package/helpers/package-config.js

@@ -13,6 +13,7 @@ const defaults = {
     mainCssFileName: 'front-end',
     packageDirectory: workingDirectory,
     pcssWatch: ['pcss', 'template-parts'],
+    phpWatch: ['/'],
     shortCssClasses: true,
     theme_path: './',
     url: 'http://localhost',

package/helpers/package-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"package-config.js","sourceRoot":"","sources":["package-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,MAAM,CAAC;AAC7B,OAAO,EAAC,YAAY,EAAE,YAAY,EAAC,MAAM,SAAS,CAAC;AAEnD,SAAS,YAAY,CAAK,QAAgB;IACzC,OAAO,IAAI,CAAC,KAAK,CAAE,YAAY,CAAE,QAAQ,EAAE,MAAM,CAAE,CAAO,CAAC;AAC5D,CAAC;AAqDD,MAAM,gBAAgB,GAAG,YAAY,CAAE,OAAO,CAAC,GAAG,EAAE,CAAE,CAAC;AACvD,MAAM,QAAQ,GAA2B;IACxC,WAAW,EAAE,IAAI;IACjB,QAAQ,EAAE,IAAI;IACd,UAAU,EAAE,IAAI;IAChB,UAAU,EAAE,aAAa;IACzB,MAAM,EAAE,MAAM;IACd,eAAe,EAAE,WAAW;IAC5B,gBAAgB,EAAE,gBAAgB;IAClC,SAAS,EAAE,CAAE,MAAM,EAAE,gBAAgB,CAAE;IACvC,eAAe,EAAE,IAAI;IACrB,UAAU,EAAE,IAAI;IAChB,GAAG,EAAE,kBAAkB;CACvB,CAAC;AAEF,IAAI,aAAa,GAAkB,YAAY,CAAiB,OAAO,CAAE,gBAAgB,EAAE,cAAc,CAAE,CAAE,CAAC;AAC9G,aAAa,GAAG,EAAC,GAAG,QAAQ,EAAE,GAAG,aAAa,EAAC,CAAC;AAChD,aAAa,CAAC,gBAAgB,GAAG,aAAa,CAAC,MAAM,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,CAAE,aAAa,CAAC,MAAM,CAAE,CAAC,OAAO,CAAE,KAAK,EAAE,GAAG,CAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC;AAExI,IAAI,CAAC;IACJ,MAAM,WAAW,GAAG,YAAY,CAA0B,OAAO,CAAE,gBAAgB,EAAE,qBAAqB,CAAE,CAAE,CAAC;IAC/G,aAAa,GAAG,EAAC,GAAG,aAAa,EAAE,GAAG,WAAW,EAAC,CAAC;AACpD,CAAC;AAAC,MAAM,CAAC;AACT,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,gBAAgB;IAC/B,OAAO,EAAC,GAAG,aAAa,EAAE,GAAG,aAAa,EAAC,CAAC;AAC7C,CAAC;AAED;;;;GAIG;AACH,IAAI,aAAa,GAA2B,EAAE,CAAC;AAE/C,MAAM,UAAU,mBAAmB,CAAE,SAAiC;IACrE,aAAa,GAAG,SAAS,CAAC;AAC3B,CAAC;AACD,MAAM,UAAU,kBAAkB;IACjC,aAAa,GAAG,EAAE,CAAC;AACpB,CAAC"}
+{"version":3,"file":"package-config.js","sourceRoot":"","sources":["package-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,MAAM,CAAC;AAC7B,OAAO,EAAC,YAAY,EAAE,YAAY,EAAC,MAAM,SAAS,CAAC;AAEnD,SAAS,YAAY,CAAK,QAAgB;IACzC,OAAO,IAAI,CAAC,KAAK,CAAE,YAAY,CAAE,QAAQ,EAAE,MAAM,CAAE,CAAO,CAAC;AAC5D,CAAC;AAsDD,MAAM,gBAAgB,GAAG,YAAY,CAAE,OAAO,CAAC,GAAG,EAAE,CAAE,CAAC;AACvD,MAAM,QAAQ,GAA2B;IACxC,WAAW,EAAE,IAAI;IACjB,QAAQ,EAAE,IAAI;IACd,UAAU,EAAE,IAAI;IAChB,UAAU,EAAE,aAAa;IACzB,MAAM,EAAE,MAAM;IACd,eAAe,EAAE,WAAW;IAC5B,gBAAgB,EAAE,gBAAgB;IAClC,SAAS,EAAE,CAAE,MAAM,EAAE,gBAAgB,CAAE;IACvC,QAAQ,EAAE,CAAE,GAAG,CAAE;IACjB,eAAe,EAAE,IAAI;IACrB,UAAU,EAAE,IAAI;IAChB,GAAG,EAAE,kBAAkB;CACvB,CAAC;AAEF,IAAI,aAAa,GAAkB,YAAY,CAAiB,OAAO,CAAE,gBAAgB,EAAE,cAAc,CAAE,CAAE,CAAC;AAC9G,aAAa,GAAG,EAAC,GAAG,QAAQ,EAAE,GAAG,aAAa,EAAC,CAAC;AAChD,aAAa,CAAC,gBAAgB,GAAG,aAAa,CAAC,MAAM,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,CAAE,aAAa,CAAC,MAAM,CAAE,CAAC,OAAO,CAAE,KAAK,EAAE,GAAG,CAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC;AAExI,IAAI,CAAC;IACJ,MAAM,WAAW,GAAG,YAAY,CAA0B,OAAO,CAAE,gBAAgB,EAAE,qBAAqB,CAAE,CAAE,CAAC;IAC/G,aAAa,GAAG,EAAC,GAAG,aAAa,EAAE,GAAG,WAAW,EAAC,CAAC;AACpD,CAAC;AAAC,MAAM,CAAC;AACT,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,gBAAgB;IAC/B,OAAO,EAAC,GAAG,aAAa,EAAE,GAAG,aAAa,EAAC,CAAC;AAC7C,CAAC;AAED;;;;GAIG;AACH,IAAI,aAAa,GAA2B,EAAE,CAAC;AAE/C,MAAM,UAAU,mBAAmB,CAAE,SAAiC;IACrE,aAAa,GAAG,SAAS,CAAC;AAC3B,CAAC;AACD,MAAM,UAAU,kBAAkB;IACjC,aAAa,GAAG,EAAE,CAAC;AACpB,CAAC"}

package/helpers/package-config.ts

@@ -25,6 +25,7 @@ export interface PackageConfig {
 	packageDirectory: string;
 	packageManager?: string;
 	pcssWatch: string[];
+	phpWatch: string[];
 	resolutions?: Dependencies;
 	scripts: Partial<Scripts>;
 	theme_path: string;
@@ -66,6 +67,7 @@ const defaults: Partial<PackageConfig> = {
 	mainCssFileName: 'front-end',
 	packageDirectory: workingDirectory,
 	pcssWatch: [ 'pcss', 'template-parts' ],
+	phpWatch: [ '/' ],
 	shortCssClasses: true,
 	theme_path: './',
 	url: 'http://localhost',

package/helpers/wp-externals.js

@@ -72,11 +72,16 @@ const wpExports = [
     wp: 'wp',
     react: 'React',
     'react-dom': 'ReactDOM',
+    /**
+     * To allow React Fast Refresh (HMR) to work in WP 6.0+ we must
+     * externalize fast refresh or dequeue `wp-react-refresh-runtime`.
+     *
+     * @see \wp_register_development_scripts
+     */
     'react-refresh/runtime': 'ReactRefreshRuntime',
     jquery: 'jQuery',
     tinymce: 'tinymce',
     moment: 'moment',
-    'react/jsx-runtime': 'ReactJSXRuntime',
     backbone: 'Backbone',
 });
 export default wpExports;

package/helpers/wp-externals.js.map

@@ -1 +1 @@
-{"version":3,"file":"wp-externals.js","sourceRoot":"","sources":["wp-externals.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,aAAa,GAAG,CAAE,IAAY,EAAW,EAAE,CAAC,IAAI,CAAC,OAAO,CAAE,WAAW,EAAE,CAAE,KAAK,EAAE,MAAM,EAAG,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,CAAE,CAAC;AAEzH;;;;;GAKG;AACH,MAAM,SAAS,GAAiC;IAC/C,MAAM;IACN,aAAa;IACb,WAAW;IACX,OAAO;IACP,MAAM;IACN,iBAAiB;IACjB,cAAc;IACd,eAAe;IACf,oCAAoC;IACpC,QAAQ;IACR,UAAU;IACV,YAAY;IACZ,SAAS;IACT,WAAW;IACX,MAAM;IACN,eAAe;IACf,MAAM;IACN,YAAY;IACZ,KAAK;IACL,WAAW;IACX,WAAW;IACX,WAAW;IACX,QAAQ;IACR,SAAS;IACT,aAAa;IACb,OAAO;IACP,eAAe;IACf,MAAM;IACN,kBAAkB;IAClB,oBAAoB;IACpB,UAAU;IACV,sBAAsB;IACtB,aAAa;IACb,SAAS;IACT,KAAK;IACL,SAAS;IACT,YAAY;IACZ,gBAAgB;IAChB,eAAe;IACf,iBAAiB;IACjB,WAAW;IACX,oBAAoB;IACpB,WAAW;IACX,YAAY;IACZ,KAAK;IACL,OAAO;IACP,UAAU;IACV,SAAS;IACT,WAAW;CACX,CAAC,MAAM,CACP,CAAE,SAAS,EAAE,IAAI,EAAG,EAAE,CAAC,CAAE;IACxB,GAAG,SAAS;IACZ,CAAE,cAAc,IAAI,EAAE,CAAE,EAAE,cAAc,aAAa,CAAE,IAAI,CAAE,EAAE;CAC/D,CAAE,EACH;IACC,MAAM,EAAE,QAAQ;IAChB,EAAE,EAAE,IAAI;IACR,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,UAAU;IACvB,uBAAuB,EAAE,qBAAqB;IAC9C,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,mBAAmB,EAAE,iBAAiB;IACtC,QAAQ,EAAE,UAAU;CACpB,CACD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"wp-externals.js","sourceRoot":"","sources":["wp-externals.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,aAAa,GAAG,CAAE,IAAY,EAAW,EAAE,CAAC,IAAI,CAAC,OAAO,CAAE,WAAW,EAAE,CAAE,KAAK,EAAE,MAAM,EAAG,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,CAAE,CAAC;AAEzH;;;;;GAKG;AACH,MAAM,SAAS,GAAiC;IAC/C,MAAM;IACN,aAAa;IACb,WAAW;IACX,OAAO;IACP,MAAM;IACN,iBAAiB;IACjB,cAAc;IACd,eAAe;IACf,oCAAoC;IACpC,QAAQ;IACR,UAAU;IACV,YAAY;IACZ,SAAS;IACT,WAAW;IACX,MAAM;IACN,eAAe;IACf,MAAM;IACN,YAAY;IACZ,KAAK;IACL,WAAW;IACX,WAAW;IACX,WAAW;IACX,QAAQ;IACR,SAAS;IACT,aAAa;IACb,OAAO;IACP,eAAe;IACf,MAAM;IACN,kBAAkB;IAClB,oBAAoB;IACpB,UAAU;IACV,sBAAsB;IACtB,aAAa;IACb,SAAS;IACT,KAAK;IACL,SAAS;IACT,YAAY;IACZ,gBAAgB;IAChB,eAAe;IACf,iBAAiB;IACjB,WAAW;IACX,oBAAoB;IACpB,WAAW;IACX,YAAY;IACZ,KAAK;IACL,OAAO;IACP,UAAU;IACV,SAAS;IACT,WAAW;CACX,CAAC,MAAM,CACP,CAAE,SAAS,EAAE,IAAI,EAAG,EAAE,CAAC,CAAE;IACxB,GAAG,SAAS;IACZ,CAAE,cAAc,IAAI,EAAE,CAAE,EAAE,cAAc,aAAa,CAAE,IAAI,CAAE,EAAE;CAC/D,CAAE,EACH;IACC,MAAM,EAAE,QAAQ;IAChB,EAAE,EAAE,IAAI;IACR,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,UAAU;IACvB;;;;;OAKG;IACH,uBAAuB,EAAE,qBAAqB;IAC9C,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;CACpB,CACD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/helpers/wp-externals.ts

@@ -75,11 +75,16 @@ const wpExports: { [ name: string ]: string } = [
 		wp: 'wp',
 		react: 'React',
 		'react-dom': 'ReactDOM',
+		/**
+		 * To allow React Fast Refresh (HMR) to work in WP 6.0+ we must
+		 * externalize fast refresh or dequeue `wp-react-refresh-runtime`.
+		 *
+		 * @see \wp_register_development_scripts
+		 */
 		'react-refresh/runtime': 'ReactRefreshRuntime',
 		jquery: 'jQuery',
 		tinymce: 'tinymce',
 		moment: 'moment',
-		'react/jsx-runtime': 'ReactJSXRuntime',
 		backbone: 'Backbone',
 	},
 );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lipemat/js-boilerplate-shared",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "license": "MIT",
   "description": "Shared utilities for all @lipemat boilerplate packages",
   "engines": {

package/lib/package.json

@@ -1,114 +0,0 @@
-{
-  "name": "@lipemat/js-boilerplate",
-  "version": "11.0.0-alpha.0",
-  "description": "Dependencies and scripts for a no config JavaScript app",
-  "author": "Mat Lipe",
-  "license": "MIT",
-  "jsPath": "./",
-  "type": "module",
-  "engines": {
-    "node": ">=22.21.1"
-  },
-  "bugs": {
-    "url": "https://github.com/lipemat/js-boilerplate/issues"
-  },
-  "homepage": "https://github.com/lipemat/js-boilerplate#readme",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/lipemat/js-boilerplate.git"
-  },
-  "sideEffects": false,
-  "keywords": [
-    "boilerplate",
-    "ES6",
-    "no-config"
-  ],
-  "files": [
-    "tsconfig.json",
-    "bin/",
-    "config/",
-    "helpers/",
-    "lib/",
-    "scripts/",
-    "types/"
-  ],
-  "bin": {
-    "lipemat-js-boilerplate": "bin/lipemat-js-boilerplate.js"
-  },
-  "scripts": {
-    "browserslist": "lipemat-js-boilerplate browserslist",
-    "build": "tsc --project ./bin",
-    "prepublishOnly": "yarn run build",
-    "test": "NODE_OPTIONS=--experimental-vm-modules jest --config=jest/jest.config.ts",
-    "validate-ts": "tsc --noEmit",
-    "watch": "tsc --project ./bin --watch"
-  },
-  "dependencies": {
-    "@babel/core": "^7.24.7",
-    "@babel/preset-env": "^7.24.7",
-    "@babel/preset-react": "^7.24.7",
-    "@babel/preset-typescript": "^7.24.7",
-    "@csstools/postcss-global-data": "2.0.0",
-    "@lipemat/js-boilerplate-shared": "link:../js-boilerplate-shared",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.6.1",
-    "@statoscope/webpack-plugin": "^5.29.0",
-    "@types/babel__preset-env": "^7.9.6",
-    "@types/clean-css": "^4.2.11",
-    "@types/postcss-load-config": "^3.0.1",
-    "@types/postcss-preset-env": "^7.7.0",
-    "@wordpress/browserslist-config": "^6.19.0",
-    "babel-jest": "^30.2.0",
-    "babel-loader": "^10.0.0",
-    "browserslist": "^4.28.1",
-    "chalk": "^4.0",
-    "clean-css": "^5.3.3",
-    "clean-webpack-plugin": "^4.0.0",
-    "compression-webpack-plugin": "^10.0.0",
-    "core-js": "^3.33.1",
-    "cross-spawn": "^7.0.6",
-    "css-loader": "6.7.1",
-    "fork-ts-checker-webpack-plugin": "^7.2.13",
-    "html-webpack-plugin": "^5.5.0",
-    "identity-obj-proxy": "^3.0.0",
-    "jest-environment-jsdom": "^30.2.0",
-    "mini-css-extract-plugin": "^2.9.2",
-    "minimist": "^1.2.8",
-    "postcss": "^8.4.47",
-    "postcss-color-mod-function": "^4.1.1",
-    "postcss-custom-media": "^8.0.1",
-    "postcss-import": "^15.1.0",
-    "postcss-loader": "^8.1.1",
-    "postcss-nested": "^5.0.6",
-    "postcss-preset-env": "^7.8.3",
-    "postcss-scss": "^4.0.4",
-    "postcss-sort-media-queries": "^5.2.0",
-    "react-refresh": "^0.17.0",
-    "style-loader": "^3.3.1",
-    "ts-node": "^10.9.1",
-    "typescript": "^5.9.3",
-    "webpack": "^5.101.0",
-    "webpack-assets-manifest": "^6.2.1",
-    "webpack-cli": "^6.0.1",
-    "webpack-dev-server": "^5.2.2",
-    "webpack-subresource-integrity": "^5.1.0"
-  },
-  "devDependencies": {
-    "@jest/globals": "^30.2.0",
-    "@lipemat/eslint-config": "^5.1.4",
-    "@types/jest": "^29.5.3",
-    "@types/minimist": "^1",
-    "@types/node": "^22.19.3",
-    "@types/react": "^18.2.64",
-    "chokidar": "^3.5.3",
-    "eslint": "^9",
-    "glob": "^11.1.0",
-    "jest": "^30.2.0",
-    "memfs": "^3.5.3",
-    "react": "^18.2.0",
-    "setimmediate": "^1.0.5"
-  },
-  "resolutions": {
-    "type-fest": "^4.41.0"
-  },
-  "packageManager": "yarn@4.12.0"
-}