@daisychainapp/maily-to-core 0.2.12 → 0.3.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@daisychainapp/maily-to-core",
   "type": "module",
-  "version": "0.2.12",
+  "version": "0.3.5",
   "description": "Powerful editor for creating beautiful, pre-designed, mobile-ready emails.",
   "private": false,
   "main": "./dist/index.cjs",
@@ -150,6 +150,7 @@
     "@radix-ui/react-popover": "^1.1.6",
     "@radix-ui/react-slot": "^1.1.2",
     "@radix-ui/react-tooltip": "^1.1.8",
+    "@tailwindcss/postcss": "^4.1.8",
     "@tiptap/core": "^2.11.5",
     "@tiptap/extension-code-block-lowlight": "^2.11.5",
     "@tiptap/extension-color": "^2.11.5",
@@ -177,18 +178,20 @@
     "lowlight": "^3.3.0",
     "lucide-react": "^0.483.0",
     "react-colorful": "^5.6.1",
-    "tailwind-merge": "^2.5.4",
-    "tailwindcss": "^3.4.14",
+    "tailwindcss": "^4.1.8",
     "tippy.js": "^6.3.7",
     "uuid": "^11.1.0",
     "y-prosemirror": "^1.3.0"
   },
   "devDependencies": {
+    "@tailwindcss/typography": "^0.5.16",
     "@types/react": "^18.3.18",
     "postcss": "^8.5.3",
     "postcss-replace": "^2.0.1",
-    "tailwind-config": "workspace:*",
+    "tailwind-merge": "^3.3.0",
+    "tailwind-scrollbar": "^4.0.2",
     "tsconfig": "workspace:*",
+    "tw-animate-css": "^1.3.6",
     "typescript": "^5.8.2"
   },
   "peerDependencies": {

package/readme.md

@@ -1,4 +1,4 @@
-<h1 align="center"><img height="150" src="https://maily.to/brand/icon.svg" /><br> @maily.to/core</h1>
+<h1 align="center"><img height="150" src="https://maily.to/brand/icon.svg" /><br> @maily-to/core</h1>
 
 <p align="center">
   <a href="https://github.com/arikchakma/maily.to/blob/main/license">
@@ -156,7 +156,7 @@ You can pass variables to the editor in two ways:
    <Editor
      extensions={[
        VariableExtension.configure({
-         suggestions: getVariableSuggestions('@'),
+         suggestion: getVariableSuggestions('@'),
          variables: [{
             name: 'currentTime',
             required: false,
@@ -177,7 +177,7 @@ You can pass variables to the editor in two ways:
    <Editor
      extensions={[
        VariableExtension.configure({
-         suggestions: getVariableSuggestions('@'),
+         suggestion: getVariableSuggestions('@'),
          variables: ({ query, from, editor }) => {
            // magic goes here
            // query: the text after the trigger character
@@ -194,6 +194,13 @@ You can pass variables to the editor in two ways:
            return [
              { name: 'currentDate' },
              { name: 'currentTime', required: false },
+             {
+               name: 'first_name',
+               required: false,
+               // if you want to hide the default value
+               // input in the popover
+               hideDefaultValue: true,
+             },
            ];
          },
        }),
@@ -224,12 +231,12 @@ import { MailyKit, VariableExtension, getVariableSuggestions } from '@maily-to/c
         // now you can replace the default
         // VariableView with your custom view
         return ReactNodeViewRenderer(VariableView, {
-          className: 'mly-relative mly-inline-block',
+          className: 'mly:relative mly:inline-block',
           as: 'div',
         });
       },
     }).configure({
-      suggestions: getVariableSuggestions(variableTriggerCharacter),
+      suggestion: getVariableSuggestions(variableTriggerCharacter),
     }),
   ]}
 />