@react-email/code-inline - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3-canary.0

dist/index.d.ts

@@ -0,1 +1,3 @@
+import React from 'react';
+
 type RootProps = React.ComponentPropsWithoutRef<"code"> & React.ComponentPropsWithoutRef<"span">;
@@ -7,4 +9,4 @@ type CodeInlineProps = RootProps;
  */
-declare const CodeInline: React.FC<Readonly<CodeInlineProps>>;
+declare const CodeInline: React.ForwardRefExoticComponent<Readonly<RootProps> & React.RefAttributes<HTMLSpanElement>>;
 
 export { CodeInline, CodeInlineProps };

dist/index.js

 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -8,2 +9,3 @@ var __defProps = Object.defineProperties;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
@@ -48,2 +50,10 @@ var __propIsEnum = Object.prototype.propertyIsEnumerable;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
@@ -59,9 +69,6 @@
 // src/code-inline.tsx
+var import_react = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var CodeInline = (_a) => {
-  var _b = _a, {
-    children
-  } = _b, props = __objRest(_b, [
-    "children"
-  ]);
+var CodeInline = import_react.default.forwardRef((_a, ref) => {
+  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
@@ -89,2 +96,3 @@ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: `
         className: `${props.className ? props.className : ""} cio`,
+        ref,
         style: __spreadValues({ display: "none" }, props.style),
@@ -95,3 +103,4 @@ children
   ] });
-};
+});
+CodeInline.displayName = "CodeInline";
 // Annotate the CommonJS export names for ESM import in node:
@@ -98,0 +107,0 @@ 0 && (module.exports = {

package.json

 {
   "name": "@react-email/code-inline",
-  "version": "0.0.2",
+  "version": "0.0.3-canary.0",
   "description": "Display a predictable inline code HTML element that works on all email clients",
@@ -32,3 +32,3 @@ "sideEffects": false,
   "peerDependencies": {
-    "react": "^18.2.0"
+    "react": "^18.0 || ^19.0 || ^19.0.0-rc"
   },
@@ -40,5 +40,5 @@ "devDependencies": {
     "vitest": "1.1.0",
-    "tsconfig": "0.0.0",
+    "@react-email/render": "0.0.17-canary.0",
     "eslint-config-custom": "0.0.0",
-    "@react-email/render": "0.0.13"
+    "tsconfig": "0.0.0"
   },
@@ -45,0 +45,0 @@ "scripts": {

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

12454

8.86%

Lines of code

178

5.33%

Number of medium supply chain risk alerts

0

-100%

No dependency changes