{"_id":"@documint/grapesjs-dynamic-components","_rev":"3-84d330f162c399a67f6fbef82ddbd98f","name":"@documint/grapesjs-dynamic-components","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.1":{"name":"@documint/grapesjs-dynamic-components","version":"1.0.1","description":"Grapesjs Dynamic Components","main":"dist/index.js","repository":{"type":"git","url":"git+https://github.com/documint-me/grapesjs-dynamic-components.git"},"scripts":{"start":"grapesjs-cli serve","build":"grapesjs-cli build","bump":"npm version patch -m 'Bump v%s'"},"keywords":["grapesjs","plugin"],"devDependencies":{"grapesjs-cli":"^3.0.1"},"license":"MIT","publishConfig":{"access":"public"},"gitHead":"5388de52297c0f8e44fe2a3ef1467b5872601506","bugs":{"url":"https://github.com/documint-me/grapesjs-dynamic-components/issues"},"homepage":"https://github.com/documint-me/grapesjs-dynamic-components#readme","_id":"@documint/grapesjs-dynamic-components@1.0.1","_nodeVersion":"14.17.0","_npmVersion":"6.14.13","dist":{"integrity":"sha512-XoGtPWZG1QkFODFAoNH2AVzSg2Ta0XeCL+/CG6T5rgQm3P40gCLYALF9IpqXtkBNQNg/f6SXYuBbfknLHmZJFg==","shasum":"8e1fc501679ef7fe86d605edaacb0d8376951f0f","tarball":"https://registry.npmjs.org/@documint/grapesjs-dynamic-components/-/grapesjs-dynamic-components-1.0.1.tgz","fileCount":5,"unpackedSize":11440,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICZAiq7sPT3hLOPqs5wI/9tDZM1A51EP2kbpSnyH2OsXAiEAvYrne9bwH86W5MXK/cYIFcEJT9TyPK1Fn1Bkss+RSeI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi02dVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpaiRAAiazKcxFHSk3RBRmhCTxgMof4PcUlxer8UyHMdqyfvQZkwsWA\r\nItypsVTqnhdV7NOoS6xMhfIu6JLA1rXe5a3FuG2dLItdHbqjpltHk/rpeEqq\r\nr4yPyFqelzbmFMHHfkrjHC3KLa7IbcIqADIXqYNZgg8LuDpMU10CBTbq27Gd\r\nVYzw8LILu0dsJjqb4qF4txKbZ5ITc1aUAWMa8R2PJLalDqxnDWMQ5JGUl9r5\r\nWntnrrBhxtIXy59iviQS13pYJSqsLW5jdTz0Lwhvhce1Y7sXSYXJqOlNSMrq\r\nrTxkOKCFPSFnJiMp507Q15gtMeLnst2Cg6zP/0VIZDY38hHrpwjPQaUPwElo\r\n670iwuJ8YKOQhD4cmOzcH/po3OYn3N7T5QyTX2433j9iS0gthxcvRGJzrZVf\r\nUSzA18Z5EVkF3hxTAvbGIwQJ0LPzgjp26MLX5rZuurZw0S2Ln6382hFTIlKA\r\nTGffTEsmEST+jAWaEKI8YE+HMOlRL/49gNR7Tn/6Dqd42Xh1HuQ97yW/VqJS\r\nqhF326cvmwj08MpzQFEQkcODrv1nH7iDzCQXjHh5FCNZcCYFY8ajKKTawsmY\r\nJB0ZEsoqf7I9sOXoPJmEUiLSeXKq6SSQmoVF0+4A4oy+GhsojorM0VXDeFs9\r\njynx5rwjrght0i/qov3dKMize/515HF92Fw=\r\n=2rdv\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"joshmamroud","email":"josh.mamroud@documint.me"},"directories":{},"maintainers":[{"name":"joshmamroud","email":"josh.mamroud@documint.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grapesjs-dynamic-components_1.0.1_1658021716950_0.6727492104108737"},"_hasShrinkwrap":false},"1.0.2":{"name":"@documint/grapesjs-dynamic-components","version":"1.0.2","description":"Grapesjs Dynamic Components","main":"dist/index.js","repository":{"type":"git","url":"git+https://github.com/documint-me/grapesjs-dynamic-components.git"},"scripts":{"start":"grapesjs-cli serve","build":"grapesjs-cli build","bump":"npm version patch -m 'Bump v%s'"},"keywords":["grapesjs","plugin"],"devDependencies":{"grapesjs-cli":"^3.0.1"},"license":"MIT","publishConfig":{"access":"public"},"gitHead":"238e9ecd07e2ad8aca97d031ddeabd0fa388b9e5","bugs":{"url":"https://github.com/documint-me/grapesjs-dynamic-components/issues"},"homepage":"https://github.com/documint-me/grapesjs-dynamic-components#readme","_id":"@documint/grapesjs-dynamic-components@1.0.2","_nodeVersion":"14.17.0","_npmVersion":"6.14.13","dist":{"integrity":"sha512-p5oB82oC/8aZ7T3uXRVHfDHJEVlYaFFh/KTqPtwbA6Yk3OkDHRfd2WhVe1Us50QA0OSby6sdsd69lZhzXBETag==","shasum":"a44f5803359eb56e2a9ee7a3f108b073f90dfeee","tarball":"https://registry.npmjs.org/@documint/grapesjs-dynamic-components/-/grapesjs-dynamic-components-1.0.2.tgz","fileCount":5,"unpackedSize":11440,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCq+U+AhEaB2oyBoVzqHWq4t2l2uFfC5ygkqiHw8+8Y2AIhAKz07PHn4zuWO+BuIqPncH89k6OjcnAtm2zTqOZQtdNm"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi02d/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmprrhAAordJAIsCKUGBkNDOkn+5EDhqadlLR/BLNxc0OQbpEg6NQ+tO\r\np0IQK+C+wdrEP1inLXWrM7mRAWAfOYeFkG6Ci9Kmfa9nU5MizcEFNRkk/LJi\r\nP6uEUEziLaJZVoupeqxuEHtbBENdug89WaKtNcVCKEXz1sY3Y+QB9PNf5pQc\r\nZFkSfwG9RJG3I/rAAhkM6XXC7yEryqKRjtyUf+j/kbDR5a+Yr/KDffqKIcdU\r\nmrWLtpYkGG0Z0vhmtWgvDr2WI6g0utgC8BwqgxOwncykSxpQF1yE3x5nl85A\r\n2ajiZ8kL1QT3JlJA+JTRSY3qS7RByNoQuCjtX8PGuxCiiHM+3QfDyRIRpkz6\r\n+IGtcWfVnhGdCi6tek0TiavD28wDQX//NhH78Hn+eR3d9M04Bmg6uBBDgD/r\r\nTQRHx8QsaFs9wtlRZXI9h6KNUVzceP/pk8YFFoxIt/eO2B7PEyCDcjWMTl2+\r\nsg6vrio3Dd5oi9c902V1zh08zQP2joUVKoF6z9ORxFcUlqsqi6r/g6pPGo4z\r\nuhKS7sHFN1aG/HxmcTG7OAo3sFQSLqJF272wxcKrbHVasWQtFHEHUch+6iHC\r\nCA1niaWwiTxVLca4hSQN5nRJ2rzFrJZsFzHYr8xXn659muGM4yEnFdx/agaU\r\nwYjWCEctcEKxORl5UnU7vEcvVX0wDvOlC/A=\r\n=6iKe\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"joshmamroud","email":"josh.mamroud@documint.me"},"directories":{},"maintainers":[{"name":"joshmamroud","email":"josh.mamroud@documint.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grapesjs-dynamic-components_1.0.2_1658021759486_0.19459014074986736"},"_hasShrinkwrap":false},"1.0.3":{"name":"@documint/grapesjs-dynamic-components","version":"1.0.3","description":"Grapesjs Dynamic Components","main":"dist/index.js","repository":{"type":"git","url":"git+https://github.com/documint-me/grapesjs-dynamic-components.git"},"scripts":{"start":"grapesjs-cli serve","build":"grapesjs-cli build","bump":"npm version patch -m 'Bump v%s'"},"keywords":["grapesjs","plugin"],"devDependencies":{"grapesjs-cli":"^3.0.1"},"license":"MIT","publishConfig":{"access":"public"},"gitHead":"01b8cab6df5a7c12a2be72fc3ea6310ae7a1cb62","bugs":{"url":"https://github.com/documint-me/grapesjs-dynamic-components/issues"},"homepage":"https://github.com/documint-me/grapesjs-dynamic-components#readme","_id":"@documint/grapesjs-dynamic-components@1.0.3","_nodeVersion":"14.17.0","_npmVersion":"6.14.13","dist":{"integrity":"sha512-KAH786lZ6uEgvUtXYgp1AHboXRrbzikw2LXSFI8n20PKaOGTl6IpbKG4mFRytJpfIFDE9xKddyZLUh3xzX10mA==","shasum":"76e8054279db39ea983e018f93c1ce897aa41817","tarball":"https://registry.npmjs.org/@documint/grapesjs-dynamic-components/-/grapesjs-dynamic-components-1.0.3.tgz","fileCount":5,"unpackedSize":11691,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAFb9qnOEE3OXq6DpnGPzHv0OtRLhp5sl9YeHbElBSMoAiEA3hi+YqNhmLvsbn7DJhhqKYscKt4g127XeYMcQySGKn0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1aFaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqYTA//fuBEkDVBTRDlzTiDBWEt5PPJ5xnQZONBIf4nhAGZ2X0TbNuB\r\nJn9st/BmB2xAQk2qUruGa834GRBwFY2bF7DPQp63N3+QbrOl9R/ruNAh16fk\r\nt+30NSLiMxmbp/MTSMbqpY/C4qQtooBLB0jwtQQc/8zVx+yHoFNuoIRJxXAW\r\nFsZQOm1q9OPL//By5CIXnzM3HaVFX4FTPgFarHhHffeuoH4dqKhoo/0BMy+3\r\n5m5+XWKN2HlazJwwtB8c4tieKtM2dcBqa1uPgB5lyFul+rq+XFS4UCEXdqKK\r\nXPvfVCwaLdh0TXW4U0cadNCTJsV+NhA/l0/QXsAK9Mu2yUTd7IpZIwELLYyA\r\nJURhkqgNuvUTEBfUdJktlm/a7wFG111Sk6xGaOToglxgG8D5MO9s7lhauH7k\r\nror6lTO3So05VZyY6jMk3nwtTkx/5tO45m0LRsa8ymomsBw7W9YYZLAG03W9\r\nTp8+J2QK7+gHfxCm9qgh6AmbLS8Go4cOwdDe+m0gY5ITfbIWAgkPC9RYCUW2\r\n2e/0XjeKkbTNoXGrMfKAuqb019wVjMgKH3Q+HS8NC1G+IbLIv9lu0AsT3lcM\r\nWbJu+OIWkt2NzbkzbwsmAO6DhfLXZ1MGp7M69JV37GL73ELebaIX6vyujpih\r\nl8XVcNc2YrmgWSLRIE9rovc3WQ4s0K/sxdg=\r\n=+xdW\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"joshmamroud","email":"josh.mamroud@documint.me"},"directories":{},"maintainers":[{"name":"joshmamroud","email":"josh.mamroud@documint.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grapesjs-dynamic-components_1.0.3_1658167642272_0.7014361336795607"},"_hasShrinkwrap":false}},"time":{"created":"2022-07-17T01:35:16.899Z","1.0.1":"2022-07-17T01:35:17.153Z","modified":"2023-10-01T21:13:55.335Z","1.0.2":"2022-07-17T01:35:59.688Z","1.0.3":"2022-07-18T18:07:22.417Z"},"maintainers":[{"email":"brendonzee@gmail.com","name":"ju99ernaut"},{"email":"josh.mamroud@documint.me","name":"joshmamroud"}],"description":"Grapesjs Dynamic Components","homepage":"https://github.com/documint-me/grapesjs-dynamic-components#readme","keywords":["grapesjs","plugin"],"repository":{"type":"git","url":"git+https://github.com/documint-me/grapesjs-dynamic-components.git"},"bugs":{"url":"https://github.com/documint-me/grapesjs-dynamic-components/issues"},"license":"MIT","readme":"# Grapesjs Dynamic Components\r\n\r\nSwitch component type based on where a block is dropped\r\n\r\n### HTML\r\n```html\r\n<link href=\"https://unpkg.com/grapesjs/dist/css/grapes.min.css\" rel=\"stylesheet\">\r\n<script src=\"https://unpkg.com/grapesjs\"></script>\r\n<script src=\"https://unpkg.com/grapesjs-dynamic-components\"></script>\r\n\r\n<div id=\"gjs\"></div>\r\n```\r\n\r\n### JS\r\n```js\r\nconst editor = grapesjs.init({\r\n\tcontainer: '#gjs',\r\n  height: '100%',\r\n  fromElement: true,\r\n  storageManager: false,\r\n  plugins: ['grapesjs-dynamic-components'],\r\n});\r\n```\r\n\r\n### CSS\r\n```css\r\nbody, html {\r\n  margin: 0;\r\n  height: 100%;\r\n}\r\n```\r\n\r\n\r\n## Summary\r\n\r\n* Plugin name: `grapesjs-dynamic-components`\r\n* Components\r\n    * `dynamic`\r\n\r\n\r\n\r\n## Options\r\n\r\n| Option | Description | Default |\r\n|-|-|-\r\n| `dynamicName` | Name of dynamic component | `dynamic` |\r\n| `dynamicOpts` | Options for extending dynamic component | `{}` |\r\n\r\n\r\n\r\n## Download\r\n\r\n* CDN\r\n  * `https://unpkg.com/grapesjs-dynamic-components`\r\n* NPM\r\n  * `npm i grapesjs-dynamic-components`\r\n* GIT\r\n  * `git clone https://github.com/documint-me/grapesjs-dynamic-components.git`\r\n\r\n\r\n## Defining Blocks\r\n\r\nDefine block with type dynamic and define which component to use for a given set of parent components\r\n```js\r\nconst bm = editor.Blocks;\r\n\r\nbm.add('dynamic-content', {\r\n  label: 'Dynamic Content',\r\n  content: {\r\n    type: 'dynamic',\r\n    switch: [{\r\n        parents: ['cont'], // List of parent component types \r\n        type: 'test' // Type to use given above parent components\r\n      },\r\n      {\r\n        parents: ['cont2'],\r\n        type: 'test2'\r\n      }\r\n    ]\r\n  }\r\n});\r\n```\r\n\r\n## Usage\r\n\r\nDirectly in the browser\r\n```html\r\n<link href=\"https://unpkg.com/grapesjs/dist/css/grapes.min.css\" rel=\"stylesheet\"/>\r\n<script src=\"https://unpkg.com/grapesjs\"></script>\r\n<script src=\"path/to/grapesjs-dynamic-components.min.js\"></script>\r\n\r\n<div id=\"gjs\"></div>\r\n\r\n<script type=\"text/javascript\">\r\n  var editor = grapesjs.init({\r\n      container: '#gjs',\r\n      // ...\r\n      plugins: ['grapesjs-dynamic-components'],\r\n      pluginsOpts: {\r\n        'grapesjs-dynamic-components': { /* options */ }\r\n      }\r\n  });\r\n</script>\r\n```\r\n\r\nModern javascript\r\n```js\r\nimport grapesjs from 'grapesjs';\r\nimport plugin from 'grapesjs-dynamic-components';\r\nimport 'grapesjs/dist/css/grapes.min.css';\r\n\r\nconst editor = grapesjs.init({\r\n  container : '#gjs',\r\n  // ...\r\n  plugins: [plugin],\r\n  pluginsOpts: {\r\n    [plugin]: { /* options */ }\r\n  }\r\n  // or\r\n  plugins: [\r\n    editor => plugin(editor, { /* options */ }),\r\n  ],\r\n});\r\n```\r\n\r\n\r\n\r\n## Development\r\n\r\nClone the repository\r\n\r\n```sh\r\n$ git clone https://github.com/documint-me/grapesjs-dynamic-components.git\r\n$ cd grapesjs-dynamic-components\r\n```\r\n\r\nInstall dependencies\r\n\r\n```sh\r\n$ npm i\r\n```\r\n\r\nStart the dev server\r\n\r\n```sh\r\n$ npm start\r\n```\r\n\r\nBuild the source\r\n\r\n```sh\r\n$ npm run build\r\n```\r\n\r\n\r\n\r\n## License\r\n\r\nMIT\r\n","readmeFilename":"README.md"}