Fintoc.js ES Module - Use the Fintoc widget as an ES module

Related tags

Learning resource fintoc-js
Overview

Fintoc.js ES Module

Use the Fintoc widget as an ES module.

NPM - Version Linters

Installation

Install using npm! (or your favourite package manager)

# Using npm
npm install @fintoc/fintoc-js

# Using yarn
yarn add @fintoc/fintoc-js

Note: This SDK requires Node 10+.

Usage

Fintoc.js exports a single method called getFintoc. This is an async method that returns the Fintoc object from the documentation. To get the Fintoc object, use the following snippet:

import { getFintoc } from '@fintoc/fintoc-js';

const Fintoc = await getFintoc();

After retrieving the Fintoc object, you are ready to instantiate the widget:

const options = {
    .
    .
    .
};

const widget = Fintoc.create(options);

Here, options corresponds to an object with the parameters received by the widget (you can read more about these parameters here).

Finally, you can use any of the widget methods:

widget.open();
widget.close();
widget.destroy();

You can read more about these methods here.

TypeScript support

This package includes TypeScript declarations for the Fintoc widget.

Comments
  • fix(getFintoc): adapt code for using shim

    fix(getFintoc): adapt code for using shim

    Description

    Fintoc Widget now uses a shim, so it was necessary to update the code to make it all work using this library.

    Requirements

    Previous versions of the library need to be deprecated since they won't be able to load the widget.

    Additional changes

    None.

    Closes INF-93

    opened by diflores 1
  • Specify the widget object is nullable

    Specify the widget object is nullable

    Description

    Specify in the documentation that the widget object is nullable when using the getFintoc method on the server side.

    Requirements

    None.

    Additional changes

    None.

    documentation 
    opened by daleal 0
  • Load the Fintoc object as a singleton

    Load the Fintoc object as a singleton

    Description

    To solve every loading problem once and for all, load the Fintoc object as a singleton (the way it should have always been loaded).

    Requirements

    None.

    Additional changes

    None.

    bug 
    opened by daleal 0
  • Fix Fintoc object mixup error

    Fix Fintoc object mixup error

    Description

    The Fintoc object was incorrectly being returned as undefined when it was being loaded multiple times in a short period of time. This PR should fix that.

    Requirements

    None.

    Additional changes

    None.

    bug 
    opened by daleal 0
  • Export types

    Export types

    Description

    Previous to this Pull Request, using Fintoc.js with TypeScript was a bit complicated due to a lack of exported types from the library. This Pull Request exports the types so they can be used to declare stuff.

    Requirements

    None.

    Additional changes

    None.

    enhancement 
    opened by daleal 0
  • Switch to npm

    Switch to npm

    Description

    Change the package manager from yarn to npm for consistency within the organization.

    Requirements

    Re-build your node_modules.

    Additional changes

    Add a bit of documentation about the development process.

    enhancement 
    opened by daleal 0
  • Warning running / building my react app with fintoc

    Warning running / building my react app with fintoc

    I am using React and using the fintoc-js package. It works fine, but I get this warning while developing and building my application.

    Developing / running in developer mode

    Running react-scripts start

    Compiled with warnings.
Failed to parse source map from '/<PATH_TO_MY_REPO>/node_modules/@fintoc/fintoc-js/src/index.ts' file: Error: ENOENT: no such file or directory, open '/<PATH_TO_MY_REPO>/node_modules/@fintoc/fintoc-js/src/index.ts'
Failed to parse source map from '/<PATH_TO_MY_REPO>/node_modules/@fintoc/fintoc-js/src/lib/constants.ts' file: Error: ENOENT: no such file or directory, open '/<PATH_TO_MY_REPO>/node_modules/@fintoc/fintoc-js/src/lib/constants.ts'
Failed to parse source map from '/<PATH_TO_MY_REPO>/node_modules/@fintoc/fintoc-js/src/lib/core.ts' file: Error: ENOENT: no such file or directory, open '/<PATH_TO_MY_REPO>/node_modules/@fintoc/fintoc-js/src/lib/core.ts'
Failed to parse source map from '/<PATH_TO_MY_REPO>/node_modules/@fintoc/fintoc-js/src/types/core.ts' file: Error: ENOENT: no such file or directory, open '/<PATH_TO_MY_REPO>/node_modules/@fintoc/fintoc-js/src/types/core.ts'
Failed to parse source map from '/<PATH_TO_MY_REPO>/node_modules/@fintoc/fintoc-js/src/types/index.ts' file: Error: ENOENT: no such file or directory, open '/<PATH_TO_MY_REPO>/node_modules/@fintoc/fintoc-js/src/types/index.ts'

WARNING in ./node_modules/@fintoc/fintoc-js/build/module/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/<MY_PATH_TO_MY_REPO>/node_modules/@fintoc/fintoc-js/src/index.ts' file: Error: ENOENT: no such file or directory, open '/<MY_PATH_TO_MY_REPO>/node_modules/@fintoc/fintoc-js/src/index.ts'
 @ ./src/views/Dashboard/index.tsx 14:0-46 41:25-34
 @ ./src/routes/routes.ts 5:0-40 15:13-22
 @ ./src/routes/index.tsx 6:0-35 12:14-29
 @ ./src/App.tsx 8:0-31 23:41-50
 @ ./src/index.tsx 10:0-24 18:37-40

WARNING in ./node_modules/@fintoc/fintoc-js/build/module/lib/constants.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/<PATH_TO_MY_REPO>/node_modules/@fintoc/fintoc-js/src/lib/constants.ts' file: Error: ENOENT: no such file or directory, open '/<PATH_TO_MY_REPO>/node_modules/@fintoc/fintoc-js/src/lib/constants.ts'
 @ ./node_modules/@fintoc/fintoc-js/build/module/lib/core.js 1:0-59 3:60-70 4:44-65 8:15-25
 @ ./node_modules/@fintoc/fintoc-js/build/module/index.js 1:0-39 1:0-39
 @ ./src/views/Dashboard/index.tsx 14:0-46 41:25-34
 @ ./src/routes/routes.ts 5:0-40 15:13-22
 @ ./src/routes/index.tsx 6:0-35 12:14-29
 @ ./src/App.tsx 8:0-31 23:41-50
 @ ./src/index.tsx 10:0-24 18:37-40

WARNING in ./node_modules/@fintoc/fintoc-js/build/module/lib/core.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/<PATH_TO_MY_REPO>/node_modules/@fintoc/fintoc-js/src/lib/core.ts' file: Error: ENOENT: no such file or directory, open '/<PATH_TO_MY_REPO>/node_modules/@fintoc/fintoc-js/src/lib/core.ts'
 @ ./node_modules/@fintoc/fintoc-js/build/module/index.js 1:0-39 1:0-39
 @ ./src/views/Dashboard/index.tsx 14:0-46 41:25-34
 @ ./src/routes/routes.ts 5:0-40 15:13-22
 @ ./src/routes/index.tsx 6:0-35 12:14-29
 @ ./src/App.tsx 8:0-31 23:41-50
 @ ./src/index.tsx 10:0-24 18:37-40

WARNING in ./node_modules/@fintoc/fintoc-js/build/module/types/core.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/<PATH_TO_MY_REPO>/node_modules/@fintoc/fintoc-js/src/types/core.ts' file: Error: ENOENT: no such file or directory, open '/<PATH_TO_MY_REPO>/node_modules/@fintoc/fintoc-js/src/types/core.ts'
 @ ./node_modules/@fintoc/fintoc-js/build/module/types/index.js 1:0-23 1:0-23
 @ ./node_modules/@fintoc/fintoc-js/build/module/index.js 2:0-24 2:0-24
 @ ./src/views/Dashboard/index.tsx 14:0-46 41:25-34
 @ ./src/routes/routes.ts 5:0-40 15:13-22
 @ ./src/routes/index.tsx 6:0-35 12:14-29
 @ ./src/App.tsx 8:0-31 23:41-50
 @ ./src/index.tsx 10:0-24 18:37-40

WARNING in ./node_modules/@fintoc/fintoc-js/build/module/types/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/<PATH_TO_MY_REPO>/node_modules/@fintoc/fintoc-js/src/types/index.ts' file: Error: ENOENT: no such file or directory, open '/<PATH_TO_MY_REPO>/node_modules/@fintoc/fintoc-js/src/types/index.ts'
 @ ./node_modules/@fintoc/fintoc-js/build/module/index.js 2:0-24 2:0-24
 @ ./src/views/Dashboard/index.tsx 14:0-46 41:25-34
 @ ./src/routes/routes.ts 5:0-40 15:13-22
 @ ./src/routes/index.tsx 6:0-35 12:14-29
 @ ./src/App.tsx 8:0-31 23:41-50
 @ ./src/index.tsx 10:0-24 18:37-40

    Building in production

    Running react-scripts build

           Compiled with warnings.
       Failed to parse source map from '/tmp/build_c8b82b10/node_modules/@fintoc/fintoc-js/src/index.ts' file: Error: ENOENT: no such file or directory, open '/tmp/build_c8b82b10/node_modules/@fintoc/fintoc-js/src/index.ts'
       Failed to parse source map from '/tmp/build_c8b82b10/node_modules/@fintoc/fintoc-js/src/lib/constants.ts' file: Error: ENOENT: no such file or directory, open '/tmp/build_c8b82b10/node_modules/@fintoc/fintoc-js/src/lib/constants.ts'
       Failed to parse source map from '/tmp/build_c8b82b10/node_modules/@fintoc/fintoc-js/src/lib/core.ts' file: Error: ENOENT: no such file or directory, open '/tmp/build_c8b82b10/node_modules/@fintoc/fintoc-js/src/lib/core.ts'
       Failed to parse source map from '/tmp/build_c8b82b10/node_modules/@fintoc/fintoc-js/src/types/core.ts' file: Error: ENOENT: no such file or directory, open '/tmp/build_c8b82b10/node_modules/@fintoc/fintoc-js/src/types/core.ts'
       Failed to parse source map from '/tmp/build_c8b82b10/node_modules/@fintoc/fintoc-js/src/types/index.ts' file: Error: ENOENT: no such file or directory, open '/tmp/build_c8b82b10/node_modules/@fintoc/fintoc-js/src/types/index.ts'
    opened by jedelacarrera 4
Releases(1.1.2)
Owner
Fintoc
We connect your user's bank accounts with your application
Fintoc
GitHub
TikTokLive-Widget: A socket client/server program that exposes a widget with alerts (such as gifts, followers ...) for a specific user streaming on Tik Tok Live platform

TikTokLive-Widget: A socket client/server program that exposes a widget with alerts (such as gifts, followers ...) for a specific user streaming on Tik Tok Live platform

null 3 Dec 3, 2022
JqTree - Tree widget for jQuery

jqTree JqTree is a tree widget. Read more in the documentation. Features Create a tree from JSON data Drag and drop Works on ie9+, firefox, chrome and

Marco Braak 1k Dec 22, 2022
Matrix Moderation Widget for Mjolnir

A widget for moderating with mjolnir. Highly WIP. Use at your own risk!

Marcel 7 Jun 23, 2022
A Q&A widget for your docs

Squeak! [BETA] Squeak! lets you answer user questions, right in your docs. Even better: it lets your community support itself. Top features Embeds in

PostHog 127 Jan 7, 2023
Table of contents Trilium widget for editable and readonly text notes.

Trilium-TocWidget Table of contents Trilium widget for editable and readonly text notes. Screenshot Features The ToC is live and automatically updated

Antonio Tejada 25 Dec 29, 2022
Find in note Trilium widget to replace the crappy ctrl+f search.

Trilium-FindWidget Find in note Trilium widget to replace the crappy ctrl+f search. Video sandbox.-.Trilium.Notes.2022-04-22.15-41-19_rescaled.mp4 Fea

Antonio Tejada 8 Nov 22, 2022
PoGOEvents is a Scriptable widget that displays current and upcoming Pokemon GO events.

PoGOEvents PoGOEvents is a Scriptable widget that displays current and upcoming Pokemon GO events. All event data is gathered from from ScrapedDuck, w

Anthony 33 Nov 12, 2022
Scriptable Widget which shows current news from tagesschau.de

tagesschau-widget for Scriptable Based on this reddit post of u/trbn_hck Unfortunately the Repositorie in his GitHub profile is no longer exist. Widge

Robinson 5 Sep 12, 2022
Touch enabled selectable plugin inspired by the jQuery UI widget.

Inspired by the jQuery UI Selectable plugin. Functionality and options are identical to the jQuery UI version with some additions and performance enha

Karl 135 Nov 24, 2022
jQuery UI widget for structured queries like "Contacts where Firstname starts with A and Birthday before 1/1/2000 and State in (CA, NY, FL)"...

Structured-Filter · Structured-Filter is a generic Web UI for building structured search or filter queries. With it you can build structured search co

Olivier Giulieri 238 Jan 6, 2023
jQuery UI widget for color picking (similar to the one in Microsoft Office 2010).

evol-colorpicker · evol-colorpicker is a web color picker which looks like the one in Microsoft Office 2010. It can be used inline or as a popup bound

Olivier Giulieri 285 Dec 14, 2022
Dynamic island style widget for displaying what you're recently played on Spotify.

Spotify Island Dynamic island style widget for displaying what you're recently played on Spotify. ?? Check the demo spotify-island.mov 1. Get Spotify

Nurçin 5 Nov 24, 2022
API to pull Github information with ui widget.

Github UI Widget Demos Ahmet ilhan Github Profile Card Ahmet ilhan Github Repositories Card Ahmet ilhan Github Selected Repo Commits Github UI Widget

Ahmet İlhan 4 Nov 25, 2022
This widget allows to conduct polls in Matrix rooms.

Matrix Poll This widget allows to conduct polls in Matrix rooms. But unlike MSC3381, it is designed for more complex scenarios, like polls with multip

Nordeck IT + Consulting GmbH 14 Dec 19, 2022
An npm package for demonstration purposes using TypeScript to build for both the ECMAScript Module format (i.e. ESM or ES Module) and CommonJS Module format. It can be used in Node.js and browser applications.

An npm package for demonstration purposes using TypeScript to build for both the ECMAScript Module format (i.e. ESM or ES Module) and CommonJS Module format. It can be used in Node.js and browser applications.

Snyk Labs 57 Dec 28, 2022
A NestJS module that allows you use Prisma, set up multiple Prisma services, and use multi-tenancy in each Prisma service.

NestJS Prisma Module Installation To use this package, first install it: npm i @sabinthedev/nestjs-prisma Basic Usage In order to use this package, yo

Sabin Adams 39 Dec 2, 2022
A web-application I created to practice for my CCNA 201-300 exam. It includes most of the questions from the module exams. My goal was to create a fast and clean interface, with the option to combine different module, randomized questions and instant feedback,

CCNA 201-300 Practice A web-application I created to assist me with my studies for my CCNA 201-300 Exam. It was created with native HTML/CSS/JS. It in

Loren Kociko 12 Dec 7, 2022
Template Repository for making your own budder Module. CORE is not included, this is just for the module.

A quick copy of the "How to make your own module" section Check out the official budderAPI repository Template Repository for making your own budder M

Logic 2 Apr 3, 2022
Userland module that implements the module path mapping that Node.js does with "exports" in package.json

exports-map Userland module that implements the module path mapping that Node.js does with "exports" in package.json npm install exports-map Usage co

Mathias Buus 9 May 31, 2022