Git Product home page Git Product logo

widgets's Introduction

widgets

Prerequisites

Node.js and npm

To run this project you will need a package manager such as npm. To install it, follow the guide at npmjs.com.

Library

To be able to use the widget API you will need to download the @tecnojest/widget-base package or build the lib yourself.

Installing from the npm registry

If you are a registered partner, you will be able to download the package from the official registry. You will need to configure your local npm engine to point to Tecnojest's registry, by doing the following:

# authenticate in the private npm registry
npm login --registry https://npm.invidea.it
# set the registry to point to @tecnojest's scope
npm config set @tecnojest:registry https://npm.invidea.it

if during the first npm login step you receive a UNABLE_TO_VERIFY_LEAF_SIGNATURE error, then run:

npm config set strict-ssl false

and try again.

Building the lib yourself

Everyone is able to build the lib themselves. To do so, follow these steps:

  1. Clone the repository
  2. cd into the repository
  3. npm install to install the dependencies
  4. To build, run:
    4.1 OSX / Linux: npm run build
    4.2 Windows: npm run build-windows

To link the lib in your widget template:
a) Modify the import in the widget template of your choice to point to the built lib instead of @tecnojest/widget-base
b) Run npm link in the lib folder and npm link @tecnojest/widget-base in the widget template folder

Get started

This repository contains the documentation, lib and templates for creating widgets. Additional templates or implementations of widgets can be created by following the lib's README

Folder structure

In the repository you can find the following folders:

  • doc
    Contains a thorough description and outlines the purpose of the whole project in markdown. See the first article on the concept.

  • lib
    The core of this project. Contains the skeleton for rendering widgets written in different techologies.

  • templates
    Basic, working implementations of widgets written in various technologies, ready to be developed further. It is recommended to start off with these templates.
    To use a template, please refer to its corresponding README.

Contribute

To contribute to particular parts of the repository, please refer to the corresponding READMEs.

CI/CD configuration

Please run the CI/CD locally using GitLab Runner. The guide on how to use it can be found here: GitLab Runner Installation and Usage

Troubleshoot

Please submit an issue if you encounter any bug.

Credits

widgets's People

Contributors

lukasz-starosta avatar

Stargazers

 avatar Abdelrahman Khattab avatar Fernanda D'Emery avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.