@svipwrap/npm-tsx-boilerplate 1.0.0

package/README.md

@@ -0,0 +1,143 @@
+# svipwrap-npm-tsx-boilerplate
+
+[![npm version](https://img.shields.io/npm/v/@svipwrap/npm-tsx-boilerplate)](https://www.npmjs.com/package/@svipwrap/npm-tsx-boilerplate)
+[![npm downloads](https://img.shields.io/npm/dw/@svipwrap/npm-tsx-boilerplate)](https://www.npmjs.com/package/@svipwrap/npm-tsx-boilerplate)
+
+This is svipwrap-npm-tsx-boilerplate.
+
+## 💻 Scripts in NPM
+
+For some NPM scripts usage examples, please refer to [svipwrap-npm-ts-boilerplate](https://github.com/SSzzPP/svipwrap-npm-ts-boilerplate#readme).
+
+## 🔧 Tools
+
+#### vite-plugin-dts
+
+- Used to output `.d.ts` type files.
+
+```typescript
+// vite.config.ts
+import dts from 'vite-plugin-dts';
+
+export default defineConfig({
+  plugins: [
+    dts({
+      insertTypesEntry: true,
+    }),
+  ],
+});
+```
+
+#### vite-plugin-css-injected-by-js
+
+- When building a library, `Vite` by default extracts the CSS into a separate file instead of automatically injecting it into the JS. When referencing it, a separate CSS file needs to be included.
+
+```tsx
+// example
+
+import { Button } from 'svipwrap-npm-tsx-boilerplate';
+// ❗️ Need to manually include the CSS file; otherwise, the component styles will not take effect.
+import 'svipwrap-npm-tsx-boilerplate/dist/style.css';
+
+<>
+  <Button text="Click Me" onClick={() => alert('Button Clicked!')} />
+</>;
+```
+
+- Used to inject CSS into JS files (`CSS-in-JS`)
+
+```typescript
+// vite.config.ts
+import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js';
+
+export default defineConfig({
+  plugins: [cssInjectedByJsPlugin()],
+});
+```
+
+- 💡 Alternatively, you can use `styled-components`, `emotion`, or similar solutions, where the styles are directly bundled into the JS.
+
+```bash
+# install
+npm install --save-dev @emotion/react @emotion/styled
+```
+
+```typescript
+// Button.tsx
+import styled from '@emotion/styled'
+
+const StyledButton = styled.button`
+  padding: 8px 16px;
+  background: blue;
+  color: white;
+`
+
+export const Button = () => <StyledButton>Click me</StyledButton>
+```
+
+## ⚙️ Config
+
+#### CSS Module
+
+1. Create `global.d.ts` file in root directory.
+
+```typescript
+// global.d.ts
+declare module '*.module.css' {
+  const classes: { [key: string]: string };
+  export default classes;
+}
+```
+
+2. Add `global.d.ts` to `include` list in `tsconfig.json` file.
+
+```javascript
+// tsconfig.json
+"include": ["src/components", "global.d.ts"], // Directory that needs to be packaged
+```
+
+#### Customize the naming rules for CSS files in the build output.
+
+- Add `assetFileNames` config in `vite.config.ts`.
+
+> ⚠️ If there are multiple CSS entries, they will be merged into a single `style.css` file.
+> Using `CSS-in-JS` eliminates this concern.
+
+```typescript
+// vite.config.ts
+assetFileNames: (assetInfo) => {
+  if (assetInfo.names && assetInfo.names.some((name) => name.endsWith('.css'))) return 'style.css';
+  return assetInfo.names[0];
+},
+```
+
+## 📦 Build
+
+- All components are located in `components` directory.
+
+- Exporting components and types in `index.ts` under `components` directory.
+
+```typescript
+// components/index.ts
+export { default as Button } from './Button';
+export type { ButtonProps } from './Button';
+```
+
+- Configure the directory to be packaged
+
+```javascript
+// tsconfig.json
+"include": ["src/components", "global.d.ts"], // Directory that needs to be packaged
+```
+
+- Configure the entry file of component library source code
+
+```typescript
+// vite.config.ts
+build: {
+  lib: {
+    // Entry file of component library source code
+    entry: resolve(__dirname, 'src/components/index.ts'),
+  },
+}
+```

package/dist/Button/Button.d.ts

@@ -0,0 +1,6 @@
+export interface ButtonProps {
+    text: string;
+    onClick?: () => void;
+}
+declare const Button: ({ text, onClick, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default Button;

package/dist/Button/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Button } from './Button';
+export type { ButtonProps } from './Button';
+export default Button;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Button } from './Button';
+export type { ButtonProps } from './Button';

package/dist/index.es.js

@@ -0,0 +1,273 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._button_yuu1c_1{width:100px;height:20px;background-color:#000;color:#fff;border-radius:5px;cursor:pointer}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import ee from "react";
+var v = { exports: {} }, _ = {};
+var $;
+function re() {
+  if ($) return _;
+  $ = 1;
+  var u = /* @__PURE__ */ Symbol.for("react.transitional.element"), l = /* @__PURE__ */ Symbol.for("react.fragment");
+  function i(f, o, s) {
+    var d = null;
+    if (s !== void 0 && (d = "" + s), o.key !== void 0 && (d = "" + o.key), "key" in o) {
+      s = {};
+      for (var m in o)
+        m !== "key" && (s[m] = o[m]);
+    } else s = o;
+    return o = s.ref, {
+      $$typeof: u,
+      type: f,
+      key: d,
+      ref: o !== void 0 ? o : null,
+      props: s
+    };
+  }
+  return _.Fragment = l, _.jsx = i, _.jsxs = i, _;
+}
+var E = {};
+var I;
+function te() {
+  return I || (I = 1, process.env.NODE_ENV !== "production" && (function() {
+    function u(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === Z ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case p:
+          return "Fragment";
+        case q:
+          return "Profiler";
+        case U:
+          return "StrictMode";
+        case G:
+          return "Suspense";
+        case X:
+          return "SuspenseList";
+        case H:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case W:
+            return "Portal";
+          case V:
+            return e.displayName || "Context";
+          case J:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case z:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case B:
+            return r = e.displayName || null, r !== null ? r : u(e.type) || "Memo";
+          case T:
+            r = e._payload, e = e._init;
+            try {
+              return u(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function l(e) {
+      return "" + e;
+    }
+    function i(e) {
+      try {
+        l(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var t = r.error, n = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          n
+        ), l(e);
+      }
+    }
+    function f(e) {
+      if (e === p) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === T)
+        return "<...>";
+      try {
+        var r = u(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function o() {
+      var e = k.A;
+      return e === null ? null : e.getOwner();
+    }
+    function s() {
+      return Error("react-stack-top-frame");
+    }
+    function d(e) {
+      if (w.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function m(e, r) {
+      function t() {
+        g || (g = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          r
+        ));
+      }
+      t.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: t,
+        configurable: !0
+      });
+    }
+    function L() {
+      var e = u(this.type);
+      return h[e] || (h[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function M(e, r, t, n, R, A) {
+      var a = t.ref;
+      return e = {
+        $$typeof: j,
+        type: e,
+        key: r,
+        props: t,
+        _owner: n
+      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: L
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: R
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: A
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function y(e, r, t, n, R, A) {
+      var a = r.children;
+      if (a !== void 0)
+        if (n)
+          if (Q(a)) {
+            for (n = 0; n < a.length; n++)
+              P(a[n]);
+            Object.freeze && Object.freeze(a);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else P(a);
+      if (w.call(r, "key")) {
+        a = u(e);
+        var c = Object.keys(r).filter(function(K) {
+          return K !== "key";
+        });
+        n = 0 < c.length ? "{key: someKey, " + c.join(": ..., ") + ": ...}" : "{key: someKey}", Y[a + n] || (c = 0 < c.length ? "{" + c.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          n,
+          a,
+          c,
+          a
+        ), Y[a + n] = !0);
+      }
+      if (a = null, t !== void 0 && (i(t), a = "" + t), d(r) && (i(r.key), a = "" + r.key), "key" in r) {
+        t = {};
+        for (var S in r)
+          S !== "key" && (t[S] = r[S]);
+      } else t = r;
+      return a && m(
+        t,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), M(
+        e,
+        a,
+        t,
+        o(),
+        R,
+        A
+      );
+    }
+    function P(e) {
+      x(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === T && (e._payload.status === "fulfilled" ? x(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function x(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === j;
+    }
+    var b = ee, j = /* @__PURE__ */ Symbol.for("react.transitional.element"), W = /* @__PURE__ */ Symbol.for("react.portal"), p = /* @__PURE__ */ Symbol.for("react.fragment"), U = /* @__PURE__ */ Symbol.for("react.strict_mode"), q = /* @__PURE__ */ Symbol.for("react.profiler"), J = /* @__PURE__ */ Symbol.for("react.consumer"), V = /* @__PURE__ */ Symbol.for("react.context"), z = /* @__PURE__ */ Symbol.for("react.forward_ref"), G = /* @__PURE__ */ Symbol.for("react.suspense"), X = /* @__PURE__ */ Symbol.for("react.suspense_list"), B = /* @__PURE__ */ Symbol.for("react.memo"), T = /* @__PURE__ */ Symbol.for("react.lazy"), H = /* @__PURE__ */ Symbol.for("react.activity"), Z = /* @__PURE__ */ Symbol.for("react.client.reference"), k = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, w = Object.prototype.hasOwnProperty, Q = Array.isArray, O = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    b = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var g, h = {}, N = b.react_stack_bottom_frame.bind(
+      b,
+      s
+    )(), C = O(f(s)), Y = {};
+    E.Fragment = p, E.jsx = function(e, r, t) {
+      var n = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return y(
+        e,
+        r,
+        t,
+        !1,
+        n ? Error("react-stack-top-frame") : N,
+        n ? O(f(e)) : C
+      );
+    }, E.jsxs = function(e, r, t) {
+      var n = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return y(
+        e,
+        r,
+        t,
+        !0,
+        n ? Error("react-stack-top-frame") : N,
+        n ? O(f(e)) : C
+      );
+    };
+  })()), E;
+}
+var F;
+function ne() {
+  return F || (F = 1, process.env.NODE_ENV === "production" ? v.exports = re() : v.exports = te()), v.exports;
+}
+var D = ne();
+const ae = "_button_yuu1c_1", oe = {
+  button: ae
+}, ue = ({
+  text: u = "Button",
+  onClick: l = () => {
+    console.log("click");
+  }
+}) => /* @__PURE__ */ D.jsx("div", { children: /* @__PURE__ */ D.jsx("button", { className: oe.button, onClick: l, children: u }) });
+export {
+  ue as Button
+};

package/dist/index.umd.js

@@ -0,0 +1,7 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._button_yuu1c_1{width:100px;height:20px;background-color:#000;color:#fff;border-radius:5px;cursor:pointer}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+(function(l,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],f):(l=typeof globalThis<"u"?globalThis:l||self,f(l["svipwrap-npm-tsx-boilerplate"]={},l.React))})(this,(function(l,f){"use strict";var R={exports:{}},d={};var P;function W(){if(P)return d;P=1;var u=Symbol.for("react.transitional.element"),c=Symbol.for("react.fragment");function _(E,a,s){var b=null;if(s!==void 0&&(b=""+s),a.key!==void 0&&(b=""+a.key),"key"in a){s={};for(var p in a)p!=="key"&&(s[p]=a[p])}else s=a;return a=s.ref,{$$typeof:u,type:E,key:b,ref:a!==void 0?a:null,props:s}}return d.Fragment=c,d.jsx=_,d.jsxs=_,d}var m={};var j;function U(){return j||(j=1,process.env.NODE_ENV!=="production"&&(function(){function u(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===oe?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case k:return"Fragment";case H:return"Profiler";case X:return"StrictMode";case ee:return"Suspense";case re:return"SuspenseList";case ne:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case B:return"Portal";case Q:return e.displayName||"Context";case Z:return(e._context.displayName||"Context")+".Consumer";case K:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case te:return r=e.displayName||null,r!==null?r:u(e.type)||"Memo";case O:r=e._payload,e=e._init;try{return u(e(r))}catch{}}return null}function c(e){return""+e}function _(e){try{c(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),c(e)}}function E(e){if(e===k)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===O)return"<...>";try{var r=u(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function a(){var e=y.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function b(e){if(I.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function p(e,r){function t(){$||($=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function z(){var e=u(this.type);return F[e]||(F[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function G(e,r,t,n,T,A){var o=t.ref;return e={$$typeof:Y,type:e,key:r,props:t,_owner:n},(o!==void 0?o:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:z}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:T}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:A}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function g(e,r,t,n,T,A){var o=r.children;if(o!==void 0)if(n)if(ae(o)){for(n=0;n<o.length;n++)N(o[n]);Object.freeze&&Object.freeze(o)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else N(o);if(I.call(r,"key")){o=u(e);var i=Object.keys(r).filter(function(se){return se!=="key"});n=0<i.length?"{key: someKey, "+i.join(": ..., ")+": ...}":"{key: someKey}",L[o+n]||(i=0<i.length?"{"+i.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,n,o,i,o),L[o+n]=!0)}if(o=null,t!==void 0&&(_(t),o=""+t),b(r)&&(_(r.key),o=""+r.key),"key"in r){t={};for(var x in r)x!=="key"&&(t[x]=r[x])}else t=r;return o&&p(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),G(e,o,t,a(),T,A)}function N(e){C(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===O&&(e._payload.status==="fulfilled"?C(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function C(e){return typeof e=="object"&&e!==null&&e.$$typeof===Y}var v=f,Y=Symbol.for("react.transitional.element"),B=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),X=Symbol.for("react.strict_mode"),H=Symbol.for("react.profiler"),Z=Symbol.for("react.consumer"),Q=Symbol.for("react.context"),K=Symbol.for("react.forward_ref"),ee=Symbol.for("react.suspense"),re=Symbol.for("react.suspense_list"),te=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),ne=Symbol.for("react.activity"),oe=Symbol.for("react.client.reference"),y=v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,I=Object.prototype.hasOwnProperty,ae=Array.isArray,S=console.createTask?console.createTask:function(){return null};v={react_stack_bottom_frame:function(e){return e()}};var $,F={},D=v.react_stack_bottom_frame.bind(v,s)(),M=S(E(s)),L={};m.Fragment=k,m.jsx=function(e,r,t){var n=1e4>y.recentlyCreatedOwnerStacks++;return g(e,r,t,!1,n?Error("react-stack-top-frame"):D,n?S(E(e)):M)},m.jsxs=function(e,r,t){var n=1e4>y.recentlyCreatedOwnerStacks++;return g(e,r,t,!0,n?Error("react-stack-top-frame"):D,n?S(E(e)):M)}})()),m}var h;function q(){return h||(h=1,process.env.NODE_ENV==="production"?R.exports=W():R.exports=U()),R.exports}var w=q();const J={button:"_button_yuu1c_1"},V=({text:u="Button",onClick:c=()=>{console.log("click")}})=>w.jsx("div",{children:w.jsx("button",{className:J.button,onClick:c,children:u})});l.Button=V,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@svipwrap/npm-tsx-boilerplate",
+  "version": "1.0.0",
+  "description": "svipwrap-npm-ts-boilerplate provides a minimal setup to get React working in Vite with HMR and some ESLint rules.",
+  "type": "module",
+  "main": "dist/index.umd.js",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "preview": "vite preview",
+    "format": "prettier --write \"src/**/*.{ts,tsx,css}\"",
+    "lint": "tslint -p tsconfig.json",
+    "test": "jest --config jestconfig.json",
+    "test:watch": "jest --watch --config jestconfig.json",
+    "test:clear": "jest --clearCache",
+    "prepare": "npm run build",
+    "prepublishOnly": "npm run test && npm run lint",
+    "preversion": "npm run lint",
+    "version": "npm run format && git add -A src",
+    "postversion": "git push && git push --tags"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/SSzzPP/svipwrap-npm-tsx-boilerplate.git"
+  },
+  "keywords": [
+    "typescript",
+    "react",
+    "vite",
+    "ts",
+    "tsx",
+    "npm",
+    "boilerplate"
+  ],
+  "author": "SSzzPP",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/SSzzPP/svipwrap-npm-tsx-boilerplate/issues"
+  },
+  "homepage": "https://github.com/SSzzPP/svipwrap-npm-tsx-boilerplate#readme",
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/jest": "^30.0.0",
+    "@types/node": "^25.0.10",
+    "@types/react": "^19.2.9",
+    "@vitejs/plugin-react": "^5.1.2",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^30.2.0",
+    "jest-environment-jsdom": "^30.2.0",
+    "prettier": "^3.8.1",
+    "ts-jest": "^29.4.6",
+    "tslint": "^6.1.3",
+    "tslint-config-prettier": "^1.18.0",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "dependencies": {
+    "react": ">=16.8",
+    "react-dom": ">=16.8"
+  },
+  "peerDependencies": {
+    "react": ">=16.8",
+    "react-dom": ">=16.8"
+  },
+  "files": [
+    "dist"
+  ]
+}