Skip to content

Migrate to TS, use SVG icons, drop the legacy plugin registration #41

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 14 commits into from
Sep 8, 2022
Merged

Migrate to TS, use SVG icons, drop the legacy plugin registration #41

Changes from 1 commit
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
666511e
Update README
artf Dec 1, 2019
f54ba29
Move to grapesjs-cli
artf Sep 6, 2022
206d363
Remove dist
artf Sep 6, 2022
485db73
Ignore dist
artf Sep 6, 2022
8c8ae3d
Update index
artf Sep 6, 2022
fa47025
Update index.html
artf Sep 6, 2022
5fdadfb
Add plugin options
artf Sep 6, 2022
227ef13
Update block icons
artf Sep 6, 2022
1f85783
Up category
artf Sep 6, 2022
cc3af54
Migrate blocks to TS
artf Sep 6, 2022
fef5608
Update README
artf Sep 6, 2022
24c15ed
Select all blocks by default
artf Sep 6, 2022
a78ad15
Use activate prop for blocks
artf Sep 6, 2022
6bbe3ba
Build
artf Sep 8, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Up category
  • Loading branch information
@artf
artf committed Sep 6, 2022
commit 1f857836e7d8160d446dba1072caa8d32bbe8faf
19 changes: 10 additions & 9 deletions src/blocks.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -128,11 +128,12 @@ export default function(editor, opt = {}) {
const toAdd = name => blocks.indexOf(name) >= 0;
const attrsRow = attrsToString(rowAttr);
const attrsCell = attrsToString(colAttr);
const category = c.category;

toAdd('column1') &&
bm.add('column1', {
label: c.labelColumn1,
category: c.category,
category,
media: `<svg viewBox="0 0 24 24">
<path fill="currentColor" d="M2 20h20V4H2v16Zm-1 0V4a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1Z"/>
</svg>`,
Expand All @@ -152,7 +153,7 @@ export default function(editor, opt = {}) {
toAdd('column2') &&
bm.add('column2', {
label: c.labelColumn2,
category: c.category,
category,
media: `<svg viewBox="0 0 23 24">
<path fill="currentColor" d="M2 20h8V4H2v16Zm-1 0V4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1ZM13 20h8V4h-8v16Zm-1 0V4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1Z"/>
</svg>`,
Expand All @@ -173,7 +174,7 @@ export default function(editor, opt = {}) {
toAdd('column3') &&
bm.add('column3', {
label: c.labelColumn3,
category: c.category,
category,
media: `<svg viewBox="0 0 23 24">
<path fill="currentColor" d="M2 20h4V4H2v16Zm-1 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1ZM17 20h4V4h-4v16Zm-1 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1ZM9.5 20h4V4h-4v16Zm-1 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1Z"/>
</svg>`,
Expand All @@ -195,7 +196,7 @@ export default function(editor, opt = {}) {
toAdd('column3-7') &&
bm.add('column3-7', {
label: c.labelColumn37,
category: c.category,
category,
media: `<svg viewBox="0 0 24 24">
<path fill="currentColor" d="M2 20h5V4H2v16Zm-1 0V4a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1ZM10 20h12V4H10v16Zm-1 0V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1Z"/>
</svg>`,
Expand All @@ -222,7 +223,7 @@ export default function(editor, opt = {}) {
toAdd('text') &&
bm.add('text', {
label: c.labelText,
category: c.category,
category,
media: `<svg viewBox="0 0 24 24">
<path fill="currentColor" d="M18.5,4L19.66,8.35L18.7,8.61C18.25,7.74 17.79,6.87 17.26,6.43C16.73,6 16.11,6 15.5,6H13V16.5C13,17 13,17.5 13.33,17.75C13.67,18 14.33,18 15,18V19H9V18C9.67,18 10.33,18 10.67,17.75C11,17.5 11,17 11,16.5V6H8.5C7.89,6 7.27,6 6.74,6.43C6.21,6.87 5.75,7.74 5.3,8.61L4.34,8.35L5.5,4H18.5Z" />
</svg>`,
Expand All @@ -237,7 +238,7 @@ export default function(editor, opt = {}) {
toAdd('link') &&
bm.add('link', {
label: c.labelLink,
category: c.category,
category,
media: `<svg viewBox="0 0 24 24">
<path fill="currentColor" d="M3.9,12C3.9,10.29 5.29,8.9 7,8.9H11V7H7A5,5 0 0,0 2,12A5,5 0 0,0 7,17H11V15.1H7C5.29,15.1 3.9,13.71 3.9,12M8,13H16V11H8V13M17,7H13V8.9H17C18.71,8.9 20.1,10.29 20.1,12C20.1,13.71 18.71,15.1 17,15.1H13V17H17A5,5 0 0,0 22,12A5,5 0 0,0 17,7Z" />
</svg>`,
Expand All @@ -251,7 +252,7 @@ export default function(editor, opt = {}) {
toAdd('image') &&
bm.add('image', {
label: c.labelImage,
category: c.category,
category,
media: `<svg viewBox="0 0 24 24">
<path fill="currentColor" d="M21,3H3C2,3 1,4 1,5V19A2,2 0 0,0 3,21H21C22,21 23,20 23,19V5C23,4 22,3 21,3M5,17L8.5,12.5L11,15.5L14.5,11L19,17H5Z" />
</svg>`,
Expand All @@ -265,7 +266,7 @@ export default function(editor, opt = {}) {
toAdd('video') &&
bm.add('video', {
label: c.labelVideo,
category: c.category,
category,
media: `<svg viewBox="0 0 24 24">
<path fill="currentColor" d="M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27 21.84,9.07C21.91,9.87 21.94,10.56 21.94,11.16L22,12C22,14.19 21.84,15.8 21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69 18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94 13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31 2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73 2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81 2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31 5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06 10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69 21.31,6.27 21.56,7.17Z" />
</svg>`,
Expand All @@ -285,7 +286,7 @@ export default function(editor, opt = {}) {
media: `<svg viewBox="0 0 24 24">
<path fill="currentColor" d="M20.5,3L20.34,3.03L15,5.1L9,3L3.36,4.9C3.15,4.97 3,5.15 3,5.38V20.5A0.5,0.5 0 0,0 3.5,21L3.66,20.97L9,18.9L15,21L20.64,19.1C20.85,19.03 21,18.85 21,18.62V3.5A0.5,0.5 0 0,0 20.5,3M10,5.47L14,6.87V18.53L10,17.13V5.47M5,6.46L8,5.45V17.15L5,18.31V6.46M19,17.54L16,18.55V6.86L19,5.7V17.54Z" />
</svg>`,
category: c.category,
category,
content: {
type: 'map',
style: { height: '350px' }
Expand Down