15.0.1 • Published 1 year ago

@dfds-platform/business-components v15.0.1

Weekly downloads
983
License
UNLICENSED
Repository
-
Last release
1 year ago

@dfds-platform/business-components-ts

Installation

Install with npm:

npm install --save @dfds-platform/business-components-ts

Install with yarn:

yarn add @dfds-platform/business-components-ts

Environment

For development you need to create a .env file with they following keys.

key
AUTH_ISSUER
AUTH_CLIENT_ID
CONTENTFUL_SPACE_ID
CONTENTFUL_TOKEN
CONTENTFUL_ENVIRONMENT

Look in .env.development for default values.

Publishing

New releases are created in github which will create a new tag. ADO will pick up on the new tag and publish a version with the that tag using the ci:publish npm script

Login component and AuthProvider configuration example:

Go to example

Developing using yarn link

It can be handy to use developing functionality in the context of an existing app. yarn link can be used in that case.

Getting started

A common problem when using yarn link is that you end of with multiple versions of packages (eg. react). This is because dependencies are resolved upwards from within the symlinked react-components folder.

webpack

If you are using webpack you can try setting resolve.symlinks to false in your webpack.config.js to only resolve dependencies from the apps node_modules folder.

Gatsby

Gatsby uses webpack under the hood, so in order to set resolve.symlinks add the following to the gatsby-node.js file

exports.onCreateWebpackConfig = ({ getConfig, actions, stage }) => {
  const config = getConfig()
  config.resolve.symlinks = false
  actions.replaceWebpackConfig(config)
}

Browser compatibility / polyfill

The auth components use the okta-auth-js library behind the scenes. Compatibility with IE 11 / Edge can be accomplished by adding polyfill/shims for the following objects:

  • ES Promise
  • Array.from
  • TextEncoder
  • Object.assign
  • UInt8 typed array
  • webcrypto (crypto.subtle)

Okta auth js git repository

Example usage with gatsby:

import 'core-js/es/promise'
import 'core-js/es/typed-array/uint8-array'
import 'core-js/features/array/from'
import 'core-js/web/url'
import 'webcrypto-shim'
if (typeof window !== 'undefined' && typeof window.TextEncoder !== 'function') {
  const TextEncodingPolyfill = require('text-encoding')
  window.TextEncoder = TextEncodingPolyfill.TextEncoder
  window.TextDecoder = TextEncodingPolyfill.TextDecoder
}
15.0.1

1 year ago

10.0.0

1 year ago

11.0.0

1 year ago

12.0.0

1 year ago

12.0.2

1 year ago

13.0.0

1 year ago

9.0.0

1 year ago

15.0.0

1 year ago

9.1.0

1 year ago

14.0.0

1 year ago

5.4.0

1 year ago

7.0.0

1 year ago

7.2.3

1 year ago

7.2.2

1 year ago

7.2.0

1 year ago

8.0.0

1 year ago

4.0.0

1 year ago

5.0.1

1 year ago

5.2.0

1 year ago

6.0.1

1 year ago

6.0.0

1 year ago

5.3.0

1 year ago

7.1.0

1 year ago

3.1.0

1 year ago

3.3.0

1 year ago

3.2.0

1 year ago

3.0.4

1 year ago

3.0.3

1 year ago

3.4.1

1 year ago

3.0.2

1 year ago

3.0.1

1 year ago

3.0.0

2 years ago

2.1.2

2 years ago

2.1.1

2 years ago

2.1.0

2 years ago

2.0.5

2 years ago

2.0.4

2 years ago

2.0.7

2 years ago

2.0.6

2 years ago

2.0.8

2 years ago

2.0.3

2 years ago

1.5.9

2 years ago

1.5.8

2 years ago

2.0.2

2 years ago

2.0.1

2 years ago

2.0.0

2 years ago

1.5.5

2 years ago

1.5.4

2 years ago

1.5.3

2 years ago

1.5.2

2 years ago

1.5.1

2 years ago

1.5.0

2 years ago

1.4.2

2 years ago

1.5.7

2 years ago

1.5.6

2 years ago

1.4.1

2 years ago

1.4.0

2 years ago

1.3.9

2 years ago

1.3.7

3 years ago

1.3.6

3 years ago

1.3.5

3 years ago

1.3.4

3 years ago

1.3.3

3 years ago

1.3.2

3 years ago

1.3.1

3 years ago

1.3.0

3 years ago

1.2.3

3 years ago

1.2.2

3 years ago

1.2.1

3 years ago

1.2.0

3 years ago

1.1.9

3 years ago

1.1.8

3 years ago

1.1.7

3 years ago

1.1.6

3 years ago

1.1.5

3 years ago

1.1.4

3 years ago

1.1.3

3 years ago

1.1.2

3 years ago

1.1.1

3 years ago

1.1.0

3 years ago

1.0.9

3 years ago

1.0.8

3 years ago

1.0.7

3 years ago

1.0.6

3 years ago

1.0.5

3 years ago

1.0.4

3 years ago

1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago

0.9.8

3 years ago

0.9.9

3 years ago

0.9.7

3 years ago

0.9.6

3 years ago

0.9.5

3 years ago

0.9.4

3 years ago

0.9.3

3 years ago

0.9.2

3 years ago

0.9.1

3 years ago

0.9.0

3 years ago

0.8.9

3 years ago

0.8.8

3 years ago

0.8.7

3 years ago

0.8.6

3 years ago

0.8.5

3 years ago

0.8.4

3 years ago

0.8.3

3 years ago

0.8.2

3 years ago

0.8.1

3 years ago

0.8.0

4 years ago

0.7.9

4 years ago

0.7.8

4 years ago

0.7.7

4 years ago

0.7.6

4 years ago

0.7.5

4 years ago

0.7.4

4 years ago

0.7.3

4 years ago

0.7.2

4 years ago

0.7.1

4 years ago

0.7.0

4 years ago

0.6.9

4 years ago

0.6.8

4 years ago

0.6.7

4 years ago

0.6.6

4 years ago

0.6.5

4 years ago

0.6.4

4 years ago

0.6.3

4 years ago

0.6.2

4 years ago

0.6.1

4 years ago

0.6.0

4 years ago

0.5.8

4 years ago

0.5.7

4 years ago

0.5.6

4 years ago

0.5.5

4 years ago

0.5.4

4 years ago

0.5.3

4 years ago

0.5.2

4 years ago

0.5.1

4 years ago

0.5.0

4 years ago

0.4.9

4 years ago

0.4.8

4 years ago

0.4.7

4 years ago

0.4.6

4 years ago

0.4.5

4 years ago

0.4.4

4 years ago

0.4.3

4 years ago

0.4.2

4 years ago

0.4.1

4 years ago

0.4.0

4 years ago

0.3.9

4 years ago

0.3.8

4 years ago

0.3.7

4 years ago

0.3.6

4 years ago

0.3.5

4 years ago

0.3.4

4 years ago

0.3.3

4 years ago

0.3.2

4 years ago

0.3.1

4 years ago

0.3.0

4 years ago

0.2.9

4 years ago

0.2.7

4 years ago

0.2.8

4 years ago

0.2.6

4 years ago

0.2.5

4 years ago

0.2.4

4 years ago

0.2.3

4 years ago

0.2.2

4 years ago

0.2.1

4 years ago

0.2.0

4 years ago

0.1.9

4 years ago

0.1.7-beta-6

4 years ago

0.1.7-beta-5

4 years ago

0.1.7-beta-4

4 years ago

0.1.7-beta-3

4 years ago