@cocreate/server-side-render 1.0.0

package/.github/FUNDING.yml

@@ -0,0 +1,3 @@
+# These are supported funding model platforms
+
+github: CoCreate-app

package/.github/workflows/automated.yml

@@ -0,0 +1,83 @@
+name: Automated
+"on":
+  push:
+    branches:
+      - master
+jobs:
+  about:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: Jaid/action-sync-node-meta
+        uses: jaid/action-sync-node-meta@v1.4.0
+        with:
+          direction: overwrite-github
+          githubToken: "${{ secrets.GITHUB }}"
+  release:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: Semantic Release
+        uses: cycjimmy/semantic-release-action@v2
+        id: semantic
+        with:
+          extra_plugins: |
+            @semantic-release/changelog
+            @semantic-release/git
+            @semantic-release/github
+        env:
+          GITHUB_TOKEN: "${{ secrets.GITHUB_TOKEN }}"
+          NPM_TOKEN: "${{ secrets.NPM_TOKEN }}"
+    outputs:
+      new_release_published: "${{ steps.semantic.outputs.new_release_published }}"
+      new_release_version: "${{ steps.semantic.outputs.new_release_version }}"
+  cdn:
+    runs-on: ubuntu-latest
+    needs: release
+    if: needs.release.outputs.new_release_published == 'true'
+    env:
+      VERSION: "${{ needs.release.outputs.new_release_version }}"
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: setup nodejs
+        uses: actions/setup-node@v2
+        with:
+          node-version: 14.15.4
+      - name: yarn install
+        run: >
+          echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" >
+          .npmrc
+
+          yarn install
+      - name: yarn build
+        run: yarn build
+      - name: upload bundle as version
+        uses: CoCreate-app/CoCreate-s3@master
+        with:
+          aws-key-id: "${{ secrets.AWSACCESSKEYID }}"
+          aws-access-key: "${{ secrets.AWSSECERTACCESSKEY }}"
+          bucket: testcrudbucket
+          source: ./dist
+          destination: "/server-side-render/${{env.VERSION}}"
+          acl: public-read
+      - name: upload bundle as latest
+        uses: CoCreate-app/CoCreate-s3@master
+        with:
+          aws-key-id: "${{ secrets.AWSACCESSKEYID }}"
+          aws-access-key: "${{ secrets.AWSSECERTACCESSKEY }}"
+          bucket: testcrudbucket
+          source: ./dist
+          destination: /server-side-render/latest
+          acl: public-read
+          invalidations: true
+  docs:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+
+      - name: update documentation
+        uses: CoCreate-app/CoCreate-docs@master

package/.github/workflows/manual.yml

@@ -0,0 +1,44 @@
+name: Manual Workflow
+on:
+  workflow_dispatch:
+    inputs:
+      invalidations:
+        description: |
+          If set to 'true', invalidates previous upload.
+        default: "true"
+        required: true
+
+jobs:
+  cdn:
+    runs-on: ubuntu-latest
+    env:
+      DRY_RUN: ${{ github.event.inputs.dry_run }}
+      GITHUB_TOKEN: "${{ secrets.GITHUB_TOKEN }}"
+      NPM_TOKEN: "${{ secrets.NPM_TOKEN }}"
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: setup nodejs
+        uses: actions/setup-node@v2
+        with:
+          node-version: 14.15.4
+      - name: yarn install
+        run: >
+          echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" >
+          .npmrc
+
+          yarn install
+      - name: yarn build
+        run: yarn build
+      - name: upload latest bundle
+        uses: CoCreate-app/CoCreate-s3@master
+        with:
+          aws-key-id: "${{ secrets.AWSACCESSKEYID }}"
+          aws-access-key: "${{ secrets.AWSSECERTACCESSKEY }}"
+          distributionId: "${{ secrets.DISTRIBUTION_ID }}"
+          bucket: testcrudbucket
+          source: ./dist
+          destination: /server-side-render/latest
+          acl: public-read
+          invalidations: ${{ github.event.inputs.invalidations }}

package/CHANGELOG.md

@@ -0,0 +1,6 @@
+# 1.0.0 (2022-03-03)
+
+
+### Features
+
+* Intial Release ([f696620](https://github.com/CoCreate-app/CoCreate-server-side-render/commit/f696620881a71304e79e9a986b5a5fbc4b356b5b))

package/CONTRIBUTING.md

@@ -0,0 +1,97 @@
+# Contributing to CoCreate-server-side-render
+
+This project is work of [many contributors](https://github.com/CoCreate-app/CoCreate-server-side-render/graphs/contributors).
+You're encouraged to submit [pull requests](https://github.com/CoCreate-app/CoCreate-server-side-render/pulls),
+[propose features and discuss issues](https://github.com/CoCreate-app/CoCreate-server-side-render/issues).
+
+In the examples below, substitute your Github username for `contributor` in URLs.
+
+## Fork the Project
+
+Fork the [project on Github](https://github.com/CoCreate-app/CoCreate-server-side-render) and check out your copy.
+
+```
+git clone https://github.com/contributor/CoCreate-server-side-render.git
+cd CoCreate-server-side-render
+git remote add upstream https://github.com/CoCreate-app/CoCreate-server-side-render.git
+```
+
+## Create a Topic Branch
+
+Make sure your fork is up-to-date and create a topic branch for your feature or bug fix on dev branch.
+
+```
+git checkout dev
+git pull upstream dev
+git checkout -b my-feature-branch
+```
+
+## Write Tests
+
+Try to write a test that reproduces the problem you're trying to fix or describes a feature that you want to build.
+
+We definitely appreciate pull requests that highlight or reproduce a problem, even without a fix.
+
+## Write Code
+
+Implement your feature or bug fix.
+
+## Write Documentation
+
+Document any external behavior in the [README](README.md).
+
+## Commit Changes
+
+Make sure git knows your name and email address:
+
+```
+git config --global user.name "Your Name"
+git config --global user.email "contributor@example.com"
+```
+
+We use [semantic-release](https://github.com/semantic-release/semantic-release) as process to generate changelog
+and to release. Write meaningful commits according to 
+[Commit Message Formats](https://github.com/semantic-release/semantic-release#commit-message-format) is important.
+
+```
+git add ...
+git commit -am "commit-type(optional topic): a meaningful message"
+```
+
+Here is an example of the release type that should be done based on a [semantic-release](https://github.com/semantic-release/semantic-release):
+
+| Commit message                                                                                                                                                                                   | Release type               |
+| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------- |
+| `fix(pencil): stop graphite breaking when too much pressure applied`                                                                                                                             | Patch Release              |
+| `feat(pencil): add 'graphiteWidth' option`                                                                                                                                                       | ~~Minor~~ Feature Release  |
+| `perf(pencil): remove graphiteWidth option`<br><br>`BREAKING CHANGE: The graphiteWidth option has been removed.`<br>`The default graphite width of 10mm is always used for performance reasons.` | ~~Major~~ Breaking Release |
+
+
+## Push
+
+```
+git push origin my-feature-branch
+```
+
+## Make a Pull Request
+
+Go to [https://github.com/CoCreate-app/CoCreate-server-side-render](https://github.com/CoCreate-app/CoCreate-server-side-render) and select your feature branch.
+Click the 'Pull Request' button and fill out the form. Pull requests are usually reviewed within a few days.
+
+## Rebase
+
+If you've been working on a change for a while, rebase with upstream/dev.
+
+```
+git fetch upstream
+git rebase upstream/dev
+git push origin my-feature-branch -f
+```
+
+## Be Patient
+
+It's likely that your change will not be merged and that the nitpicky maintainers will ask you to do more, or fix seemingly benign problems. Hang in there!
+
+## Thank You
+
+Please do know that we really appreciate and value your time and work. We love you, really.

package/CoCreate.config.js

@@ -0,0 +1,43 @@
+module.exports = {
+    "config": {
+        "apiKey": "2061acef-0451-4545-f754-60cf8160",
+        "organization_Id": "5ff747727005da1c272740ab",
+        "host": "general.cocreate.app"
+    },
+    
+    "sources": [{
+            "entry": "./docs/index.html",
+            "collection": "files",
+            "document_id": "60145dc49f64ba1680b86693",
+            "key": "src",
+            "data":{
+                "name": "index.html",
+                "path": "/docs/server-side-render/index.html",
+                "domains": [
+                    "cocreate.app",
+                    "general.cocreate.app"
+                ],
+                "directory": "/docs/server-side-render",
+                "content-type": "text/html",
+                "public": "true",
+                "website_id": "5ffbceb7f11d2d00103c4535"
+            }
+        }
+    ],
+
+	"extract": {
+		"directory": "./src/",
+		"extensions": [
+			"js",
+			"css",
+			"html"
+		],
+		"ignores": [
+			"node_modules",
+			"vendor",
+			"bower_components",
+			"archive"
+		]
+	}
+}
+

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 CoCreate LLC
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,84 @@
+# CoCreate-server-side-render
+
+A simple server-side-render component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API. Take it for a spin in our [playground!](https://cocreate.app/docs/server-side-render)
+
+![min file size in bytes](https://img.badgesize.io/https://cdn.cocreate.app/server-side-render/latest/CoCreate-server-side-render.min.js?style=flat-square&label=minified&color=orange)
+![gzip file size in bytes](https://img.badgesize.io/https://cdn.cocreate.app/server-side-render/latest/CoCreate-server-side-render.min.js?compression=gzip&style=flat-square&label=gzip&color=yellow)
+![brotlifile size in bytes](https://img.badgesize.io/https://cdn.cocreate.app/server-side-render/latest/CoCreate-server-side-render.min.js?compression=brotli&style=flat-square&label=brotli)
+![GitHub latest release](https://img.shields.io/github/v/release/CoCreate-app/CoCreate-server-side-render?style=flat-square)
+![GitHub](https://img.shields.io/github/license/CoCreate-app/CoCreate-server-side-render?style=flat-square)
+![GitHub](https://img.shields.io/static/v1?style=flat-square&label=&message=Hiring&color=blueviolet)
+
+
+![CoCreate-server-side-render](https://cdn.cocreate.app/docs/CoCreate-server-side-render.gif)
+
+## [Docs & Demo](https://cocreate.app/docs/server-side-render)
+
+For a complete guide and working demo refer to the [doumentation](https://cocreate.app/docs/server-side-render)
+
+## CDN
+
+```html
+<script src="https://cdn.cocreate.app/server-side-render/latest/CoCreate-server-side-render.min.js"></script>
+```
+
+```html
+<script src="https://cdn.cocreate.app/server-side-render/latest/CoCreate-server-side-render.min.css"></script>
+```
+
+## NPM
+
+```shell
+$ npm i @cocreate/server-side-render
+```
+
+## yarn
+
+```shell
+$ yarn install @cocreate/server-side-render
+```
+
+# Table of Contents
+
+- [Table of Contents](#table-of-contents)
+- [Announcements](#announcements)
+- [Roadmap](#roadmap)
+- [How to Contribute](#how-to-contribute)
+- [About](#about)
+- [License](#license)
+
+<a name="announcements"></a>
+
+# Announcements
+
+All updates to this library are documented in our [CHANGELOG](https://github.com/CoCreate-app/CoCreate-server-side-render/blob/master/CHANGELOG.md) and [releases](https://github.com/CoCreate-app/CoCreate-server-side-render/releases). You may also subscribe to email for releases and breaking changes.
+
+<a name="roadmap"></a>
+
+# Roadmap
+
+If you are interested in the future direction of this project, please take a look at our open [issues](https://github.com/CoCreate-app/CoCreate-server-side-render/issues) and [pull requests](https://github.com/CoCreate-app/CoCreate-server-side-render/pulls). We would love to hear your feedback.
+
+<a name="about"></a>
+
+# About
+
+CoCreate-server-side-render is guided and supported by the CoCreate Developer Experience Team.
+
+Please Email the Developer Experience Team [here](mailto:develop@cocreate.app) in case of any queries.
+
+CoCreate-server-side-render is maintained and funded by CoCreate. The names and logos for CoCreate are trademarks of CoCreate, LLC.
+
+<a name="contribute"></a>
+
+# How to Contribute
+
+We encourage contribution to our libraries (you might even score some nifty swag), please see our [CONTRIBUTING](https://github.com/CoCreate-app/CoCreate-server-side-render/blob/master/CONTRIBUTING.md) guide for details.
+
+We want this library to be community-driven, and CoCreate led. We need your help to realize this goal. To help make sure we are building the right things in the right order, we ask that you create [issues](https://github.com/CoCreate-app/CoCreate-server-side-render/issues) and [pull requests](https://github.com/CoCreate-app/CoCreate-server-side-render/pulls) or merely upvote or comment on existing issues or pull requests.
+
+We appreciate your continued support, thank you!
+
+# License
+
+[The MIT License (MIT)](https://github.com/CoCreate-app/CoCreate-server-side-render/blob/master/LICENSE)

package/demo/index.html

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
+    <title>server-side-render | CoCreateJS</title>
+  </head>
+
+  <body>
+
+
+    <script>
+      var config = {
+        apiKey: '',
+        organization_Id: '',
+        host: ''
+      }
+    </script>
+
+    <!--<script src="https://cdn.cocreate.app/server-side-render/latest/CoCreate-server-side-render.min.js"></script>-->
+    <script src="../../../CoCreateJS/dist/CoCreate.js"></script>
+
+  </body>
+
+</html>

package/docs/index.html

@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>CoCreate-server-side-render Documentation | CoCreateJS </title>
+        <link rel="icon" type="image/png" sizes="32x32" href="https://cocreate.app/images/favicon.ico">
+        <meta name="description" content="A simple HTML5 and pure javascript component. Easy configuration using data-attributes and highly styleable." />
+        <meta name="keywords" content="helper classes, utility classes, css framework, css library, inline style classes" />
+        <meta name="robots" content="index,follow" />
+        
+        <!-- CoCreate CSS CDN -->
+        <link rel="stylesheet" href="https://cdn.cocreate.app/latest/CoCreate.min.css" type="text/css" />
+        
+    </head>
+
+    <body>
+        <div collection="" document_id="" name="" id="cocreate-server-side-render">
+            <div class="display:flex flex-wrap:wrap justify-content:space-between margin:10px">
+                <div class="display:flex align-items:center">
+                    <h2>CoCreate-server-side-render</h2>
+                </div>
+                <div class="display:flex align-items:center font-size:20px" share-height="600" share-width="500" share-media="https://via.placeholder.com/300/09f/fff.png">
+                    <a href="https://github.com/CoCreate-app/CoCreate-server-side-render" target="_blank" class="margin-right:15px"><i class="fab fa-github"></i></a>
+                    <a class="margin-right:15px share" share-network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
+                    <a class="margin-right:15px share" share-network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
+                    <a class="margin-right:15px share" share-network='instagram' title="Share on instagram"><i class="fab fa-instagram"></i></a>
+                    <a class="margin-right:15px share" share-network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
+                </div>
+            </div>
+            <p class="max-width:500px margin:20px_10px">A simple HTML5, CSS and pure javascript component. Easy configuration using data-attributes and highly styleable.</h1>
+            <div id="server-side-render-section" class="display:flex flex-wrap:wrap">
+                <div class="flex-grow:1 width:300px padding:20px_10px">
+                    <h2 class="border-bottom:1px_solid_lightgrey padding:5px_0px">Install</h2>
+                    <pre class="margin-top:15px"><code class="language-javascript">npm install cocreate-server-side-render</code></pre>
+                    <p class="padding:10px_0px">Or you can use cdn link:</p>
+                    <pre><code class="language-javascript">https://cdn.cocreate.app/js/CoCreate-server-side-render.min.js</code></pre>
+                    
+                    <h2 class="border-bottom:1px_solid_lightgrey margin-top:20px padding:5px_0px">Usage</h2>
+                    <p class="padding:10px_0px">server-side-render usage content</p>
+                    <pre><code class="language-html">&lt;div&gt;&lt;/div&gt;</code></pre>
+                    
+                    <h2 class="border-bottom:1px_solid_lightgrey margin-top:20px padding:5px_0px">Reference</h2>
+                    <p class="padding:10px_0px">This is server-side-render reference content</p>
+                    <pre><code class="language-javascript">&lt;div&gt;&lt;/div&gt;</code></pre>
+                    <p class="padding:10px_0px">This is server-side-render reference content</p>
+
+                    <h2 class="border-bottom:1px_solid_lightgrey margin-top:20px padding:5px_0px">Attributes</h2>
+                    <ul class="list-style-type:none ">
+                        <li class="padding:15px_0px border-bottom:1px_solid_lightgrey">
+                            <h4><span>server-side-render</span> <span class="cocreate-badge success">string</span> <span class="cocreate-badge warning">optional</span></h4>
+                            <p>server-side-render-attribute</p>
+                        </li>
+                        <li class="padding:15px_0px border-bottom:1px_solid_lightgrey">
+                            <h4><span>server-side-render</span> <span class="cocreate-badge success">string</span> <span class="cocreate-badge warning">optional</span></h4>
+                            <p>server-side-render-attribute</p>
+                        </li>
+                    </ul>
+                </div>
+                
+                <div class="flex-grow:1 width:300px padding:0px_10px margin:20px_0px  border-bottom:1px_solid_lightgrey">
+                    <!-- SandBox -->
+                    <h2 class="border-bottom:1px_solid_lightgrey padding:5px_0px">Demo</h2>
+                    <div class="position:sticky top:0 padding:10px_0px height:100vh">
+        			    <div class="container svColumn overflow:hidden card border-radius:2px width:auto height:100%" id="sandbox">
+        			       <div class="font-size:20px position:absolute top:10px right:10px opacity:0.6 z-index:7">
+        			        <a class="margin-right:10px" id="preview" show="preview" hide="code"><i class="far fa-eye"></i></a>
+        			        <a class="margin-right:10px hidden" id="code" show="code" hide="preview"><i class="fas fa-code"></i></a>
+        			        <!--<a class="margin-right:10px"><i class="far fa-window-maximize"></i></a>-->
+        					<a target="modal" href="module_activity_datatable.html"
+        				  	     pass-collection="modules"
+        				  	     pass-document_id=""
+        				  	     pass-fetch_value=""
+        				  	     pass-prefix=""
+        				  	     pass-to="render"
+        				  	     modal-width="600px"
+        				  	     modal-height="400px"
+        				  	     modal-color="#229954"
+        				  	     modal-header="false"
+        				  	     class="margin-right:10px">
+        				  	    <i class="fas fa-external-link-alt"></i>
+        				     </a>        
+        				     <a class="fs-toggle margin-right:5px" fullscreen target="#sandbox"><i class="fas fa-expand"></i></a>
+        			        </div>
+        			
+        			        <div class="svRow">
+        			            
+        			            <div class="svColumn">
+        			            	
+        			                <div class="svPanel">
+        			                    <div realtime="false"
+        			                        collection="modules"
+        			                        document_id="5eefe30952c6e94c75fb5e3f"
+        			                        name="html" 
+        			                        id="7" 
+        			                        class="codemirror height:100% min-width:300px">
+        			                    </div>
+        			                </div>
+        			            	<div class="svSplitter svHorizontal"> </div>
+        			
+        			                <div class="svPanel">
+        			                    <iframe get-value="7" frameBorder="0" height="100%" width="100%"  class="min-width:300px"></iframe>
+        			                </div>
+        			                
+        			            </div>
+        			        </div>
+        			    </div>
+    			    <!-- End SandBox -->
+    			    </div>
+                </div>
+                
+            </div>				
+        </div>
+        <script>
+            var config = {
+                apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',
+                securityKey: 'f26baf68-e3a9-45fc-effe-502e47116265',
+                organization_Id: '5de0387b12e200ea63204d6c'
+            }
+        </script>
+    
+        <!--CoCreateJS-->
+        <script src="https://server.cocreate.app/js/CoCreate.min.js"></script>
+    </body>
+</html>

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "@cocreate/server-side-render",
+  "version": "1.0.0",
+  "description": "A simple server-side-render component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API.",
+  "keywords": [
+    "server-side-render",
+    "cocreate",
+    "low-code-framework",
+    "no-code-framework",
+    "cocreatejs",
+    "cocreatejs-component",
+    "cocreate-framework",
+    "no-code",
+    "low-code",
+    "collaborative-framework",
+    "realtime",
+    "realtime-framework",
+    "collaboration",
+    "shared-editing",
+    "html5-framework",
+    "javascript-framework"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "start": "npx webpack --config webpack.config.js",
+    "build": "NODE_ENV=production npx webpack --config webpack.config.js",
+    "dev": "npx webpack --config webpack.config.js --watch",
+    "docs": "node ./node_modules/@cocreate/docs/src/index.js",
+    "hosting": "node ./node_modules/@cocreate/hosting/src/index.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/CoCreate-app/CoCreate-server-side-render.git"
+  },
+  "author": "CoCreate LLC",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/CoCreate-app/CoCreate-server-side-render/issues"
+  },
+  "homepage": "https://cocreate.app/docs/server-side-render",
+  "funding": {
+    "type": "GitHub Sponsors ❤",
+    "url": "https://github.com/sponsors/CoCreate-app"
+  },
+  "main": "./src/index.js",
+  "devDependencies": {
+    "@babel/core": "^7.9.6",
+    "@babel/preset-env": "^7.9.6",
+    "babel-loader": "^8.1.0",
+    "clean-webpack-plugin": "^3.0.0",
+    "file-loader": "^6.2.0",
+    "html-webpack-plugin": "^4.5.0",
+    "mini-css-extract-plugin": "^1.5.0",
+    "style-loader": "^2.0.0",
+    "terser-webpack-plugin": "^5.1.1",
+    "uglifyjs-webpack-plugin": "^2.2.0",
+    "webpack": "^5.24.4",
+    "webpack-cli": "^4.5.0",
+    "webpack-log": "^3.0.1"
+  },
+  "dependencies": {
+    "@cocreate/docs": "^1.2.26",
+    "@cocreate/hosting": "^1.2.22",
+    "mongodb": "^4.4.0",
+    "node-html-parser": "^5.2.0"
+  }
+}

package/release.config.js

@@ -0,0 +1,22 @@
+module.exports = {
+  dryRun: false,
+  branches: ["master"],
+  plugins: [
+    "@semantic-release/commit-analyzer",
+    "@semantic-release/release-notes-generator",
+    [
+      "@semantic-release/changelog",
+      {
+        changelogFile: "CHANGELOG.md",
+      },
+    ],
+    "@semantic-release/npm",
+    "@semantic-release/github",
+    [
+      "@semantic-release/git",
+      {
+        assets: ["CHANGELOG.md", "package.json"],
+      },
+    ],
+  ],
+};

package/src/index.js

@@ -0,0 +1,76 @@
+const { parse } = require("node-html-parser");
+const { ObjectID } = require('mongodb');
+
+const renderedIgnoreEl = { INPUT: true, TEXTAREA: true, SELECT: true, LINK: true, IFRAME: true, "COCREATE-SELECT": true };
+
+module.exports = async function renderHtml(orgDB, html) {
+
+    let dep = [];
+    let dbCache = new Map();
+
+    async function render(html, lastKey) {
+        const dom = parse(html);
+        for (let el of dom.querySelectorAll(
+                "[collection][name][document_id]"
+            )) {
+            let meta = el.attributes;
+
+            if (renderedIgnoreEl[el.tagName])
+                continue;
+                
+            if (el.tagName == "DIV" && !el.classList.contains('domEditor'))
+                continue;
+                
+            if (el.classList.contains('domEditor') && el.closest('.template'))
+                continue;
+           
+            if (el.hasAttribute('actions'))
+                continue;
+
+            let id = meta["document_id"],
+                coll = meta['collection'],
+                name = meta['name'];
+            let key = id + coll + name;
+            if (!id || !name || !coll) continue;
+            if (dep.includes(key))
+                throw new Error(
+                    `infinite loop: ${lastKey} ${id} ${coll} ${name}  has been already rendered`
+                );
+            else
+                dep.push(key)
+
+            let cacheKey = id + coll;
+            let record;
+            if (dbCache.has(cacheKey))
+                record = dbCache.get(cacheKey)
+            else {
+                let collection = orgDB.collection(coll)
+                record = await collection.findOne({"_id": new ObjectID(id)});
+                dbCache.set(cacheKey, record)
+            }
+
+            if (!record || !record[name]) {
+                dep.pop();
+                continue;
+            }
+            let chunk = record[name];
+            if (!chunk) {
+
+                dep.pop();
+                continue;
+            }
+            let dom = await render(chunk);
+
+            el.setAttribute('rendered', '')
+            el.innerHTML = "";
+            el.appendChild(dom);
+
+
+            dep.pop();
+        }
+
+        return dom;
+    }
+    let result = (await render(html, 'root')).toString();
+    return result;
+}