{"_id":"@andrianarivo/easy-email-extensions","name":"@andrianarivo/easy-email-extensions","dist-tags":{"latest":"4.16.4"},"versions":{"4.16.4":{"name":"@andrianarivo/easy-email-extensions","license":"MIT","description":"Email editor","version":"4.16.4","author":{"name":"m-Ryan"},"repository":{"type":"git","url":"git+ssh://git@github.com/zalify/easy-email.git"},"keywords":["email editor core"],"main":"lib/index.js","types":"lib/index.d.ts","scripts":{"dev":"vite","typings":"tsc --declaration --emitDeclarationOnly --project tsconfig.lib.json && ./node_modules/.bin/tsc-alias -p tsconfig.alias.json","build":"rimraf lib && pnpm run typings && ./node_modules/.bin/vite build --config vite.config.ts","format":"eslint --fix  --ext .tsx,.ts,.tsx src/","test":"jest  --coverage"},"husky":{"hooks":{"pre-commit":"yarn test && yarn lint-staged"}},"lint-staged":{"src/*.{js,jsx,ts,tsx}, example/*.{js,jsx,ts,tsx}":["yarn lint"]},"devDependencies":{"@babel/core":"^7.15.0","@babel/preset-env":"^7.15.0","@babel/preset-react":"^7.14.5","@babel/preset-typescript":"^7.15.0","@types/color":"^3.0.3","@types/jest":"^26.0.24","@types/jsdom":"^16.2.13","@types/lodash":"^4.14.178","@types/node":"^16.11.7","@types/react":"^18.2.2","@types/react-color":"^3.0.6","@types/react-dom":"^18.2.3","@types/uuid":"^8.3.4","@typescript-eslint/eslint-plugin":"^4.28.3","@typescript-eslint/parser":"^4.28.3","@vitejs/plugin-react-refresh":"^1.3.6","babel-jest":"^27.0.6","cross-env":"^7.0.3","eslint":"^7.31.0","eslint-config-prettier":"^8.3.0","eslint-loader":"^4.0.2","eslint-plugin-import":"^2.23.4","eslint-plugin-prettier":"^3.4.0","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","jest":"^27.0.6","jsdom":"^17.0.0","lerna":"^4.0.0","less":"^4.1.2","react":"^19","react-dom":"^19","react-final-form":"^6.5.7","rimraf":"^5.0.5","rollup-plugin-visualizer":"^5.5.2","sass":"^1.43.4","ts-node":"^10.4.0","tsc-alias":"^1.4.1","typescript":"^4.4.4","vite":"^2.6.14","vite-plugin-html":"^2.1.1","vite-plugin-style-import":"^1.3.0"},"dependencies":{"@arco-design/web-react":"^2.36.1","codemirror":"^5.63.3","color":"^4.2.3","final-form":"^4.20.4","final-form-arrays":"^3.0.2","final-form-set-field-touched":"^1.0.1","is-hotkey":"^0.2.0","lodash":"^4.17.21","mjml-browser":"^4.10.4","overlayscrollbars":"^1.13.2","overlayscrollbars-react":"^0.3.0","react-codemirror2":"^7.2.1","react-color":"^2.19.3","react-final-form-arrays":"^3.1.3","react-use":"^17.3.1","uuid":"^9.0.1"},"peerDependencies":{"@andrianarivo/easy-email-core":"^4.3.6","@andrianarivo/easy-email-editor":"^4.3.6","react":"^19","react-dom":"^19","react-final-form":"^6.5.7"},"gitHead":"bb5757eb3146f55c31d4354f1480939c3af8efe1","_id":"@andrianarivo/easy-email-extensions@4.16.4","bugs":{"url":"https://github.com/zalify/easy-email/issues"},"homepage":"https://github.com/zalify/easy-email#readme","_nodeVersion":"22.18.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-+7Dmasal3hLcpBoGBhn8T1vevYnyeE8Zs95CE7JhnwFTPFpWiP3TPy4SFLwTn8gd7Low3cnZrDPhyqWpOXH57A==","shasum":"c6d15b18e30569020054c54c7a86e3ce309a4682","tarball":"https://registry.npmjs.org/@andrianarivo/easy-email-extensions/-/easy-email-extensions-4.16.4.tgz","fileCount":196,"unpackedSize":7799272,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIHmCNIVNapMkwJ2lK558BFuUTpqC1NjTE1W7dSsdWKofAiBN1+2fDfkf6ui+E6QZm314HlksHlVzHb7/qRFQ4+Hgow=="}]},"_npmUser":{"name":"andrianarivo","email":"andrianarivo.david@gmail.com"},"directories":{},"maintainers":[{"name":"andrianarivo","email":"andrianarivo.david@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/easy-email-extensions_4.16.4_1758790890093_0.7251157377382025"},"_hasShrinkwrap":false}},"time":{"created":"2025-09-25T09:01:30.012Z","4.16.4":"2025-09-25T09:01:30.398Z","modified":"2025-09-25T09:01:30.634Z"},"maintainers":[{"name":"andrianarivo","email":"andrianarivo.david@gmail.com"}],"description":"Email editor","homepage":"https://github.com/zalify/easy-email#readme","keywords":["email editor core"],"repository":{"type":"git","url":"git+ssh://git@github.com/zalify/easy-email.git"},"author":{"name":"m-Ryan"},"bugs":{"url":"https://github.com/zalify/easy-email/issues"},"license":"MIT","readme":"# Easy-email-extensions\n\n## usage\n\n```sh\n$ npm install --save easy-email-extensions\n```\n\nor\n\n```sh\n$ yarn add easy-email-extensions\n```\n\n```js\nimport React from 'react';\nimport { BlockManager, BasicType, AdvancedType } from 'easy-email-core';\nimport { EmailEditor, EmailEditorProvider } from 'easy-email-editor';\nimport { ExtensionProps, StandardLayout } from 'easy-email-extensions';\n\nimport 'easy-email-editor/lib/style.css';\nimport 'easy-email-extensions/lib/style.css';\n\nconst categories: ExtensionProps['categories'] = [\n  {\n    label: 'Content',\n    active: true,\n    blocks: [\n      {\n        type: AdvancedType.TEXT,\n      },\n      {\n        type: AdvancedType.IMAGE,\n        payload: { attributes: { padding: '0px 0px 0px 0px' } },\n      },\n      {\n        type: AdvancedType.BUTTON,\n      },\n      {\n        type: AdvancedType.SOCIAL,\n      },\n      {\n        type: AdvancedType.DIVIDER,\n      },\n      {\n        type: AdvancedType.SPACER,\n      },\n      {\n        type: AdvancedType.HERO,\n      },\n      {\n        type: AdvancedType.WRAPPER,\n      },\n    ],\n  },\n  {\n    label: 'Layout',\n    active: true,\n    displayType: 'column',\n    blocks: [\n      {\n        title: '2 columns',\n        payload: [\n          ['50%', '50%'],\n          ['33%', '67%'],\n          ['67%', '33%'],\n          ['25%', '75%'],\n          ['75%', '25%'],\n        ],\n      },\n      {\n        title: '3 columns',\n        payload: [\n          ['33.33%', '33.33%', '33.33%'],\n          ['25%', '25%', '50%'],\n          ['50%', '25%', '25%'],\n        ],\n      },\n      {\n        title: '4 columns',\n        payload: [['25%', '25%', '25%', '25%']],\n      },\n    ],\n  },\n];\n\nconst initialValues = {\n  subject: 'Welcome to Easy-email',\n  subTitle: 'Nice to meet you!',\n  content: BlockManager.getBlockByType(BasicType.PAGE)!.create({}),\n};\n\nexport default function App() {\n\n  return (\n    <EmailEditorProvider\n      data={initialValues}\n      height={'calc(100vh - 72px)'}\n      autoComplete\n      dashed={false}\n    >\n      {({ values }) => {\n        return (\n          <StandardLayout\n            categories={categories}\n            showSourceCode={true}\n          >\n            <EmailEditor />\n          </StandardLayout>\n        );\n      }}\n    </EmailEditorProvider>\n  );\n}\n\n```\n","readmeFilename":"readme.md","_rev":"1-d1d48d586f52fd139a5c135585d8441d"}