ngx-edu-sharing-app-as-web-component

v9.1.1

Published

14 days ago

Full edu-sharing app to use for integration of any edu-sharing view

Downloads

181

0High
0Medium
0Low

edu-sharing.net

Edu-Sharing as Web Component

Build

# Serve a self-updating development build.
npm start
# Serve a one-time compiled production build.
npm run preview
# Build for production.
npm run build

Configuration

Set the backend URL for edu-sharing with a global config object on window:

window.__env = {
    EDU_SHARING_API_URL: 'http://repository.127.0.0.1.nip.io:8100/edu-sharing/rest',
};

For testing, you can proxy requests to the URL given in the file .env by setting EDU_SHARING_API_URL to /edu-sharing/rest.

Installation

Add it in your package.json

  "dependencies": {
    "ngx-edu-sharing-app-as-web-component": "^9.1.0"
  },

Copy the files into your assets/vendor part via angular.json

 "assets": [
    {
      "glob": "**/*",
      "input": "node_modules/ngx-edu-sharing-app-as-web-component/",
      "output": "./vendor/edu-sharing"
    }
]

Make an html file that looks like this

<html class="no-js" lang="">
    <base href="/" />
    <script>
        // Provide the backend URL for edu-sharing.
        //
        // For testing with development builds use '/edu-sharing/rest' for a proxy to the URL
        // configured the `.env` file.
        //
        window.__env = {
            //EDU_SHARING_API_URL: '/edu-sharing/rest',
            EDU_SHARING_API_URL: 'http://repository.127.0.0.1.nip.io:8100/edu-sharing/rest',
        };
    </script>
    <script src="vendor/edu-sharing/runtime.js" type="module"></script>
    <script src="vendor/edu-sharing/polyfills.js" type="module"></script>
    <!-- Alternatively to loading `scripts.js`, provide your own versions of jQuery.  -->
    <script src="vendor/edu-sharing/scripts.js" defer></script>
    <script src="vendor/edu-sharing/main.js" type="module"></script>
    <!-- Only for dev builds. Could also set `vendorChunk: false` in `angular.json` to omit
altogether. -->
    <script src="vendor/edu-sharing/vendor.js" type="module"></script>
    <link rel="stylesheet" href="vendor/edu-sharing/styles.css" />
    <body>
        <edu-sharing-app search-string="Test" style="height: 100vh"></edu-sharing-app>
    </body>
</html>

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme

Edu-Sharing as Web Component

Build

Configuration

Installation