marcogll/passkit-generator
1
0
Fork 0
mirror of https://github.com/marcogll/passkit-generator.git synced 2026-03-15 13:25:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

Replaced the cloudflare worker examples with an updated version

Browse Source
This commit is contained in:
Alexander Cerutti
2023-10-08 13:32:17 +02:00
parent 921b955a85
commit 34a12e3879
24 changed files with 2362 additions and 14375 deletions
Download Patch File Download Diff File Expand all files Collapse all files

172
examples/cloudflare-worker/.gitignore vendored Normal file
View File

@@ -0,0 +1,172 @@
# Logs
logs
_.log
npm-debug.log_
yarn-debug.log*
yarn-error.log*
lerna-debug.log*
.pnpm-debug.log*
# Diagnostic reports (https://nodejs.org/api/report.html)
report.[0-9]_.[0-9]_.[0-9]_.[0-9]_.json
# Runtime data
pids
_.pid
_.seed
\*.pid.lock
# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov
# Coverage directory used by tools like istanbul
coverage
\*.lcov
# nyc test coverage
.nyc_output
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
.grunt
# Bower dependency directory (https://bower.io/)
bower_components
# node-waf configuration
.lock-wscript
# Compiled binary addons (https://nodejs.org/api/addons.html)
build/Release
# Dependency directories
node_modules/
jspm_packages/
# Snowpack dependency directory (https://snowpack.dev/)
web_modules/
# TypeScript cache
\*.tsbuildinfo
# Optional npm cache directory
.npm
# Optional eslint cache
.eslintcache
# Optional stylelint cache
.stylelintcache
# Microbundle cache
.rpt2_cache/
.rts2_cache_cjs/
.rts2_cache_es/
.rts2_cache_umd/
# Optional REPL history
.node_repl_history
# Output of 'npm pack'
\*.tgz
# Yarn Integrity file
.yarn-integrity
# dotenv environment variable files
.env
.env.development.local
.env.test.local
.env.production.local
.env.local
# parcel-bundler cache (https://parceljs.org/)
.cache
.parcel-cache
# Next.js build output
.next
out
# Nuxt.js build / generate output
.nuxt
dist
# Gatsby files
.cache/
# Comment in the public line in if your project uses Gatsby and not Next.js
# https://nextjs.org/blog/next-9-1#public-directory-support
# public
# vuepress build output
.vuepress/dist
# vuepress v2.x temp and cache directory
.temp
.cache
# Docusaurus cache and generated files
.docusaurus
# Serverless directories
.serverless/
# FuseBox cache
.fusebox/
# DynamoDB Local files
.dynamodb/
# TernJS port file
.tern-port
# Stores VSCode versions used for testing VSCode extensions
.vscode-test
# yarn v2
.yarn/cache
.yarn/unplugged
.yarn/build-state.yml
.yarn/install-state.gz
.pnp.\*
# wrangler project
.dev.vars
.wrangler/

43
examples/cloudflare-worker/README.md Normal file
View File

@@ -0,0 +1,43 @@
# Cloudflare Workers example (wrangler)
This is a sample project for showing passkit-generator working on a Cloudflare Worker.
Cloudflare Workers are serverless function based on Browser's V8 (instead of Node). For this reason Cloudflare workers are need to setup to support node compatibility (see wranger.toml).
This example offers just the generation of a single static `boardingPass`.
> Please note that creating and publishing a Cloudflare Workers with passkit-generator, might require you to buy a plan.
> Cloudflare limits are pretty low.
## Setting up
Install all the dependencies through `npm install`.
Configure wrangler and your account [according to the guide](https://developers.cloudflare.com/workers/get-started/guide).
You are always suggested to start with a brand new project and to not clone this one, so that you won't miss any configuration you might need.
### Secrets and certificates
This example uses some environmental variables (secrets), which can be set through Wrangler CLI, through Dashboard or through `wrangler.toml`, as per [envs documentation](https://developers.cloudflare.com/workers/platform/environment-variables#adding-secrets-via-wrangler) and [secrets documentation](https://developers.cloudflare.com/workers/configuration/secrets/):
- `SIGNER_CERT`
- `SIGNER_KEY`
- `SIGNER_PASSPHRASE`
- `WWDR`
So, assuming you have `certificates` folder in the root of passkit-generator and all the dependencies installed, you'll be able to directly inject your secrets into wrangler by doing this.
```sh
$ cat ../../../certificates/signerKey.pem | npx wrangler secret put SIGNER_KEY
```
These variables are exposed on `env` when performing the request.
For the sake of the example, `signerCert`, `signerKey`, `signerKeyPassphrase` and `wwdr` are set to be distributed through `wrangler.toml`, but you should keep them safe in the secrets storage above.
### Running locally
Install dependencies via `npm install`. Then, to run the worker locally, run `npm run example`.
### Example details
Several details are described inside the `wrangler.toml` file. Give them a look.

2016
examples/cloudflare-worker/package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

20
examples/cloudflare-worker/package.json Normal file
View File

@@ -0,0 +1,20 @@
{
"name": "cloudflare-worker",
"version": "0.0.0",
"private": true,
"scripts": {
"service:link-pg": "cd ../.. && npm run build && npm link",
"preinstall": "npm run clear:deps",
"postinstall": "npm run service:link-pg && npm link passkit-generator",
"clear:deps": "rm -rf node_modules",
"example": "npx wrangler dev"
},
"peerDependencies": {
"passkit-generator": "latest"
},
"devDependencies": {
"@cloudflare/workers-types": "^4.20230419.0",
"typescript": "^5.0.4",
"wrangler": "^3.0.0"
}
}

0
examples/cloudflare-worker/wrangler/src/files.d.ts → examples/cloudflare-worker/src/files.d.ts vendored
View File

50
examples/cloudflare-worker/webpack5.x/src/index.ts → examples/cloudflare-worker/src/index.ts
View File

@@ -1,14 +1,14 @@
import { Buffer } from "buffer";
import { PKPass } from "passkit-generator";
import { Buffer } from "node:buffer";
/** Assets are handled by Webpack */
/** Assets are handled by Wrangler by specifying the rule inside wrangler.toml */
import icon from "../../../models/exampleBooking.pass/icon.png";
import icon2x from "../../../models/exampleBooking.pass/icon@2x.png";
import footer from "../../../models/exampleBooking.pass/footer.png";
import footer2x from "../../../models/exampleBooking.pass/footer@2x.png";
import background2x from "../../../models/examplePass.pass/background@2x.png";
declare global {
export interface Env {
/**
* "var" (instead of let and cost) is required here
* to make typescript mark that these global variables
@@ -18,33 +18,30 @@ declare global {
* @see https://developers.cloudflare.com/workers/platform/environment-variables
*/
WWDR: string;
/** Pass signerCert */
var SIGNER_CERT: string;
SIGNER_CERT: string;
/** Pass signerKey */
var SIGNER_KEY: string;
var SIGNER_PASSPHRASE: string;
var WWDR: string;
SIGNER_KEY: string;
SIGNER_PASSPHRASE: string;
}
/**
* Request entry point
*/
globalThis.addEventListener("fetch", (event: FetchEvent) => {
event.respondWith(generatePass(event.request));
});
export default {
async fetch(
request: Request,
env: Env,
ctx: ExecutionContext,
): Promise<Response> {
return generatePass(env);
},
};
/**
* Respond with hello worker text
* @param {Request} request
*/
async function generatePass(request: Request) {
async function generatePass(env: Env) {
const pass = new PKPass(
/**
* Buffer is polyfilled by Webpack. Files must be
* imported raw by webpack. See webpack.config.js
*/
{
"icon.png": Buffer.from(icon),
"icon@2x.png": Buffer.from(icon2x),
@@ -53,10 +50,10 @@ async function generatePass(request: Request) {
"background@2x.png": Buffer.from(background2x),
},
{
signerCert: SIGNER_CERT,
signerKey: SIGNER_KEY,
signerKeyPassphrase: SIGNER_PASSPHRASE,
wwdr: WWDR,
signerCert: env.SIGNER_CERT,
signerKey: env.SIGNER_KEY,
signerKeyPassphrase: env.SIGNER_PASSPHRASE,
wwdr: env.WWDR,
},
{
description: "Example Pass generated through a cloudflare worker",
@@ -215,6 +212,9 @@ async function generatePass(request: Request) {
);
return new Response(pass.getAsBuffer(), {
headers: { "content-type": pass.mimeType },
headers: {
"Content-type": pass.mimeType,
"Content-disposition": `attachment; filename=myPass.pkpass`,
},
});
}

19
examples/cloudflare-worker/tsconfig.json Normal file
View File

@@ -0,0 +1,19 @@
{
"compilerOptions": {
"target": "es2021",
"lib": ["es2021"],
"jsx": "react",
"module": "es2022",
"moduleResolution": "node",
"types": ["@cloudflare/workers-types"],
"resolveJsonModule": true,
"allowJs": true,
"checkJs": false,
"noEmit": true,
"isolatedModules": true,
"allowSyntheticDefaultImports": true,
"forceConsistentCasingInFileNames": true,
"strict": true,
"skipLibCheck": true
}
}

10
examples/cloudflare-worker/webpack5.x/.gitignore vendored
View File

@@ -1,10 +0,0 @@
/target
/dist
**/*.rs.bk
Cargo.lock
bin/
pkg/
wasm-pack.log
worker/
node_modules/
.cargo-ok

62
examples/cloudflare-worker/webpack5.x/README.md
View File

@@ -1,62 +0,0 @@
# Cloudflare Workers example (wrangler + Webpack 5)
This is a sample project for showing passkit-generator working on a Cloudflare Worker.
Cloudflare Workers are serverless function based on Browser's V8 (instead of Node). For this reason several APIs require to be polyfilled.
Cloudflare Workers have a tool, wrangler, which comes out with Webpack 4 to bundle things and polyfill those missing Node.JS APIs (e.g. Buffer).
**In this example aims, instead, to show how to build with Webpack 5 instead of Webpack 4.**
This example offers just the generation of a single static `boardingPass`.
> Please note that creating and publishing a Cloudflare Workers with passkit-generator, might require you to buy a plan.
> Cloudflare limits are pretty low.
## Setting up
Install all the dependencies through `npm install`.
Configure wrangler and your account [according to the guide](https://developers.cloudflare.com/workers/get-started/guide).
### Secrets and certificates
This example uses some environmental variables (secrets), which can be set through Wrangler CLI or through Dashboard, as per [this official guide](https://developers.cloudflare.com/workers/platform/environment-variables#adding-secrets-via-wrangler):
- `SIGNER_CERT`
- `SIGNER_KEY`
- `SIGNER_PASSPHRASE`
- `WWDR`
So, assuming you have `certificates` folder in the root of passkit-generator, you'll be able to do such:
```sh
$ cat ../../../certificates/signerKey.pem | npx wrangler secret put SIGNER_KEY
```
These variables are exposed on `globalThis`.
### Running locally
To run the worker locally, run `npm run example`. This command will run the webserver on `0.0.0.0`, so it can also be accessed from other devices on the network.
### Publishing
To publish the worker, you'll need to run `npx wrangler whoami` to get the Account ID. Set it to `account_id` in `wrangler.toml`.
## Example details
Since our project is made in Typescript, we needed a way to compile it. The way shown, uses `ts-loader`.
As per `ts-loader` dependencies, it required webpack to be `*`, so v5 would automatically get download. We added webpack explicitly, so we don't leave anything undetailed.
Along with this, we needed to setup a different `webpack.config.js` and tell wrangler where to find it, through `wrangler.toml`.
`webpack.config.js` will detail several things for us:
- how to handle module assets, through [Asset Modules](https://webpack.js.org/guides/asset-modules/), in a way we can still import them with ES Modules syntax;
- Node.JS modules that will get polyfilled;
- Modules that [will be provided everywhere without the need to import them explicitly](https://webpack.js.org/plugins/provide-plugin/). This is the case of Node.js APIs and modules, like Buffer, which is available on both `global` and through `Buffer` module. Since Buffer must be polyfilled "manually", this allows us to tell modules Buffer should be imported in for compatibility (e.g. do-not-zip);
Another detail you should pay attention to, is that `package.json`'s `main` field **should be your worker entry-point**, as per [cloudflare documentation (paragraph)](https://developers.cloudflare.com/workers/cli-wrangler/configuration#:~:text=ensure%20the%20main%20field%20in%20your%20package.json%20references%20the%20worker%20script%20you%20want%20to%20publish)
Lastly, we needed to set `type = "javascript"` on the top of `wrangler.toml`, as per [the documentation](https://developers.cloudflare.com/workers/cli-wrangler/webpack) and set a custom build command as per the documentation as well (same link as above).

3473
examples/cloudflare-worker/webpack5.x/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

32
examples/cloudflare-worker/webpack5.x/package.json
View File

@@ -1,32 +0,0 @@
{
"name": "cloudflare-worker",
"version": "0.0.0",
"private": true,
"description": "",
"main": "dist/worker.js",
"type": "module",
"scripts": {
"service:link-pg": "cd ../../.. && npm run build && npm link",
"preinstall": "npm run clear:deps",
"postinstall": "npm run service:link-pg && npm link passkit-generator",
"clear:deps": "rm -rf node_modules",
"example": "npx wrangler dev --ip 0.0.0.0",
"build": "npx webpack --config webpack.config.mjs"
},
"keywords": [],
"peerDependencies": {
"passkit-generator": "*"
},
"devDependencies": {
"@cloudflare/workers-types": "^3.4.0",
"@cloudflare/wrangler": "^1.19.11",
"stream-browserify": "^3.0.0",
"ts-loader": "^9.2.8",
"typescript": "^4.6.3",
"webpack": "^5.70.0",
"webpack-cli": "^4.9.2",
"buffer": "^6.0.3",
"os-browserify": "^0.3.0",
"path-browserify": "^1.0.1"
}
}

4
examples/cloudflare-worker/webpack5.x/src/files.d.ts vendored
View File

@@ -1,4 +0,0 @@
declare module "*.png" {
const content: string;
export default content;
}

21
examples/cloudflare-worker/webpack5.x/tsconfig.json
View File

@@ -1,21 +0,0 @@
{
"compilerOptions": {
"target": "es2016",
"module": "commonjs",
"types": ["@cloudflare/workers-types"],
"outDir": "lib",
"esModuleInterop": true,
"forceConsistentCasingInFileNames": true,
"noImplicitAny": true,
"strictNullChecks": true,
"strictFunctionTypes": true,
"noImplicitThis": true,
"exactOptionalPropertyTypes": true,
"noImplicitReturns": true,
"noFallthroughCasesInSwitch": true,
"noUncheckedIndexedAccess": true,
"noImplicitOverride": true,
"noPropertyAccessFromIndexSignature": true,
"skipLibCheck": true
}
}

69
examples/cloudflare-worker/webpack5.x/webpack.config.mjs
View File

@@ -1,69 +0,0 @@
import path from "path";
import { fileURLToPath } from "url";
import { createRequire } from "module";
import webpack from "webpack";
const require = createRequire(import.meta.url);
const __dirname = path.dirname(fileURLToPath(import.meta.url));
/**
* @see https://developers.cloudflare.com/workers/cli-wrangler/webpack
*/
export default {
context: __dirname,
entry: "./src/index.ts",
target: "webworker",
/**
* "development" mode does not support the usage of eval
* If you want to run in dev mode and not use eval, add
* to the configuration:
*
* ```
* devtool: "inline-source-map",
* ```
*
* @see https://github.com/cloudflare/wrangler/issues/1268
*/
mode: "production",
module: {
rules: [
{
test: /\.tsx?$/,
use: "ts-loader",
exclude: /node_modules/,
},
{
test: /\.png/,
type: "asset/inline",
},
],
},
resolve: {
extensions: [".ts", ".js", ".png"],
fallback: {
fs: false /* Do not include a polyfill for fs */,
stream: require.resolve("stream-browserify"),
buffer: require.resolve("buffer/"),
os: require.resolve("os-browserify/browser"),
path: require.resolve("path-browserify"),
},
},
output: {
filename: "worker.js" /** This name is required */,
path: path.resolve(__dirname, "dist"),
},
/**
* This is required because some passkit-generator dependencies
* use Buffer on global instead of importing it explictly
*/
plugins: [
new webpack.ProvidePlugin({
Buffer: ["buffer", "Buffer"],
}),
],
};

14
examples/cloudflare-worker/webpack5.x/wrangler.toml
View File

@@ -1,14 +0,0 @@
name = "pg-cw-example-webpack5"
type = "javascript"
account_id = ""
workers_dev = true
route = ""
zone_id = ""
compatibility_date = "2022-01-31"
[build]
command = "npm run build"
[build.upload]
format = "service-worker"

67
examples/cloudflare-worker/wrangler.toml Normal file
View File

@@ -0,0 +1,67 @@
name = "pg-cw-example"
main = "src/index.ts"
compatibility_date = "2023-10-02"
#########################################################################################
# This must be enabled to make passkit-generator compatible with cloudflare workers #
#########################################################################################
node_compat = true
###################################################################
### This is needed to import `.png` files with esm imports. ###
###################################################################
rules = [
{ type = "Data", globs = ["**/*.png"], fallthrough = true }
]
########################################################################################################
# These are some envs. These should actually be secrets, but for the sake of the #
# example, we are going to put these here. #
# #
# Remember to postfix every certificate line with "\", for TOML requirement for multiline strings. #
# See: https://toml.io/en/ #
# #
# E.g. #
# #
# WWDR = """ \ #
# -----BEGIN CERTIFICATE----- \ #
# MIIEVTCCAz2gAwIBAgIUE9x3lVJx5T3GMujM/+Uh88zFztIwDQYJKoZIhvcNAQEL \ #
# ... #
########################################################################################################
[vars]
WWDR = """ \
"""
SIGNER_CERT = """ \
"""
SIGNER_KEY = """ \
"""
SIGNER_PASSPHRASE = ""
# DEFAULTS explanations
# Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
# Note: Use secrets to store sensitive data.
# Docs: https://developers.cloudflare.com/workers/platform/environment-variables
# [vars]
# MY_VARIABLE = "production_value"

10
examples/cloudflare-worker/wrangler/.gitignore vendored
View File

@@ -1,10 +0,0 @@
/target
/dist
**/*.rs.bk
Cargo.lock
bin/
pkg/
wasm-pack.log
worker/
node_modules/
.cargo-ok

56
examples/cloudflare-worker/wrangler/README.md
View File

@@ -1,56 +0,0 @@
# Cloudflare Workers example (wrangler)
This is a sample project for showing passkit-generator working on a Cloudflare Worker.
Cloudflare Workers are serverless function based on Browser's V8 (instead of Node). For this reason several APIs require to be polyfilled.
Cloudflare Workers have a tool, wrangler, which comes out with Webpack 4 to bundle things and polyfill those missing Node.JS APIs (e.g. Buffer).
This example offers just the generation of a single static `boardingPass`.
> Please note that creating and publishing a Cloudflare Workers with passkit-generator, might require you to buy a plan.
> Cloudflare limits are pretty low.
## Setting up
Install all the dependencies through `npm install`.
Configure wrangler and your account [according to the guide](https://developers.cloudflare.com/workers/get-started/guide).
### Secrets and certificates
This example uses some environmental variables (secrets), which can be set through Wrangler CLI or through Dashboard, as per [this official guide](https://developers.cloudflare.com/workers/platform/environment-variables#adding-secrets-via-wrangler):
- `SIGNER_CERT`
- `SIGNER_KEY`
- `SIGNER_PASSPHRASE`
- `WWDR`
So, assuming you have `certificates` folder in the root of passkit-generator, you'll be able to do such:
```sh
$ cat ../../../certificates/signerKey.pem | npx wrangler secret put SIGNER_KEY
```
These variables are exposed on `globalThis`.
### Running locally
To run the worker locally, run `npm run example`. This command will run the webserver on `0.0.0.0`, so it can also be accessed from other devices on the network.
### Publishing
To publish the worker, you'll need to run `npx wrangler whoami` to get the Account ID. Set it to `account_id` in `wrangler.toml`.
## Example details
Since our project is made in Typescript, we needed a way to compile it. The way shown, uses `ts-loader`.
As per `ts-loader` dependencies, it required webpack to be `*`, so v5 would automatically get download.
For this reason we also needed to add Webpack 4 (the one provided with Wrangler) as a dev dependency.
Along with this, we needed to setup a different `webpack.config.js` and tell wrangler where to find it, through `wrangler.toml`.
Also, we needed to install `url-loader` to load static assets (model files from models folder).
Lastly, we needed to set `type = "webpack"` on the top of `wrangler.toml`, as per [the documentation](https://developers.cloudflare.com/workers/cli-wrangler/webpack).

10223
examples/cloudflare-worker/wrangler/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

32
examples/cloudflare-worker/wrangler/package.json
View File

@@ -1,32 +0,0 @@
{
"name": "cloudflare-worker",
"version": "0.0.0",
"private": true,
"description": "",
"main": "src/index.ts",
"scripts": {
"service:link-pg": "cd ../../.. && npm run build && npm link",
"preinstall": "npm run clear:deps",
"postinstall": "npm run service:link-pg && npm link passkit-generator",
"clear:deps": "rm -rf node_modules",
"example": "npx wrangler dev --ip 0.0.0.0",
"build": "npx tsc"
},
"keywords": [],
"peerDependencies": {
"passkit-generator": "latest"
},
"devDependencies": {
"@cloudflare/workers-types": "^3.4.0",
"@cloudflare/wrangler": "^1.19.11",
"terser-webpack-plugin": "^4.2.3",
"ts-loader": "8.3.0",
"typescript": "^4.6.3",
"url-loader": "^4.1.1",
"webpack": "^4.46.0",
"webpack-cli": "^4.9.2"
},
"browser": {
"fs": false
}
}

219
examples/cloudflare-worker/wrangler/src/index.ts
View File

@@ -1,219 +0,0 @@
import { Buffer } from "buffer";
import { PKPass } from "passkit-generator";
/** Assets are handled by Webpack url-loader */
import icon from "../../../models/exampleBooking.pass/icon.png";
import icon2x from "../../../models/exampleBooking.pass/icon@2x.png";
import footer from "../../../models/exampleBooking.pass/footer.png";
import footer2x from "../../../models/exampleBooking.pass/footer@2x.png";
import background2x from "../../../models/examplePass.pass/background@2x.png";
// ************************** //
// *** END ASSETS LOADING *** //
// ************************** //
declare global {
/**
* "var" (instead of let and cost) is required here
* to make typescript mark that these global variables
* are available also in globalThis.
*
* These are secrets we have defined through `wrangler secret put <var name>`.
* @see https://developers.cloudflare.com/workers/platform/environment-variables
*/
/** Pass signerCert */
var SIGNER_CERT: string;
/** Pass signerKey */
var SIGNER_KEY: string;
var SIGNER_PASSPHRASE: string;
var WWDR: string;
}
/**
* Request entry point
*/
globalThis.addEventListener("fetch", async (event: FetchEvent) => {
event.respondWith(generatePass(event.request));
});
async function generatePass(request: Request) {
const pass = new PKPass(
/**
* Buffer is polyfilled by Webpack. Files must be
* imported raw by webpack. See webpack.config.js
*/
{
"icon.png": Buffer.from(icon),
"icon@2x.png": Buffer.from(icon2x),
"footer.png": Buffer.from(footer),
"footer@2x.png": Buffer.from(footer2x),
"background@2x.png": Buffer.from(background2x),
},
{
signerCert: SIGNER_CERT,
signerKey: SIGNER_KEY,
signerKeyPassphrase: SIGNER_PASSPHRASE,
wwdr: WWDR,
},
{
description: "Example Pass generated through a cloudflare worker",
serialNumber: "81592CQ7838",
passTypeIdentifier: "pass.com.passkitgenerator",
teamIdentifier: "F53WB8AE67",
organizationName: "Apple Inc.",
foregroundColor: "rgb(255, 255, 255)",
backgroundColor: "rgb(60, 65, 76)",
},
);
pass.setBarcodes("1276451828321");
pass.type = "boardingPass";
pass.transitType = "PKTransitTypeAir";
pass.headerFields.push(
{
key: "header1",
label: "Data",
value: "25 mag",
textAlignment: "PKTextAlignmentCenter",
},
{
key: "header2",
label: "Volo",
value: "EZY997",
textAlignment: "PKTextAlignmentCenter",
},
);
pass.primaryFields.push(
{
key: "IATA-source",
value: "NAP",
label: "Napoli",
textAlignment: "PKTextAlignmentLeft",
},
{
key: "IATA-destination",
value: "VCE",
label: "Venezia Marco Polo",
textAlignment: "PKTextAlignmentRight",
},
);
pass.secondaryFields.push(
{
key: "secondary1",
label: "Imbarco chiuso",
value: "18:40",
textAlignment: "PKTextAlignmentCenter",
},
{
key: "sec2",
label: "Partenze",
value: "19:10",
textAlignment: "PKTextAlignmentCenter",
},
{
key: "sec3",
label: "SB",
value: "Sì",
textAlignment: "PKTextAlignmentCenter",
},
{
key: "sec4",
label: "Imbarco",
value: "Anteriore",
textAlignment: "PKTextAlignmentCenter",
},
);
pass.auxiliaryFields.push(
{
key: "aux1",
label: "Passeggero",
value: "MR. WHO KNOWS",
textAlignment: "PKTextAlignmentLeft",
},
{
key: "aux2",
label: "Posto",
value: "1A*",
textAlignment: "PKTextAlignmentCenter",
},
);
pass.backFields.push(
{
key: "document number",
label: "Numero documento:",
value: "- -",
textAlignment: "PKTextAlignmentLeft",
},
{
key: "You're checked in, what next",
label: "Hai effettuato il check-in, Quali sono le prospettive",
value: "",
textAlignment: "PKTextAlignmentLeft",
},
{
key: "Check In",
label: "1. check-in✓",
value: "",
textAlignment: "PKTextAlignmentLeft",
},
{
key: "checkIn",
label: "",
value: "Le uscite d'imbarco chiudono 30 minuti prima della partenza, quindi sii puntuale. In questo aeroporto puoi utilizzare la corsia Fast Track ai varchi di sicurezza.",
textAlignment: "PKTextAlignmentLeft",
},
{
key: "2. Bags",
label: "2. Bagaglio",
value: "",
textAlignment: "PKTextAlignmentLeft",
},
{
key: "Require special assistance",
label: "Assistenza speciale",
value: "Se hai richiesto assistenza speciale, presentati a un membro del personale nell'area di Consegna bagagli almeno 90 minuti prima del volo.",
textAlignment: "PKTextAlignmentLeft",
},
{
key: "3. Departures",
label: "3. Partenze",
value: "",
textAlignment: "PKTextAlignmentLeft",
},
{
key: "photoId",
label: "Un documento d’identità corredato di fotografia",
value: "è obbligatorio su TUTTI i voli. Per un viaggio internazionale è necessario un passaporto valido o, dove consentita, una carta d’identità.",
textAlignment: "PKTextAlignmentLeft",
},
{
key: "yourSeat",
label: "Il tuo posto:",
value: "verifica il tuo numero di posto nella parte superiore. Durante l’imbarco utilizza le scale anteriori e posteriori: per le file 1-10 imbarcati dalla parte anteriore; per le file 11-31 imbarcati dalla parte posteriore. Colloca le borse di dimensioni ridotte sotto il sedile davanti a te.",
textAlignment: "PKTextAlignmentLeft",
},
{
key: "Pack safely",
label: "Bagaglio sicuro",
value: "Fai clic http://easyjet.com/it/articoli-pericolosi per maggiori informazioni sulle merci pericolose oppure visita il sito CAA http://www.caa.co.uk/default.aspx?catid=2200",
textAlignment: "PKTextAlignmentLeft",
},
{
key: "Thank you for travelling easyJet",
label: "Grazie per aver viaggiato con easyJet",
value: "",
textAlignment: "PKTextAlignmentLeft",
},
);
return new Response(pass.getAsBuffer(), {
headers: { "content-type": pass.mimeType },
});
}

19
examples/cloudflare-worker/wrangler/tsconfig.json
View File

@@ -1,19 +0,0 @@
{
"compilerOptions": {
"target": "es2016",
"module": "commonjs",
"types": ["@cloudflare/workers-types"],
"outDir": "lib",
"esModuleInterop": true,
"forceConsistentCasingInFileNames": true,
"noImplicitAny": true,
"strictFunctionTypes": true,
"noImplicitThis": true,
"noImplicitReturns": true,
"noFallthroughCasesInSwitch": true,
"noUncheckedIndexedAccess": true,
"noImplicitOverride": true,
"noPropertyAccessFromIndexSignature": true,
"skipLibCheck": true
}
}

97
examples/cloudflare-worker/wrangler/webpack.config.js
View File

@@ -1,97 +0,0 @@
const path = require("path");
const TerserPlugin = require("terser-webpack-plugin");
/**
* @see https://developers.cloudflare.com/workers/cli-wrangler/webpack
*/
module.exports = {
context: __dirname,
entry: "./src/index.ts",
target: "webworker",
/** Adding more minifization (for what it can apply... ) */
optimization: {
minimize: true,
minimizer: [
new TerserPlugin({
parallel: true,
terserOptions: {
format: {
comments: false,
},
},
extractComments: false,
}),
],
},
/**
* "development" mode does not support the usage of eval
* @see https://github.com/cloudflare/wrangler/issues/1268
*/
mode: "production",
module: {
rules: [
{
test: /\.tsx?$/,
use: "ts-loader",
exclude: /node_modules/,
},
{
test: /\.png$/i,
use: [
{
/**
* These settings seems necessary
* so we can import our model inside
* the final output, just like we are
* importing assets as esm modules.
*
* url-loader uses a generator to wrap
* output with mimetype, encodign, etc.
* but we just need the un-encoded content.
*/
loader: "url-loader",
options: {
encoding: false,
generator: (
content,
mimetype,
encoding,
resourcePath,
) => {
return content;
},
},
},
],
},
],
},
resolve: {
extensions: [".ts", ".js", ".png"],
},
output: {
filename:
"worker.js" /** This name is required to be "worker.js" for wrangler */,
path: path.resolve(__dirname, "dist"),
},
/**
* Passkit-generator uses `fs` module, but
* cloudflare worker is a browser-like environment
* or an hybrid system between browser and node
* that doesn't allow using file system because
* workers should be single files (and modules
* support it still beta as now), plus assets.
*
* We are going to import our model as single assets
*/
node: {
fs: "empty",
},
};

9
examples/cloudflare-worker/wrangler/wrangler.toml
View File

@@ -1,9 +0,0 @@
name = "pg-cw-example"
type = "webpack"
account_id = ""
workers_dev = true
route = ""
zone_id = ""
compatibility_date = "2022-01-31"
webpack_config = "webpack.config.js"