@orangelogic/orange-dam-content-browser-sdk 2.3.4 → 2.3.5-pr105265.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +126 -97
- package/build/OrangeDAMContentBrowserSDK.min.js +166 -160
- package/build/components/content-browser/content-browser.d.ts +2 -0
- package/build/components/content-browser-browser/content-browser-browser.d.ts +1 -0
- package/build/content-browser.mjs +125 -17
- package/build/index.d.ts +2 -0
- package/build/index.mjs +187 -30
- package/build/store/auth/auth.slice.d.ts +37 -1
- package/build/tools/fetch-and-merge-assets.d.ts +14 -1
- package/build/utils/site-session.d.ts +3 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,97 +1,126 @@
|
|
|
1
|
-
# Introduction
|
|
2
|
-
Orange Logic’s OrangeDAM Content Browser SDK allows authenticated users to browse Orange Logic assets in external web applications. You can use this tool to develop custom integrations between your Orange Logic platform and other software your organization uses.
|
|
3
|
-
|
|
4
|
-
For example, let’s say your organization’s creative team stores images in Orange Logic. However, the marketing team uses a Content Management System (CMS) to build webpages. You can add the OrangeDAM Content Browser SDK to your CMS so users can search, filter, and select assets directly from Orange Logic, and then use them in your CMS.
|
|
5
|
-
|
|
6
|
-
# Getting Started
|
|
7
|
-
|
|
8
|
-
## Installation process
|
|
9
|
-
|
|
10
|
-
### Environment Setup
|
|
11
|
-
1. Copy the environment template:
|
|
12
|
-
|
|
13
|
-
**Unix/macOS:**
|
|
14
|
-
```bash
|
|
15
|
-
cp .env.example .env.local
|
|
16
|
-
```
|
|
17
|
-
|
|
18
|
-
**Windows Command Prompt:**
|
|
19
|
-
```cmd
|
|
20
|
-
copy .env.example .env.local
|
|
21
|
-
```
|
|
22
|
-
|
|
23
|
-
**Windows PowerShell:**
|
|
24
|
-
```powershell
|
|
25
|
-
Copy-Item .env.example .env.local
|
|
26
|
-
```
|
|
27
|
-
|
|
28
|
-
2. Install dependencies (this will load the environment variables automatically):
|
|
29
|
-
|
|
30
|
-
**Unix/macOS:**
|
|
31
|
-
```bash
|
|
32
|
-
yarn install
|
|
33
|
-
```
|
|
34
|
-
|
|
35
|
-
## Software dependencies
|
|
36
|
-
NodeJS v18 or higher
|
|
37
|
-
|
|
38
|
-
## Latest releases
|
|
39
|
-
Content Browser SDK v2.1.0
|
|
40
|
-
|
|
41
|
-
# Build and Test
|
|
42
|
-
- Run the project with
|
|
43
|
-
```
|
|
44
|
-
yarn start
|
|
45
|
-
```
|
|
46
|
-
|
|
47
|
-
- Build with
|
|
48
|
-
```
|
|
49
|
-
yarn build
|
|
50
|
-
```
|
|
51
|
-
- use the 2 files `build
|
|
52
|
-
|
|
53
|
-
# More guide
|
|
54
|
-
For detail guides on usage check out the [Orange Logic Developer Portal](https://developer.orangelogic.com/docs/generic-asset-browser)
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
*
|
|
88
|
-
* Dec
|
|
89
|
-
*
|
|
90
|
-
*
|
|
91
|
-
*
|
|
92
|
-
*
|
|
93
|
-
*
|
|
94
|
-
*
|
|
95
|
-
*
|
|
96
|
-
|
|
97
|
-
*
|
|
1
|
+
# Introduction
|
|
2
|
+
Orange Logic’s OrangeDAM Content Browser SDK allows authenticated users to browse Orange Logic assets in external web applications. You can use this tool to develop custom integrations between your Orange Logic platform and other software your organization uses.
|
|
3
|
+
|
|
4
|
+
For example, let’s say your organization’s creative team stores images in Orange Logic. However, the marketing team uses a Content Management System (CMS) to build webpages. You can add the OrangeDAM Content Browser SDK to your CMS so users can search, filter, and select assets directly from Orange Logic, and then use them in your CMS.
|
|
5
|
+
|
|
6
|
+
# Getting Started
|
|
7
|
+
|
|
8
|
+
## Installation process
|
|
9
|
+
|
|
10
|
+
### Environment Setup
|
|
11
|
+
1. Copy the environment template:
|
|
12
|
+
|
|
13
|
+
**Unix/macOS:**
|
|
14
|
+
```bash
|
|
15
|
+
cp .env.example .env.local
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
**Windows Command Prompt:**
|
|
19
|
+
```cmd
|
|
20
|
+
copy .env.example .env.local
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
**Windows PowerShell:**
|
|
24
|
+
```powershell
|
|
25
|
+
Copy-Item .env.example .env.local
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
2. Install dependencies (this will load the environment variables automatically):
|
|
29
|
+
|
|
30
|
+
**Unix/macOS:**
|
|
31
|
+
```bash
|
|
32
|
+
yarn install
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Software dependencies
|
|
36
|
+
NodeJS v18 or higher
|
|
37
|
+
|
|
38
|
+
## Latest releases
|
|
39
|
+
Content Browser SDK v2.1.0
|
|
40
|
+
|
|
41
|
+
# Build and Test
|
|
42
|
+
- Run the project with
|
|
43
|
+
```
|
|
44
|
+
yarn start
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
- Build with
|
|
48
|
+
```
|
|
49
|
+
yarn build
|
|
50
|
+
```
|
|
51
|
+
- use the 2 files `build/OrangeDAMContentBrowserSDK.min.js` and `build/OrangeDAMContentBrowserSDK.min.css` in your other projects
|
|
52
|
+
|
|
53
|
+
# More guide
|
|
54
|
+
For detail guides on usage check out the [Orange Logic Developer Portal](https://developer.orangelogic.com/docs/generic-asset-browser)
|
|
55
|
+
|
|
56
|
+
## Reuse the Current Cortex Login
|
|
57
|
+
|
|
58
|
+
For an HTML page served by the Cortex site, enable `useSiteSession` to use the
|
|
59
|
+
browser's existing site login. No site URL, token callback, or SDK login is needed.
|
|
60
|
+
Load `build/OrangeDAMContentBrowserSDK.min.js` and
|
|
61
|
+
`build/OrangeDAMContentBrowserSDK.min.css`, then open the picker with:
|
|
62
|
+
|
|
63
|
+
```html
|
|
64
|
+
<div id="asset-picker" style="height: 600px"></div>
|
|
65
|
+
<script>
|
|
66
|
+
OrangeDAMContentBrowser.open({
|
|
67
|
+
containerId: 'asset-picker',
|
|
68
|
+
useSiteSession: true,
|
|
69
|
+
onAssetSelected: (assets) => console.log(assets),
|
|
70
|
+
});
|
|
71
|
+
</script>
|
|
72
|
+
```
|
|
73
|
+
|
|
74
|
+
The site defaults to `window.location.origin`. For a Cortex installation under a
|
|
75
|
+
virtual directory, supply a `baseUrl` on that same origin. The HTML page (or iframe
|
|
76
|
+
document) must run on the Cortex origin; loading the SDK script from Cortex into a
|
|
77
|
+
page on another domain does not share its login.
|
|
78
|
+
|
|
79
|
+
This mode uses cookies managed by the browser and ignores saved SDK credentials,
|
|
80
|
+
`onRequestToken`, and `useSession`. It hides SDK logout and does not launch SDK
|
|
81
|
+
authentication when the site session expires. Sign in through the Cortex site and
|
|
82
|
+
reopen the picker to resume. Omit `useSiteSession` to retain the existing SDK
|
|
83
|
+
authentication flow.
|
|
84
|
+
|
|
85
|
+
# Change Log
|
|
86
|
+
* March 24, 2026 - v2.2.3
|
|
87
|
+
* Supports displaying asset thumbnails according to the selected format (https://link.orangelogic.com/Tasks/420YSB)
|
|
88
|
+
* Dec 19, 2025 - v2.2.1
|
|
89
|
+
* Fix various bugs and issues from v2.2.0
|
|
90
|
+
* Various improvements in UI/UX
|
|
91
|
+
* Assets in cold storage are now visually disabled and prevented from being selected, with a clear message displayed to users.
|
|
92
|
+
* Enhanced asset preview component to support custom icon display.
|
|
93
|
+
* Avatar URL handling updated to correctly detect and preserve fully-qualified (http/https) avatar links while continuing to prefix relative avatar paths with the site's base URL.
|
|
94
|
+
* Updated design system dependency to the latest version
|
|
95
|
+
* Enhanced view menu item alignment in the control bar for better positioning
|
|
96
|
+
* Nov 10, 2025 - v2.2.0
|
|
97
|
+
* Better multimedia support (video/story/widget)
|
|
98
|
+
* Highlighted search terms
|
|
99
|
+
* Persistent/overlay sidebar
|
|
100
|
+
* Refined asset previews/cards
|
|
101
|
+
* Copy-to-clipboard for auth URL
|
|
102
|
+
* Token change/connect hooks
|
|
103
|
+
* Asset version history with previews
|
|
104
|
+
* Favorites (favorite/unfavorite)
|
|
105
|
+
* Load-more pagination
|
|
106
|
+
* Custom rendition controls (quality, preserve metadata)
|
|
107
|
+
* Asset selection
|
|
108
|
+
* Various improvements in search, filtering, and UI/UX
|
|
109
|
+
* Apr 8, 2025 - v2.1.0
|
|
110
|
+
* Rename GAB to Content Browser SDK
|
|
111
|
+
* Revamp the Content Browser SDK's entire UI
|
|
112
|
+
* Add a new demo page with more explanations on the invoke function's properties
|
|
113
|
+
* Content Browser SDK now allows you to pick all asset file extensions
|
|
114
|
+
* Add on-the-fly image transformation functionality
|
|
115
|
+
* Add tracking link capabilities
|
|
116
|
+
* More control on the Content Browser's invoke parameters level and Orange DAM administrative level
|
|
117
|
+
* Dec 20, 2024 - v1.2.2
|
|
118
|
+
* Change Orange DAM to OrangeDAM
|
|
119
|
+
* GAB in demo will not pre populate with "https://cortexdemo2.orangelogic.com/" any more
|
|
120
|
+
* Nov 08, 2024 - v1.2.1
|
|
121
|
+
* Resolve CSS conflict with AEM (https://link.orangelogic.com/Tasks/28L9P3)
|
|
122
|
+
* Jul 09, 2024 - v1.2.0
|
|
123
|
+
* Handle encrypted asset thumbnails (https://link.orangelogic.com/Tasks/4152M3)
|
|
124
|
+
* May 29, 2024 - v1.1.0
|
|
125
|
+
* Add the ability to select a proxy in the GAB UI
|
|
126
|
+
* Handle authentication when reopening the GAB
|