From 800d5bf42436dea43af9375e28f5e069c7bdd0cb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Andr=C3=A9=20Santanch=C3=A8?= Date: Sun, 4 Aug 2024 07:27:27 -0300 Subject: [PATCH] feat (grapejs): new grapejs framework test --- frameworks/grapesjs/package-lock.json | 171 ++++++++++++++++++++ frameworks/grapesjs/package.json | 5 + frameworks/grapesjs/tests/test01/basic.css | 11 ++ frameworks/grapesjs/tests/test01/basic.js | 18 +++ frameworks/grapesjs/tests/test01/index.html | 15 ++ 5 files changed, 220 insertions(+) create mode 100644 frameworks/grapesjs/package-lock.json create mode 100644 frameworks/grapesjs/package.json create mode 100644 frameworks/grapesjs/tests/test01/basic.css create mode 100644 frameworks/grapesjs/tests/test01/basic.js create mode 100644 frameworks/grapesjs/tests/test01/index.html diff --git a/frameworks/grapesjs/package-lock.json b/frameworks/grapesjs/package-lock.json new file mode 100644 index 0000000..3004574 --- /dev/null +++ b/frameworks/grapesjs/package-lock.json @@ -0,0 +1,171 @@ +{ + "name": "grapesjs", + "lockfileVersion": 2, + "requires": true, + "packages": { + "": { + "dependencies": { + "grapesjs": "^0.21.11" + } + }, + "node_modules/@types/backbone": { + "version": "1.4.19", + "resolved": "https://registry.npmjs.org/@types/backbone/-/backbone-1.4.19.tgz", + "integrity": "sha512-byyn236JymGByOajKA7mi1k+/jKn162TIvArOB4SHgOGbVlFj8CSfJH4jekP0qo0vJwW5khrrsiiO1Jsos6ZvA==", + "dependencies": { + "@types/jquery": "*", + "@types/underscore": "*" + } + }, + "node_modules/@types/jquery": { + "version": "3.5.30", + "resolved": "https://registry.npmjs.org/@types/jquery/-/jquery-3.5.30.tgz", + "integrity": "sha512-nbWKkkyb919DOUxjmRVk8vwtDb0/k8FKncmUKFi+NY+QXqWltooxTrswvz4LspQwxvLdvzBN1TImr6cw3aQx2A==", + "dependencies": { + "@types/sizzle": "*" + } + }, + "node_modules/@types/sizzle": { + "version": "2.3.8", + "resolved": "https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.8.tgz", + "integrity": "sha512-0vWLNK2D5MT9dg0iOo8GlKguPAU02QjmZitPEsXRuJXU/OGIOt9vT9Fc26wtYuavLxtO45v9PGleoL9Z0k1LHg==" + }, + "node_modules/@types/underscore": { + "version": "1.11.15", + "resolved": "https://registry.npmjs.org/@types/underscore/-/underscore-1.11.15.tgz", + "integrity": "sha512-HP38xE+GuWGlbSRq9WrZkousaQ7dragtZCruBVMi0oX1migFZavZ3OROKHSkNp/9ouq82zrWtZpg18jFnVN96g==" + }, + "node_modules/backbone": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/backbone/-/backbone-1.4.1.tgz", + "integrity": "sha512-ADy1ztN074YkWbHi8ojJVFe3vAanO/lrzMGZWUClIP7oDD/Pjy2vrASraUP+2EVCfIiTtCW4FChVow01XneivA==", + "dependencies": { + "underscore": ">=1.8.3" + } + }, + "node_modules/backbone-undo": { + "version": "0.2.6", + "resolved": "https://registry.npmjs.org/backbone-undo/-/backbone-undo-0.2.6.tgz", + "integrity": "sha512-AsfpNiljLXlk7TcffDUu3EAUq7CxWbyTNwARWrql5XTzN4vh6WzEEBZYaKK4kTTz+iW1tSzqUooaGRIwO83kWA==", + "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.", + "dependencies": { + "backbone": ">=1.0.0", + "underscore": ">=1.4.4" + } + }, + "node_modules/codemirror": { + "version": "5.65.16", + "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.65.16.tgz", + "integrity": "sha512-br21LjYmSlVL0vFCPWPfhzUCT34FM/pAdK7rRIZwa0rrtrIdotvP4Oh4GUHsu2E3IrQMCfRkL/fN3ytMNxVQvg==" + }, + "node_modules/codemirror-formatting": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/codemirror-formatting/-/codemirror-formatting-1.0.0.tgz", + "integrity": "sha512-br9yM6eJI3pJHekEnoyHaBEb1B7XxxDjju+vRyBe8QGLp5saTIXXkZ+eFCTqXSAtI8QEZDFVEX2/SOjH2sVWRQ==" + }, + "node_modules/grapesjs": { + "version": "0.21.11", + "resolved": "https://registry.npmjs.org/grapesjs/-/grapesjs-0.21.11.tgz", + "integrity": "sha512-pYJqBjN+pA6MUtg/nDiWXRoxwD26cujyyRMiS1FyOkZidU7MuwLPXzqogRoRqA+8IkDCjk27ArHlrxF9X0LDPQ==", + "dependencies": { + "@types/backbone": "^1.4.15", + "backbone": "1.4.1", + "backbone-undo": "^0.2.5", + "codemirror": "^5.63.0", + "codemirror-formatting": "^1.0.0", + "promise-polyfill": "^8.1.3", + "underscore": "^1.13.1" + } + }, + "node_modules/promise-polyfill": { + "version": "8.3.0", + "resolved": "https://registry.npmjs.org/promise-polyfill/-/promise-polyfill-8.3.0.tgz", + "integrity": "sha512-H5oELycFml5yto/atYqmjyigJoAo3+OXwolYiH7OfQuYlAqhxNvTfiNMbV9hsC6Yp83yE5r2KTVmtrG6R9i6Pg==" + }, + "node_modules/underscore": { + "version": "1.13.6", + "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.13.6.tgz", + "integrity": "sha512-+A5Sja4HP1M08MaXya7p5LvjuM7K6q/2EaC0+iovj/wOcMsTzMvDFbasi/oSapiwOlt252IqsKqPjCl7huKS0A==" + } + }, + "dependencies": { + "@types/backbone": { + "version": "1.4.19", + "resolved": "https://registry.npmjs.org/@types/backbone/-/backbone-1.4.19.tgz", + "integrity": "sha512-byyn236JymGByOajKA7mi1k+/jKn162TIvArOB4SHgOGbVlFj8CSfJH4jekP0qo0vJwW5khrrsiiO1Jsos6ZvA==", + "requires": { + "@types/jquery": "*", + "@types/underscore": "*" + } + }, + "@types/jquery": { + "version": "3.5.30", + "resolved": "https://registry.npmjs.org/@types/jquery/-/jquery-3.5.30.tgz", + "integrity": "sha512-nbWKkkyb919DOUxjmRVk8vwtDb0/k8FKncmUKFi+NY+QXqWltooxTrswvz4LspQwxvLdvzBN1TImr6cw3aQx2A==", + "requires": { + "@types/sizzle": "*" + } + }, + "@types/sizzle": { + "version": "2.3.8", + "resolved": "https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.8.tgz", + "integrity": "sha512-0vWLNK2D5MT9dg0iOo8GlKguPAU02QjmZitPEsXRuJXU/OGIOt9vT9Fc26wtYuavLxtO45v9PGleoL9Z0k1LHg==" + }, + "@types/underscore": { + "version": "1.11.15", + "resolved": "https://registry.npmjs.org/@types/underscore/-/underscore-1.11.15.tgz", + "integrity": "sha512-HP38xE+GuWGlbSRq9WrZkousaQ7dragtZCruBVMi0oX1migFZavZ3OROKHSkNp/9ouq82zrWtZpg18jFnVN96g==" + }, + "backbone": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/backbone/-/backbone-1.4.1.tgz", + "integrity": "sha512-ADy1ztN074YkWbHi8ojJVFe3vAanO/lrzMGZWUClIP7oDD/Pjy2vrASraUP+2EVCfIiTtCW4FChVow01XneivA==", + "requires": { + "underscore": ">=1.8.3" + } + }, + "backbone-undo": { + "version": "0.2.6", + "resolved": "https://registry.npmjs.org/backbone-undo/-/backbone-undo-0.2.6.tgz", + "integrity": "sha512-AsfpNiljLXlk7TcffDUu3EAUq7CxWbyTNwARWrql5XTzN4vh6WzEEBZYaKK4kTTz+iW1tSzqUooaGRIwO83kWA==", + "requires": { + "backbone": ">=1.0.0", + "underscore": ">=1.4.4" + } + }, + "codemirror": { + "version": "5.65.16", + "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.65.16.tgz", + "integrity": "sha512-br21LjYmSlVL0vFCPWPfhzUCT34FM/pAdK7rRIZwa0rrtrIdotvP4Oh4GUHsu2E3IrQMCfRkL/fN3ytMNxVQvg==" + }, + "codemirror-formatting": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/codemirror-formatting/-/codemirror-formatting-1.0.0.tgz", + "integrity": "sha512-br9yM6eJI3pJHekEnoyHaBEb1B7XxxDjju+vRyBe8QGLp5saTIXXkZ+eFCTqXSAtI8QEZDFVEX2/SOjH2sVWRQ==" + }, + "grapesjs": { + "version": "0.21.11", + "resolved": "https://registry.npmjs.org/grapesjs/-/grapesjs-0.21.11.tgz", + "integrity": "sha512-pYJqBjN+pA6MUtg/nDiWXRoxwD26cujyyRMiS1FyOkZidU7MuwLPXzqogRoRqA+8IkDCjk27ArHlrxF9X0LDPQ==", + "requires": { + "@types/backbone": "^1.4.15", + "backbone": "1.4.1", + "backbone-undo": "^0.2.5", + "codemirror": "^5.63.0", + "codemirror-formatting": "^1.0.0", + "promise-polyfill": "^8.1.3", + "underscore": "^1.13.1" + } + }, + "promise-polyfill": { + "version": "8.3.0", + "resolved": "https://registry.npmjs.org/promise-polyfill/-/promise-polyfill-8.3.0.tgz", + "integrity": "sha512-H5oELycFml5yto/atYqmjyigJoAo3+OXwolYiH7OfQuYlAqhxNvTfiNMbV9hsC6Yp83yE5r2KTVmtrG6R9i6Pg==" + }, + "underscore": { + "version": "1.13.6", + "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.13.6.tgz", + "integrity": "sha512-+A5Sja4HP1M08MaXya7p5LvjuM7K6q/2EaC0+iovj/wOcMsTzMvDFbasi/oSapiwOlt252IqsKqPjCl7huKS0A==" + } + } +} diff --git a/frameworks/grapesjs/package.json b/frameworks/grapesjs/package.json new file mode 100644 index 0000000..915a03d --- /dev/null +++ b/frameworks/grapesjs/package.json @@ -0,0 +1,5 @@ +{ + "dependencies": { + "grapesjs": "^0.21.11" + } +} diff --git a/frameworks/grapesjs/tests/test01/basic.css b/frameworks/grapesjs/tests/test01/basic.css new file mode 100644 index 0000000..bfbc663 --- /dev/null +++ b/frameworks/grapesjs/tests/test01/basic.css @@ -0,0 +1,11 @@ +/* Let's highlight canvas boundaries */ +#gjs { + border: 3px solid #444; +} + +/* Reset some default styling */ +.gjs-cv-canvas { + top: 0; + width: 100%; + height: 100%; +} diff --git a/frameworks/grapesjs/tests/test01/basic.js b/frameworks/grapesjs/tests/test01/basic.js new file mode 100644 index 0000000..8301f0b --- /dev/null +++ b/frameworks/grapesjs/tests/test01/basic.js @@ -0,0 +1,18 @@ +import { grapesjs } from '../../node_modules/grapesjs/dist/grapes.mjs' +// If you need plugins, put them below the main grapesjs script +// import 'grapesjs-some-plugin'; + +const editor = grapesjs.init({ + // Indicate where to init the editor. You can also pass an HTMLElement + container: '#gjs', + // Get the content for the canvas directly from the element + // As an alternative we could use: `components: '

Hello World Component!

'`, + fromElement: true, + // Size of the editor + height: '300px', + width: 'auto', + // Disable the storage manager for the moment + storageManager: false, + // Avoid any default panel + panels: { defaults: [] }, +}); diff --git a/frameworks/grapesjs/tests/test01/index.html b/frameworks/grapesjs/tests/test01/index.html new file mode 100644 index 0000000..045a37e --- /dev/null +++ b/frameworks/grapesjs/tests/test01/index.html @@ -0,0 +1,15 @@ + + + + Hello World Component! + + + + + + +
+

Hello World Component!

+
+ + \ No newline at end of file