@react-foundry/client-component-helpers 0.1.9 → 0.2.0

package/dist/index.js

@@ -1,17 +1 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./is-mounted"), exports);
+export * from './is-mounted';

package/dist/is-mounted.js

@@ -1,14 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIsMounted = void 0;
-const react_1 = require("react");
+import { useEffect, useState } from 'react';
 // Inspired by:
 // - https://tech.willhaben.at/how-to-shoot-yourself-in-the-foot-in-react-401e7dbba720
 // - https://www.joshwcomeau.com/react/the-perils-of-rehydration/
-const useIsMounted = () => {
-    const [isMounted, setIsMounted] = (0, react_1.useState)(false);
+export const useIsMounted = () => {
+    const [isMounted, setIsMounted] = useState(false);
     const markAsMounted = () => setIsMounted(true);
-    (0, react_1.useEffect)(markAsMounted, []);
+    useEffect(markAsMounted, []);
     return isMounted;
 };
-exports.useIsMounted = useIsMounted;

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@react-foundry/client-component-helpers",
-  "version": "0.1.9",
+  "version": "0.2.0",
   "description": "Helper functions for writing client components.",
+  "type": "module",
   "main": "dist/index.js",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js",
-      "default": "./dist/index.mjs"
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
     }
   },
   "files": [
@@ -25,11 +25,9 @@
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "npm run build:esm && npm run build:cjs",
-    "build:esm": "tsc -m es2022 && find dist -name '*.js' -exec sh -c 'mv \"$0\" \"${0%.js}.mjs\"' {} \\;",
-    "build:cjs": "tsc",
+    "build": "tsc",
     "clean": "rm -rf dist tsconfig.tsbuildinfo"
   },
-  "module": "dist/index.mjs",
+  "module": "dist/index.js",
   "typings": "dist/index.d.ts"
 }

package/dist/index.mjs

@@ -1 +0,0 @@
-export * from './is-mounted';

package/dist/is-mounted.mjs

@@ -1,10 +0,0 @@
-import { useEffect, useState } from 'react';
-// Inspired by:
-// - https://tech.willhaben.at/how-to-shoot-yourself-in-the-foot-in-react-401e7dbba720
-// - https://www.joshwcomeau.com/react/the-perils-of-rehydration/
-export const useIsMounted = () => {
-    const [isMounted, setIsMounted] = useState(false);
-    const markAsMounted = () => setIsMounted(true);
-    useEffect(markAsMounted, []);
-    return isMounted;
-};