@monkedevlife/solidjs-email-code-inline 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Monke
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.mts

@@ -0,0 +1,9 @@
+import { Component, JSX } from "solid-js";
+
+//#region src/code-inline.d.ts
+type RootProps = JSX.HTMLAttributes<HTMLElement> & JSX.HTMLAttributes<HTMLSpanElement>;
+type CodeInlineProps = Readonly<RootProps>;
+declare const CodeInline: Component<CodeInlineProps>;
+//#endregion
+export { CodeInline, type CodeInlineProps };
+//# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/code-inline.tsx"],"sourcesContent":[],"mappings":";;;KAGK,SAAA,GAAY,GAAA,CAAI,eAAe,eAAe,GAAA,CAAI,eAAe;KAE1D,eAAA,GAAkB,SAAS;AAFlC,cAIQ,UAJC,EAIW,SAJX,CAIqB,eAJrB,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+import { Component, JSX } from "solid-js";
+
+//#region src/code-inline.d.ts
+type RootProps = JSX.HTMLAttributes<HTMLElement> & JSX.HTMLAttributes<HTMLSpanElement>;
+type CodeInlineProps = Readonly<RootProps>;
+declare const CodeInline: Component<CodeInlineProps>;
+//#endregion
+export { CodeInline, type CodeInlineProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/code-inline.tsx"],"sourcesContent":[],"mappings":";;;KAGK,SAAA,GAAY,GAAA,CAAI,eAAe,eAAe,GAAA,CAAI,eAAe;KAE1D,eAAA,GAAkB,SAAS;AAFlC,cAIQ,UAJC,EAIW,SAJX,CAIqB,eAJrB,CAAA"}

package/dist/index.js

@@ -0,0 +1,59 @@
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+const solid_js = __toESM(require("solid-js"));
+const solid_js_jsx_runtime = __toESM(require("solid-js/jsx-runtime"));
+
+//#region src/code-inline.tsx
+const CodeInline = (props) => {
+	const [local, others] = (0, solid_js.splitProps)(props, ["children", "class"]);
+	return /* @__PURE__ */ (0, solid_js_jsx_runtime.jsxs)(solid_js_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, solid_js_jsx_runtime.jsx)("style", { children: `
+        meta ~ .cino {
+          display: none !important;
+          opacity: 0 !important;
+        }
+
+        meta ~ .cio {
+          display: block !important;
+        }
+      ` }),
+		/* @__PURE__ */ (0, solid_js_jsx_runtime.jsx)("code", {
+			...others,
+			class: `${local.class ? local.class : ""} cino`.trim(),
+			children: local.children
+		}),
+		/* @__PURE__ */ (0, solid_js_jsx_runtime.jsx)("span", {
+			...others,
+			class: `${local.class ? local.class : ""} cio`.trim(),
+			style: {
+				display: "none",
+				...others.style
+			},
+			children: local.children
+		})
+	] });
+};
+
+//#endregion
+exports.CodeInline = CodeInline;

package/dist/index.mjs

@@ -0,0 +1,37 @@
+import { splitProps } from "solid-js";
+import { Fragment, jsx, jsxs } from "solid-js/jsx-runtime";
+
+//#region src/code-inline.tsx
+const CodeInline = (props) => {
+	const [local, others] = splitProps(props, ["children", "class"]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("style", { children: `
+        meta ~ .cino {
+          display: none !important;
+          opacity: 0 !important;
+        }
+
+        meta ~ .cio {
+          display: block !important;
+        }
+      ` }),
+		/* @__PURE__ */ jsx("code", {
+			...others,
+			class: `${local.class ? local.class : ""} cino`.trim(),
+			children: local.children
+		}),
+		/* @__PURE__ */ jsx("span", {
+			...others,
+			class: `${local.class ? local.class : ""} cio`.trim(),
+			style: {
+				display: "none",
+				...others.style
+			},
+			children: local.children
+		})
+	] });
+};
+
+//#endregion
+export { CodeInline };
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["CodeInline: Component<CodeInlineProps>"],"sources":["../src/code-inline.tsx"],"sourcesContent":["import type { Component, JSX } from 'solid-js';\nimport { splitProps } from 'solid-js';\n\ntype RootProps = JSX.HTMLAttributes<HTMLElement> & JSX.HTMLAttributes<HTMLSpanElement>;\n\nexport type CodeInlineProps = Readonly<RootProps>;\n\nexport const CodeInline: Component<CodeInlineProps> = (props) => {\n  const [local, others] = splitProps(props, ['children', 'class']);\n\n  return (\n    <>\n      {/* \n        This style tag is targeted at fixing an issue for the Orange.fr email client\n        See:\n        - https://www.caniemail.com/features/html-code/\n        - https://www.howtotarget.email/#2019-03-26-freenet-2\n\n        On that email client, the head and html elements are removed, making the meta tag a sibling of them\n        allowing us to use a selector on them. Also <style> tags are supported on it.\n      */}\n      <style>{`\n        meta ~ .cino {\n          display: none !important;\n          opacity: 0 !important;\n        }\n\n        meta ~ .cio {\n          display: block !important;\n        }\n      `}</style>\n\n      {/* Does not render on Orange.fr */}\n      <code\n        {...others}\n        class={`${local.class ? local.class : ''} cino`.trim()}\n      >\n        {local.children}\n      </code>\n\n      {/* Renders only on Orange.fr */}\n      <span\n        {...others}\n        class={`${local.class ? local.class : ''} cio`.trim()}\n        style={{ display: 'none', ...others.style as JSX.CSSProperties }}\n      >\n        {local.children}\n      </span>\n    </>\n  );\n};\n"],"mappings":";;;;AAOA,MAAaA,aAAyC,CAAC,UAAU;CAC/D,MAAM,CAAC,OAAO,OAAO,GAAG,WAAW,OAAO,CAAC,YAAY,OAAQ,EAAC;AAEhE,wBACE;kBAUE,IAAC,sBAAQ;;;;;;;;;UASC;kBAGV,IAAC;GACC,GAAI;GACJ,OAAO,CAAC,EAAE,MAAM,QAAQ,MAAM,QAAQ,GAAG,OAAO,MAAM;aAErD,MAAM;IACF;kBAGP,IAAC;GACC,GAAI;GACJ,OAAO,CAAC,EAAE,MAAM,QAAQ,MAAM,QAAQ,GAAG,MAAM,MAAM;GACrD,OAAO;IAAE,SAAS;IAAQ,GAAG,OAAO;GAA4B;aAE/D,MAAM;IACF;KACN;AAEN"}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@monkedevlife/solidjs-email-code-inline",
+  "version": "0.0.1",
+  "description": "Inline code component for SolidJS email templates",
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist/**"
+  ],
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
+  "license": "MIT",
+  "keywords": [
+    "solidjs",
+    "email"
+  ],
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "peerDependencies": {
+    "solid-js": "^1.9.0"
+  },
+  "devDependencies": {
+    "solid-js": "^1.9.0",
+    "typescript": "^5.8.0",
+    "vitest": "^4.0.0",
+    "@monkedevlife/solidjs-email-render": "0.0.1"
+  },
+  "author": "monkedevlife",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/monkedevlife/solidjs-email.git",
+    "directory": "packages/code-inline"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsdown src/index.ts --format esm,cjs --dts",
+    "build:watch": "tsdown src/index.ts --format esm,cjs --dts --watch",
+    "clean": "rm -rf dist",
+    "test": "vitest run"
+  }
+}