{"library":"oy-vey","title":"Oy-vey: React Email Templates","description":"Oy-vey is a utility library for building server-side HTML email templates using React. It provides a set of components (`Table`, `TBody`, `TR`, `TD`, `Img`, `A`) that validate props against email best practices to help ensure compatibility across various email clients. The package also offers `Oy.renderTemplate` to inject rendered React components into a complete HTML email skeleton. Currently at version 0.12.1, the project appears to be largely abandoned, with the last npm publish over five years ago and known, unaddressed issues such as significant TypeScript compilation time increases. Its primary differentiation lies in its React-based component validation for email best practices, but it lacks active development and modern ecosystem support.","language":"javascript","status":"abandoned","last_verified":"Tue Apr 21","install":{"commands":["npm install oy-vey"],"cli":null},"imports":["import Oy from 'oy-vey';","import Oy from 'oy-vey';\nconst { Table, TBody, TR, TD } = Oy;","import Oy from 'oy-vey';\nOy.renderTemplate(<MyEmail />, options);"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import express from 'express';\nimport React from 'react';\nimport Oy from 'oy-vey';\n\nconst MyEmailTemplate = ({ username }) => {\n  const { Table, TBody, TR, TD } = Oy;\n  return (\n    <Table width=\"100%\" border=\"0\" cellPadding=\"0\" cellSpacing=\"0\">\n      <TBody>\n        <TR>\n          <TD align=\"center\" style={{ padding: '20px' }}>\n            <h1>Hello, {username}!</h1>\n            <p>This is a test email rendered with Oy-vey and React.</p>\n            <a href=\"https://example.com\" style={{ color: '#1a73e8' }}>Visit our site</a>\n          </TD>\n        </TR>\n      </TBody>\n    </Table>\n  );\n};\n\nconst server = express();\nserver.set('port', (process.env.PORT || 8887));\n\nserver.get('/email/hello', (req, res) => {\n  const template = Oy.renderTemplate(<MyEmailTemplate username=\"Developer\" />, {\n    title: 'Welcome Email',\n    previewText: 'A quick intro to our service.',\n    headCSS: 'body { font-family: sans-serif; }',\n    bgColor: '#f0f0f0'\n  });\n  res.send(template);\n});\n\nserver.listen(server.get('port'), () => {\n  console.log('Node server is running on port', server.get('port'));\n});","lang":"javascript","description":"Demonstrates rendering a simple React email component using Oy-vey and serving it via an Express.js endpoint.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}