1.2.126 • Published 1 day ago

@social-mail/social-mail-client v1.2.126

Weekly downloads
-
License
ISC
Repository
-
Last release
1 day ago

Social Mail Web Client

Social Mail Web Client

Design

  1. Social Mail client uses images to track mail reads.
  2. Social Mail embeds engagement tracker for old email clients.

Engagement Image Replacement

  1. HTML contains regular buttons with embedded emoji and counts.
  2. We cannot use SVG as SVG does not have automatic width calculation. This will create mismatch of sizes in content display and engagement images.
  3. Button will contain specific class, which will be replaced at runtime with actual count.

Future Template

<table style="width:100%">
  <tr>
    <td>
      <a
        class="social-mail-like"
        style="text-decoration: none;outline: none;border:none; margin-right: 5px"
        title="Title"
        data-social-mail-command="❤️"
        data-social-mail-transform="buttons-3x">
        <img
            data-element="image"
            style="max-height:30px;"/>
        <button
            data-element="template"
            style="margin: 1px;padding:2px;padding-left: 5px;padding-right: 5px; border: solid 1px lightgray; border-radius: 9999px; display: inline-flex; align-items: center;">❤️<span
                data-social-mail-element="count"/>
        </button>
    </a>
      <a
        class="social-mail-dislike"
        style="text-decoration: none;outline: none;border:none; margin-right: 5px"
        title="Title"
        data-social-mail-command="😔"
        data-social-mail-transform="buttons-3x">
        <img
            data-element="image"
            style="max-height:30px;"/>
        <button
            data-element="template"
            style="margin: 1px;padding:2px;padding-left: 5px;padding-right: 5px; border: solid 1px lightgray; border-radius: 9999px; display: inline-flex; align-items: center;">😔<span
                data-social-mail-element="count"/>
        </button>
    </a>
    </td>
    <td style="text-align:right">
      <span
        data-social-mail-tracker="tracker"
        class="social-mail-views"
        style="text-decoration: none;outline: none;border:none; margin-right: 5px"
        title="Title"
        data-social-mail-command="👁️‍🗨️"
        data-social-mail-transform="buttons-3x">
        <img
            data-element="image"
            style="max-height:30px;"/>
        <button
            data-element="template"
            style="margin: 1px;padding:2px;padding-left: 5px;padding-right: 5px; border: solid 1px lightgray; border-radius: 9999px; display: inline-flex; align-items: center;">👁️‍🗨️<span
                data-social-mail-element="count"/>
        </button>
    </span>
    </td>
  </tr>
</table>
@web-atoms/core@web-atoms/data-styles@web-atoms/date-time@web-atoms/email-dom@web-atoms/entity@web-atoms/font-awesome@web-atoms/hybrid-clr@web-atoms/module-loader@web-atoms/web-controlsreflect-metadatatinycolor2
@everything-registry/sub-chunk-849@social-mail/social-mail-hosted-web
1.2.123

1 day ago

1.2.122

1 day ago

1.2.125

1 day ago

1.2.124

1 day ago

1.2.126

1 day ago

1.2.121

2 days ago

1.2.118

3 days ago

1.2.120

3 days ago

1.2.119

3 days ago

1.2.116

4 days ago

1.2.117

4 days ago

1.2.115

8 days ago

1.2.112

9 days ago

1.2.114

9 days ago

1.2.113

9 days ago

1.2.107

10 days ago

1.2.111

10 days ago

1.2.110

10 days ago

1.2.109

10 days ago

1.2.108

10 days ago

1.2.103

11 days ago

1.2.102

11 days ago

1.2.105

11 days ago

1.2.104

11 days ago

1.2.106

11 days ago

1.2.101

14 days ago

1.2.100

15 days ago

1.2.96

16 days ago

1.2.97

16 days ago

1.2.95

16 days ago

1.2.98

16 days ago

1.2.99

16 days ago

1.2.93

18 days ago

1.2.89

22 days ago

1.2.88

22 days ago

1.2.92

22 days ago

1.2.90

22 days ago

1.2.91

22 days ago

1.2.81

24 days ago

1.2.82

24 days ago

1.2.80

24 days ago

1.2.85

23 days ago

1.2.86

23 days ago

1.2.83

23 days ago

1.2.84

23 days ago

1.2.87

23 days ago

1.2.79

25 days ago

1.2.78

28 days ago

1.2.76

29 days ago

1.2.77

29 days ago

1.2.69

1 month ago

1.2.70

1 month ago

1.2.71

1 month ago

1.2.74

30 days ago

1.2.75

30 days ago

1.2.72

1 month ago

1.2.73

1 month ago

1.2.67

1 month ago

1.2.68

1 month ago

1.2.64

2 months ago

1.2.65

2 months ago

1.2.66

2 months ago

1.2.63

2 months ago

1.2.60

2 months ago

1.2.61

2 months ago

1.2.62

2 months ago

1.2.58

2 months ago

1.2.59

2 months ago

1.2.56

2 months ago

1.2.57

2 months ago

1.2.55

2 months ago

1.2.49

2 months ago

1.2.52

2 months ago

1.2.53

2 months ago

1.2.50

2 months ago

1.2.51

2 months ago

1.2.54

2 months ago

1.2.48

2 months ago

1.2.45

2 months ago

1.2.46

2 months ago

1.2.47

2 months ago

1.2.41

2 months ago

1.2.42

2 months ago

1.2.40

2 months ago

1.2.43

2 months ago

1.2.44

2 months ago

1.2.38

2 months ago

1.2.39

2 months ago

1.2.37

2 months ago

1.2.35

2 months ago

1.2.36

2 months ago

1.2.34

2 months ago

1.2.32

2 months ago

1.2.33

2 months ago

1.2.28

2 months ago

1.2.29

2 months ago

1.2.30

2 months ago

1.2.31

2 months ago

1.2.27

2 months ago

1.2.23

2 months ago

1.2.24

2 months ago

1.2.25

2 months ago

1.2.26

2 months ago

1.2.22

2 months ago

1.2.18

2 months ago

1.2.19

2 months ago

1.2.20

2 months ago

1.2.21

2 months ago

1.2.16

2 months ago

1.2.17

2 months ago

1.2.15

2 months ago

1.2.12

2 months ago

1.2.13

2 months ago

1.2.14

2 months ago

1.2.10

2 months ago

1.2.11

2 months ago

1.2.8

3 months ago

1.2.9

3 months ago

1.2.7

3 months ago

1.2.6

3 months ago

1.2.5

3 months ago

1.2.4

3 months ago

1.2.3

3 months ago

1.2.2

3 months ago

1.2.1

3 months ago

1.1.38

3 months ago

1.1.37

3 months ago

1.1.36

3 months ago

1.1.39

3 months ago

1.1.34

3 months ago

1.1.35

3 months ago

1.1.33

3 months ago

1.1.32

3 months ago

1.1.30

3 months ago

1.1.31

3 months ago

1.1.29

3 months ago

1.1.28

3 months ago

1.1.19

3 months ago

1.1.23

3 months ago

1.1.22

3 months ago

1.1.21

3 months ago

1.1.20

3 months ago

1.1.27

3 months ago

1.1.26

3 months ago

1.1.25

3 months ago

1.1.24

3 months ago

1.1.18

3 months ago

1.1.17

3 months ago

1.1.9

3 months ago

1.1.8

3 months ago

1.1.11

3 months ago

1.1.10

3 months ago

1.1.16

3 months ago

1.1.15

3 months ago

1.1.7

3 months ago

1.1.6

3 months ago

1.1.5

3 months ago

1.1.4

3 months ago

1.1.1

4 months ago

1.1.0

4 months ago

1.1.3

4 months ago

1.1.2

4 months ago

1.0.143

4 months ago

1.0.142

4 months ago

1.0.141

4 months ago

1.0.140

4 months ago

1.0.139

4 months ago

1.0.138

4 months ago

1.0.137

4 months ago

1.0.136

4 months ago

1.0.135

4 months ago

1.0.132

5 months ago

1.0.131

5 months ago

1.0.134

5 months ago

1.0.133

5 months ago

1.0.130

5 months ago

1.0.121

5 months ago

1.0.120

5 months ago

1.0.123

5 months ago

1.0.122

5 months ago

1.0.129

5 months ago

1.0.128

5 months ago

1.0.125

5 months ago

1.0.124

5 months ago

1.0.127

5 months ago

1.0.126

5 months ago

1.0.118

5 months ago

1.0.119

5 months ago

1.0.117

5 months ago

1.0.116

5 months ago

1.0.115

5 months ago

1.0.114

5 months ago

1.0.113

5 months ago

1.0.112

5 months ago

1.0.111

5 months ago

1.0.110

5 months ago

1.0.108

5 months ago

1.0.107

5 months ago

1.0.106

5 months ago

1.0.105

5 months ago

1.0.104

5 months ago

1.0.103

5 months ago

1.0.102

5 months ago

1.0.101

5 months ago

1.0.100

6 months ago

1.0.99

6 months ago

1.0.98

6 months ago

1.0.97

6 months ago

1.0.96

6 months ago

1.0.95

6 months ago

1.0.94

6 months ago

1.0.93

6 months ago

1.0.92

6 months ago

1.0.91

6 months ago

1.0.90

6 months ago

1.0.89

6 months ago

1.0.88

6 months ago

1.0.87

6 months ago

1.0.86

6 months ago

1.0.85

6 months ago

1.0.84

6 months ago

1.0.83

6 months ago

1.0.82

6 months ago

1.0.81

6 months ago

1.0.80

6 months ago

1.0.79

6 months ago

1.0.78

6 months ago

1.0.77

6 months ago

1.0.76

6 months ago

1.0.75

6 months ago

1.0.74

7 months ago

1.0.73

7 months ago

1.0.72

7 months ago

1.0.71

7 months ago

1.0.70

7 months ago

1.0.69

7 months ago

1.0.68

7 months ago

1.0.67

7 months ago

1.0.66

7 months ago

1.0.65

7 months ago

1.0.64

7 months ago

1.0.63

7 months ago

1.0.62

7 months ago

1.0.61

7 months ago

1.0.60

8 months ago

1.0.59

8 months ago

1.0.58

8 months ago

1.0.57

8 months ago

1.0.56

8 months ago

1.0.55

8 months ago

1.0.54

8 months ago

1.0.53

8 months ago

1.0.52

8 months ago

1.0.51

8 months ago

1.0.50

8 months ago

1.0.49

8 months ago

1.0.48

8 months ago

1.0.47

8 months ago

1.0.46

8 months ago

1.0.45

8 months ago

1.0.44

8 months ago

1.0.43

9 months ago

1.0.42

9 months ago

1.0.41

9 months ago

1.0.40

9 months ago

1.0.39

9 months ago

1.0.38

9 months ago

1.0.37

9 months ago

1.0.36

9 months ago

1.0.35

9 months ago

1.0.34

9 months ago

1.0.33

9 months ago

1.0.32

9 months ago

1.0.31

9 months ago

1.0.30

9 months ago

1.0.29

9 months ago

1.0.28

9 months ago

1.0.27

9 months ago

1.0.26

9 months ago

1.0.25

9 months ago

1.0.24

9 months ago

1.0.23

9 months ago

1.0.22

9 months ago

1.0.21

9 months ago

1.0.20

9 months ago

1.0.19

9 months ago

1.0.18

9 months ago

1.0.17

9 months ago

1.0.16

9 months ago

1.0.15

9 months ago

1.0.12

9 months ago

1.0.11

9 months ago

1.0.10

9 months ago

1.0.8

9 months ago

1.0.7

9 months ago

1.0.6

9 months ago

1.0.4

9 months ago

1.0.3

9 months ago

1.0.1

10 months ago