forked from prebid/Prebid.js
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'prebid:master' into master
- Loading branch information
Showing
947 changed files
with
75,254 additions
and
20,996 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,120 @@ | ||
name: Check for Duplicated Code | ||
|
||
on: | ||
pull_request_target: | ||
branches: | ||
- master | ||
|
||
jobs: | ||
check-duplication: | ||
runs-on: ubuntu-latest | ||
|
||
steps: | ||
- name: Checkout code | ||
uses: actions/checkout@v4 | ||
with: | ||
fetch-depth: 0 # Fetch all history for all branches | ||
|
||
- name: Set up Node.js | ||
uses: actions/setup-node@v4 | ||
with: | ||
node-version: '20' | ||
|
||
- name: Install dependencies | ||
run: | | ||
npm install -g jscpd diff-so-fancy | ||
- name: Create jscpd config file | ||
run: | | ||
echo '{ | ||
"threshold": 20, | ||
"minTokens": 50, | ||
"reporters": [ | ||
"json" | ||
], | ||
"output": "./", | ||
"pattern": "**/*.js", | ||
"ignore": "**/*spec.js" | ||
}' > .jscpd.json | ||
- name: Run jscpd on entire codebase | ||
run: jscpd | ||
|
||
- name: Fetch base and target branches | ||
run: | | ||
git fetch origin +refs/heads/${{ github.event.pull_request.base.ref }}:refs/remotes/origin/${{ github.event.pull_request.base.ref }} | ||
git fetch origin +refs/pull/${{ github.event.pull_request.number }}/merge:refs/remotes/pull/${{ github.event.pull_request.number }}/merge | ||
- name: Get the diff | ||
run: git diff --name-only origin/${{ github.event.pull_request.base.ref }}...refs/remotes/pull/${{ github.event.pull_request.number }}/merge > changed_files.txt | ||
|
||
- name: List generated files (debug) | ||
run: ls -l | ||
|
||
- name: Upload unfiltered jscpd report | ||
if: always() | ||
uses: actions/upload-artifact@v4 | ||
with: | ||
name: unfiltered-jscpd-report | ||
path: ./jscpd-report.json | ||
|
||
- name: Filter jscpd report for changed files | ||
run: | | ||
if [ ! -f ./jscpd-report.json ]; then | ||
echo "jscpd-report.json not found" | ||
exit 1 | ||
fi | ||
echo "Filtering jscpd report for changed files..." | ||
CHANGED_FILES=$(jq -R -s -c 'split("\n")[:-1]' changed_files.txt) | ||
echo "Changed files: $CHANGED_FILES" | ||
jq --argjson changed_files "$CHANGED_FILES" ' | ||
.duplicates | map(select( | ||
(.firstFile?.name as $fname | $changed_files | any(. == $fname)) or | ||
(.secondFile?.name as $sname | $changed_files | any(. == $sname)) | ||
)) | ||
' ./jscpd-report.json > filtered-jscpd-report.json | ||
cat filtered-jscpd-report.json | ||
- name: Check if filtered jscpd report exists | ||
id: check_filtered_report | ||
run: | | ||
if [ $(wc -l < ./filtered-jscpd-report.json) -gt 1 ]; then | ||
echo "filtered_report_exists=true" >> $GITHUB_ENV | ||
else | ||
echo "filtered_report_exists=false" >> $GITHUB_ENV | ||
fi | ||
- name: Upload filtered jscpd report | ||
if: env.filtered_report_exists == 'true' | ||
uses: actions/upload-artifact@v4 | ||
with: | ||
name: filtered-jscpd-report | ||
path: ./filtered-jscpd-report.json | ||
|
||
- name: Post GitHub comment | ||
if: env.filtered_report_exists == 'true' | ||
uses: actions/github-script@v7 | ||
with: | ||
script: | | ||
const fs = require('fs'); | ||
const filteredReport = JSON.parse(fs.readFileSync('filtered-jscpd-report.json', 'utf8')); | ||
let comment = "Whoa there, partner! 🌵🤠 We wrangled some duplicated code in your PR:\n\n"; | ||
filteredReport.forEach(duplication => { | ||
const firstFile = duplication.firstFile.name; | ||
const secondFile = duplication.secondFile.name; | ||
const lines = duplication.lines; | ||
comment += `- \`${firstFile}\` has ${lines} duplicated lines with \`${secondFile}\`\n`; | ||
}); | ||
comment += "\nReducing code duplication by importing common functions from a library not only makes our code cleaner but also easier to maintain. Please move the common code from both files into a library and import it in each. Keep up the great work! 🚀"; | ||
github.rest.issues.createComment({ | ||
owner: context.repo.owner, | ||
repo: context.repo.repo, | ||
issue_number: context.issue.number, | ||
body: comment | ||
}); | ||
- name: Fail if duplications are found | ||
if: env.filtered_report_exists == 'true' | ||
run: | | ||
echo "Duplications found, failing the check." | ||
exit 1 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,22 +1,18 @@ | ||
|
||
const sharedWhiteList = [ | ||
]; | ||
|
||
module.exports = { | ||
'modules': [ | ||
...sharedWhiteList, | ||
'criteo-direct-rsa-validate', | ||
'crypto-js', | ||
'live-connect' // Maintained by LiveIntent : https://github.com/liveintent-berlin/live-connect/ | ||
], | ||
'src': [ | ||
...sharedWhiteList, | ||
'fun-hooks/no-eval', | ||
'just-clone', | ||
'klona', | ||
'dlv', | ||
'dset' | ||
], | ||
'libraries': [ | ||
...sharedWhiteList // empty for now, but keep it to enable linting | ||
], | ||
'creative': [ | ||
] | ||
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,44 @@ | ||
## Dynamic creative renderers | ||
|
||
The contents of this directory are compiled separately from the rest of Prebid, and intended to be dynamically injected | ||
into creative frames: | ||
|
||
- `crossDomain.js` (compiled into `build/creative/creative.js`, also exposed in `integrationExamples/gpt/x-domain/creative.html`) | ||
is the logic that should be statically set up in the creative. | ||
- At build time, each folder under 'renderers' is compiled into a source string made available from a corresponding | ||
`creative-renderer-*` library. These libraries are committed in source so that they are available to NPM consumers. | ||
- At render time, Prebid passes the appropriate renderer's source string to the remote creative, which then runs it. | ||
|
||
The goal is to have a creative script that is as simple, lightweight, and unchanging as possible, but still allow the possibility | ||
of complex or frequently updated rendering logic. Compared to the approach taken by [PUC](https://github.com/prebid/prebid-universal-creative), this: | ||
|
||
- should perform marginally better: the creative only runs logic that is pertinent (for example, it sees native logic only on native bids); | ||
- avoids the problem of synchronizing deployments when the rendering logic is updated (see https://github.com/prebid/prebid-universal-creative/issues/187), since it's bundled together with the rest of Prebid; | ||
- is easier to embed directly in the creative (saving a network call), since the static "shell" is designed to change as infrequently as possible; | ||
- allows the same rendering logic to be used both in remote (cross-domain) and local (`pbjs.renderAd`) frames, since it's directly available to Prebid; | ||
- requires Prebid.js - meaning it does not support AMP/App/Mobile (but it's still possible for something like PUC to run the same dynamic renderers | ||
when it receives them from Prebid, and fall back to separate AMP/App/Mobile logic otherwise). | ||
|
||
### Renderer interface | ||
|
||
A creative renderer (not related to other types of renderers in the codebase) is a script that exposes a global `window.render` function: | ||
|
||
```javascript | ||
window.render = function(data, {mkFrame, sendMessage}, win) { ... } | ||
``` | ||
|
||
where: | ||
|
||
- `data` is rendering data about the winning bid, and varies depending on the bid type - see `getRenderingData` in `adRendering.js`; | ||
- `mkFrame(document, attributes)` is a utility that creates a frame with the given attributes and convenient defaults (no border, margin, and scrolling); | ||
- `sendMessage(messageType, payload)` is the mechanism by which the renderer/creative can communicate back with Prebid - see `creativeMessageHandler` in `adRendering.js`; | ||
- `win` is the window to render into; note that this is not the same window that runs the renderer. | ||
|
||
The function may return a promise; if it does and the promise rejects, or if the function throws, an AD_RENDER_FAILED event is emitted in Prebid. Otherwise an AD_RENDER_SUCCEEDED is fired | ||
when the promise resolves (or when `render` returns anything other than a promise). | ||
|
||
### Renderer development | ||
|
||
Since renderers are compiled into source, they use production settings even during development builds. You can toggle this with | ||
the `--creative-dev` CLI option (e.g., `gulp serve-fast --creative-dev`), which disables the minifier and generates source maps; if you do, take care | ||
to not commit the resulting `creative-renderer-*` libraries (or run a normal build before you do). |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,9 @@ | ||
// eslint-disable-next-line prebid/validate-imports | ||
import { AD_RENDER_FAILED_REASON, EVENTS, MESSAGES } from '../src/constants.js'; | ||
|
||
export const MESSAGE_REQUEST = MESSAGES.REQUEST; | ||
export const MESSAGE_RESPONSE = MESSAGES.RESPONSE; | ||
export const MESSAGE_EVENT = MESSAGES.EVENT; | ||
export const EVENT_AD_RENDER_FAILED = EVENTS.AD_RENDER_FAILED; | ||
export const EVENT_AD_RENDER_SUCCEEDED = EVENTS.AD_RENDER_SUCCEEDED; | ||
export const ERROR_EXCEPTION = AD_RENDER_FAILED_REASON.EXCEPTION; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,92 @@ | ||
import { | ||
ERROR_EXCEPTION, | ||
EVENT_AD_RENDER_FAILED, EVENT_AD_RENDER_SUCCEEDED, | ||
MESSAGE_EVENT, | ||
MESSAGE_REQUEST, | ||
MESSAGE_RESPONSE | ||
} from './constants.js'; | ||
|
||
const mkFrame = (() => { | ||
const DEFAULTS = { | ||
frameBorder: 0, | ||
scrolling: 'no', | ||
marginHeight: 0, | ||
marginWidth: 0, | ||
topMargin: 0, | ||
leftMargin: 0, | ||
allowTransparency: 'true', | ||
}; | ||
return (doc, attrs) => { | ||
const frame = doc.createElement('iframe'); | ||
Object.entries(Object.assign({}, attrs, DEFAULTS)) | ||
.forEach(([k, v]) => frame.setAttribute(k, v)); | ||
return frame; | ||
}; | ||
})(); | ||
|
||
export function renderer(win) { | ||
return function ({adId, pubUrl, clickUrl}) { | ||
const pubDomain = new URL(pubUrl, window.location).origin; | ||
|
||
function sendMessage(type, payload, responseListener) { | ||
const channel = new MessageChannel(); | ||
channel.port1.onmessage = guard(responseListener); | ||
win.parent.postMessage(JSON.stringify(Object.assign({message: type, adId}, payload)), pubDomain, [channel.port2]); | ||
} | ||
|
||
function onError(e) { | ||
sendMessage(MESSAGE_EVENT, { | ||
event: EVENT_AD_RENDER_FAILED, | ||
info: { | ||
reason: e?.reason || ERROR_EXCEPTION, | ||
message: e?.message | ||
} | ||
}); | ||
// eslint-disable-next-line no-console | ||
e?.stack && console.error(e); | ||
} | ||
|
||
function guard(fn) { | ||
return function () { | ||
try { | ||
return fn.apply(this, arguments); | ||
} catch (e) { | ||
onError(e); | ||
} | ||
}; | ||
} | ||
|
||
function onMessage(ev) { | ||
let data; | ||
try { | ||
data = JSON.parse(ev.data); | ||
} catch (e) { | ||
return; | ||
} | ||
if (data.message === MESSAGE_RESPONSE && data.adId === adId) { | ||
const renderer = mkFrame(win.document, { | ||
width: 0, | ||
height: 0, | ||
style: 'display: none', | ||
srcdoc: `<script>${data.renderer}</script>` | ||
}); | ||
renderer.onload = guard(function () { | ||
const W = renderer.contentWindow; | ||
// NOTE: on Firefox, `Promise.resolve(P)` or `new Promise((resolve) => resolve(P))` | ||
// does not appear to work if P comes from another frame | ||
W.Promise.resolve(W.render(data, {sendMessage, mkFrame}, win)).then( | ||
() => sendMessage(MESSAGE_EVENT, {event: EVENT_AD_RENDER_SUCCEEDED}), | ||
onError | ||
) | ||
}); | ||
win.document.body.appendChild(renderer); | ||
} | ||
} | ||
|
||
sendMessage(MESSAGE_REQUEST, { | ||
options: {clickUrl} | ||
}, onMessage); | ||
}; | ||
} | ||
|
||
window.pbRender = renderer(window); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,4 @@ | ||
// eslint-disable-next-line prebid/validate-imports | ||
import { AD_RENDER_FAILED_REASON } from '../../../src/constants.js'; | ||
|
||
export const ERROR_NO_AD = AD_RENDER_FAILED_REASON.NO_AD; |
Oops, something went wrong.