create-cloudflare 2.0.0-next.2 → 2.0.1

package/templates/common/ts/wrangler.toml

@@ -0,0 +1,40 @@
+name = "<TBD>"
+main = "src/worker.ts"
+compatibility_date = "2023-04-21"
+
+# # KV Namespace binding - For more information: https://developers.cloudflare.com/workers/runtime-apis/kv
+# [[kv_namespaces]]
+# binding = "MY_KV_NAMESPACE"
+# id = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
+
+# # Durable Object binding - For more information: https://developers.cloudflare.com/workers/runtime-apis/durable-objects
+# [[durable_objects]]
+# binding = "MY_DURABLE_OBJECT"
+# class_name = "MyDurableObject"
+
+# # Bucket binding - For more information: https://developers.cloudflare.com/workers/runtime-apis/kv#bucket
+# [[buckets]]
+# binding = "MY_BUCKET"
+# name = "my-bucket"
+# bucket_id = "yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy"
+
+# # Service binding - For more information: https://developers.cloudflare.com/workers/platform/services
+# [[routes]]
+# binding = "MY_SERVICE"
+# pattern = "/api/*"
+# script = "api.js"
+
+# # Queue binding - For more information: https://developers.cloudflare.com/workers/runtime-apis/queues
+# [[queues]]
+# binding = "MY_QUEUE"
+# name = "my-queue"
+# zone_id = "zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz"
+
+# [env.production]
+# MY_VARIABLE = "production_value"
+
+# [env.staging]
+# MY_VARIABLE = "staging_value"
+
+# [env.shared]
+# SHARED_VARIABLE = "shared_value"

package/templates/simple/js/.prettierrc

@@ -1,5 +1,5 @@
 {
-  "printWidth": 140,
-  "singleQuote": true,
-  "semi": true
+	"printWidth": 140,
+	"singleQuote": true,
+	"semi": true
 }

package/templates/simple/js/package.json

@@ -1,14 +1,14 @@
 {
-  "name": "<TBD>",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "start": "wrangler dev",
-    "deploy": "wrangler publish"
-  },
-  "devDependencies": {
-    "@cloudflare/workers-types": "^4.20230419.0",
-    "typescript": "^5.0.4",
-    "wrangler": "^2.19.0"
-  }
+	"name": "<TBD>",
+	"version": "0.0.0",
+	"private": true,
+	"scripts": {
+		"deploy": "wrangler publish",
+		"start": "wrangler dev"
+	},
+	"devDependencies": {
+		"@cloudflare/workers-types": "^4.20230419.0",
+		"typescript": "^5.0.4",
+		"wrangler": "^2.19.0"
+	}
 }

package/templates/simple/js/src/worker.js

@@ -9,7 +9,7 @@
  */
 
 export default {
-  async fetch(request, env, ctx) {
-    return new Response('Hello World!');
-  },
+	async fetch(request, env, ctx) {
+		return new Response('Hello World!');
+	},
 };

package/templates/simple/js/wrangler.toml

@@ -1,3 +1,40 @@
 name = "<TBD>"
 main = "src/worker.ts"
 compatibility_date = "2023-04-21"
+
+# # KV Namespace binding - For more information: https://developers.cloudflare.com/workers/runtime-apis/kv
+# [[kv_namespaces]]
+# binding = "MY_KV_NAMESPACE"
+# id = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
+
+# # Durable Object binding - For more information: https://developers.cloudflare.com/workers/runtime-apis/durable-objects
+# [[durable_objects]]
+# binding = "MY_DURABLE_OBJECT"
+# class_name = "MyDurableObject"
+
+# # Bucket binding - For more information: https://developers.cloudflare.com/workers/runtime-apis/kv#bucket
+# [[buckets]]
+# binding = "MY_BUCKET"
+# name = "my-bucket"
+# bucket_id = "yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy"
+
+# # Service binding - For more information: https://developers.cloudflare.com/workers/platform/services
+# [[routes]]
+# binding = "MY_SERVICE"
+# pattern = "/api/*"
+# script = "api.js"
+
+# # Queue binding - For more information: https://developers.cloudflare.com/workers/runtime-apis/queues
+# [[queues]]
+# binding = "MY_QUEUE"
+# name = "my-queue"
+# zone_id = "zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz"
+
+# [env.production]
+# MY_VARIABLE = "production_value"
+
+# [env.staging]
+# MY_VARIABLE = "staging_value"
+
+# [env.shared]
+# SHARED_VARIABLE = "shared_value"

package/templates/simple/ts/.prettierrc

@@ -1,5 +1,5 @@
 {
-  "printWidth": 140,
-  "singleQuote": true,
-  "semi": true
+	"printWidth": 140,
+	"singleQuote": true,
+	"semi": true
 }

package/templates/simple/ts/package.json

@@ -1,14 +1,14 @@
 {
-  "name": "<TBD>",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "start": "wrangler dev",
-    "deploy": "wrangler publish"
-  },
-  "devDependencies": {
-    "@cloudflare/workers-types": "^4.20230419.0",
-    "typescript": "^5.0.4",
-    "wrangler": "^2.19.0"
-  }
+	"name": "<TBD>",
+	"version": "0.0.0",
+	"private": true,
+	"scripts": {
+		"deploy": "wrangler publish",
+		"start": "wrangler dev"
+	},
+	"devDependencies": {
+		"@cloudflare/workers-types": "^4.20230419.0",
+		"typescript": "^5.0.4",
+		"wrangler": "^2.19.0"
+	}
 }

package/templates/simple/ts/src/worker.ts

@@ -9,21 +9,24 @@
  */
 
 export interface Env {
-  // Example binding to KV. Learn more at https://developers.cloudflare.com/workers/runtime-apis/kv/
-  // MY_KV_NAMESPACE: KVNamespace;
-  //
-  // Example binding to Durable Object. Learn more at https://developers.cloudflare.com/workers/runtime-apis/durable-objects/
-  // MY_DURABLE_OBJECT: DurableObjectNamespace;
-  //
-  // Example binding to R2. Learn more at https://developers.cloudflare.com/workers/runtime-apis/r2/
-  // MY_BUCKET: R2Bucket;
-  //
-  // Example binding to a Service. Learn more at https://developers.cloudflare.com/workers/runtime-apis/service-bindings/
-  // MY_SERVICE: Fetcher;
+	// Example binding to KV. Learn more at https://developers.cloudflare.com/workers/runtime-apis/kv/
+	// MY_KV_NAMESPACE: KVNamespace;
+	//
+	// Example binding to Durable Object. Learn more at https://developers.cloudflare.com/workers/runtime-apis/durable-objects/
+	// MY_DURABLE_OBJECT: DurableObjectNamespace;
+	//
+	// Example binding to R2. Learn more at https://developers.cloudflare.com/workers/runtime-apis/r2/
+	// MY_BUCKET: R2Bucket;
+	//
+	// Example binding to a Service. Learn more at https://developers.cloudflare.com/workers/runtime-apis/service-bindings/
+	// MY_SERVICE: Fetcher;
+	//
+	// Example binding to a Queue. Learn more at https://developers.cloudflare.com/queues/javascript-apis/
+	// MY_QUEUE: Queue;
 }
 
 export default {
-  async fetch(request: Request, env: Env, ctx: ExecutionContext): Promise<Response> {
-    return new Response('Hello World!');
-  },
+	async fetch(request: Request, env: Env, ctx: ExecutionContext): Promise<Response> {
+		return new Response('Hello World!');
+	},
 };

package/templates/simple/ts/tsconfig.json

@@ -12,9 +12,7 @@
 
 		/* Language and Environment */
 		"target": "es2021" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */,
-		"lib": [
-			"es2021"
-		] /* Specify a set of bundled library declaration files that describe the target runtime environment. */,
+		"lib": ["es2021"] /* Specify a set of bundled library declaration files that describe the target runtime environment. */,
 		"jsx": "react" /* Specify what JSX code is generated. */,
 		// "experimentalDecorators": true,                   /* Enable experimental support for TC39 stage 2 draft decorators. */
 		// "emitDecoratorMetadata": true,                    /* Emit design-type metadata for decorated declarations in source files. */
@@ -33,9 +31,7 @@
 		// "paths": {},                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
 		// "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
 		// "typeRoots": [],                                  /* Specify multiple folders that act like `./node_modules/@types`. */
-		"types": [
-			"@cloudflare/workers-types"
-		] /* Specify type package names to be included without being referenced in a source file. */,
+		"types": ["@cloudflare/workers-types"] /* Specify type package names to be included without being referenced in a source file. */,
 		// "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
 		"resolveJsonModule": true /* Enable importing .json files */,
 		// "noResolve": true,                                /* Disallow `import`s, `require`s or `<reference>`s from expanding the number of files TypeScript should add to a project. */

package/templates/simple/ts/wrangler.toml

@@ -1,3 +1,40 @@
 name = "<TBD>"
 main = "src/worker.ts"
 compatibility_date = "2023-04-21"
+
+# # KV Namespace binding - For more information: https://developers.cloudflare.com/workers/runtime-apis/kv
+# [[kv_namespaces]]
+# binding = "MY_KV_NAMESPACE"
+# id = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
+
+# # Durable Object binding - For more information: https://developers.cloudflare.com/workers/runtime-apis/durable-objects
+# [[durable_objects]]
+# binding = "MY_DURABLE_OBJECT"
+# class_name = "MyDurableObject"
+
+# # Bucket binding - For more information: https://developers.cloudflare.com/workers/runtime-apis/kv#bucket
+# [[buckets]]
+# binding = "MY_BUCKET"
+# name = "my-bucket"
+# bucket_id = "yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy"
+
+# # Service binding - For more information: https://developers.cloudflare.com/workers/platform/services
+# [[routes]]
+# binding = "MY_SERVICE"
+# pattern = "/api/*"
+# script = "api.js"
+
+# # Queue binding - For more information: https://developers.cloudflare.com/workers/runtime-apis/queues
+# [[queues]]
+# binding = "MY_QUEUE"
+# name = "my-queue"
+# zone_id = "zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz"
+
+# [env.production]
+# MY_VARIABLE = "production_value"
+
+# [env.staging]
+# MY_VARIABLE = "staging_value"
+
+# [env.shared]
+# SHARED_VARIABLE = "shared_value"

package/templates/examples/js/.prettierrc

@@ -1,5 +0,0 @@
-{
-  "printWidth": 140,
-  "singleQuote": true,
-  "semi": true
-}

package/templates/examples/js/package.json

@@ -1,14 +0,0 @@
-{
-  "name": "<TBD>",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "start": "wrangler dev",
-    "deploy": "wrangler publish"
-  },
-  "devDependencies": {
-    "@cloudflare/workers-types": "^4.20230419.0",
-    "itty-router": "^3.0.12",
-    "wrangler": "^2.19.0"
-  }
-}

package/templates/examples/js/src/ab-test.js

@@ -1,41 +0,0 @@
-const ORIGIN_URL = 'https://example.com';
-const EXPERIMENTS = [
-  { name: 'big-button', threshold: 0.5 }, // enable the Big Button experiment for 50% of users
-  { name: 'new-brand', threshold: 0.1 }, // enable the New Brand experiment for 10% of users
-  { name: 'new-layout', threshold: 0.02 }, // enable the New Layout experiment for 2% of users
-];
-
-export default {
-  async fetch(request, env, ctx) {
-    const fingerprint = [request.headers.get('cf-connecting-ip'), request.cf?.postalCode]; // add any values you want considered as a fingerprint
-    const activeExperiments = await getActiveExperiments(fingerprint, EXPERIMENTS);
-
-    // add a data-experiments attribute to the <body> tag
-    // which can be styled in CSS with a wildcard selector like [data-experiments*="big-button"]
-    const rewriter = new HTMLRewriter().on('body', {
-      element(element) {
-        element.setAttribute('data-experiments', activeExperiments.join(' '));
-      },
-    });
-
-    const res = await fetch(ORIGIN_URL, request);
-
-    return rewriter.transform(res);
-  },
-};
-
-// Get active experiments by hashing a fingerprint
-async function getActiveExperiments(fingerprint, experiments) {
-  const fingerprintHash = await hash('SHA-1', JSON.stringify(fingerprint));
-  const MAX_UINT8 = 255;
-  const activeExperiments = experiments.filter((exp, i) => fingerprintHash[i] <= exp.threshold * MAX_UINT8);
-  return activeExperiments.map((exp) => exp.name);
-}
-
-// Hash a string using the Web Crypto API
-async function hash(algorithm, message) {
-  const msgUint8 = new TextEncoder().encode(message); // encode as (utf-8) Uint8Array
-  const hashBuffer = await crypto.subtle.digest('SHA-256', msgUint8); // hash the message
-  const hashArray = new Uint8Array(hashBuffer); // convert buffer to byte array
-  return hashArray;
-}

package/templates/examples/js/src/proxy.js

@@ -1,22 +0,0 @@
-export default {
-  async fetch(request, env, ctx) {
-    const url = new URL(request.url);
-
-    const proxyUrl = url.searchParams.get('proxyUrl'); // get a query param value (?proxyUrl=...)
-    const modify = url.searchParams.has('modify'); // check if a query param is set (?proxyUrl=...&modify)
-
-    if (!proxyUrl) {
-      return new Response('Bad request: Missing `proxyUrl` query param', { status: 400 });
-    }
-
-    // make subrequests with the global `fetch()` function
-    const res = await fetch(proxyUrl, request);
-
-    // optionally, modify the respone
-    if (modify) {
-      res.headers.set('X-My-Header', 'My Header Value');
-    }
-
-    return res;
-  },
-};

package/templates/examples/js/src/redirect.js

@@ -1,13 +0,0 @@
-export default {
-  async fetch(request, env, ctx) {
-    const url = new URL(request.url);
-    const redirectUrl = url.searchParams.get('redirectUrl'); // get a query param value (?redirectUrl=...)
-
-    if (!redirectUrl) {
-      return new Response('Bad request: Missing `redirectUrl` query param', { status: 400 });
-    }
-
-    // The Response class has static methods to create common Response objects as a convenience
-    return Response.redirect(redirectUrl);
-  },
-};

package/templates/examples/js/src/worker.js

@@ -1,37 +0,0 @@
-/**
- * Welcome to Cloudflare Workers! This is your first worker.
- *
- * - Run `npm run dev` in your terminal to start a development server
- * - Open a browser tab at http://localhost:8787/ to see your worker in action
- * - Run `npm run deploy` to publish your worker
- *
- * Learn more at https://developers.cloudflare.com/workers/
- */
-
-import handleProxy from './proxy';
-import handleRedirect from './redirect';
-import apiRouter from './router';
-
-// Export a default object containing event handlers
-export default {
-  // The fetch handler is invoked when this worker receives a HTTP(S) request
-  // and should return a Response (optionally wrapped in a Promise)
-  async fetch(request, env, ctx) {
-    // You'll find it helpful to parse the request.url string into a URL object. Learn more at https://developer.mozilla.org/en-US/docs/Web/API/URL
-    const url = new URL(request.url);
-
-    // You can get pretty far with simple logic like if/switch-statements
-    switch (url.pathname) {
-      case '/redirect':
-        return handleRedirect.fetch(request, env, ctx);
-
-      case '/proxy':
-        return handleProxy.fetch(request, env, ctx);
-    }
-
-    if (url.pathname.startsWith('/api/')) {
-      // You can also use more robust routing
-      return apiRouter.handle(request);
-    }
-  },
-};

package/templates/examples/js/wrangler.toml

@@ -1,7 +0,0 @@
-name = "<TBD>"
-main = "src/worker.ts"
-compatibility_date = "2023-04-21"
-
-# TODO: add comments for bindings
-# TODO: add comments for vars
-# TODO: add comments for secrets

package/templates/examples/ts/.prettierrc

@@ -1,5 +0,0 @@
-{
-  "printWidth": 140,
-  "singleQuote": true,
-  "semi": true
-}

package/templates/examples/ts/package.json

@@ -1,15 +0,0 @@
-{
-  "name": "<TBD>",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "start": "wrangler dev",
-    "deploy": "wrangler publish"
-  },
-  "devDependencies": {
-    "@cloudflare/workers-types": "^4.20230419.0",
-    "itty-router": "^3.0.12",
-    "typescript": "^5.0.4",
-    "wrangler": "^2.19.0"
-  }
-}

package/templates/examples/ts/src/ab-test.ts

@@ -1,41 +0,0 @@
-const ORIGIN_URL = 'https://example.com';
-const EXPERIMENTS = [
-  { name: 'big-button', threshold: 0.5 }, // enable the Big Button experiment for 50% of users
-  { name: 'new-brand', threshold: 0.1 }, // enable the New Brand experiment for 10% of users
-  { name: 'new-layout', threshold: 0.02 }, // enable the New Layout experiment for 2% of users
-];
-
-export default {
-  async fetch(request: Request, env: Env, ctx: ExecutionContext): Promise<Response> {
-    const fingerprint = [request.headers.get('cf-connecting-ip'), request.cf?.postalCode]; // add any values you want considered as a fingerprint
-    const activeExperiments = await getActiveExperiments(fingerprint, EXPERIMENTS);
-
-    // add a data-experiments attribute to the <body> tag
-    // which can be styled in CSS with a wildcard selector like [data-experiments*="big-button"]
-    const rewriter = new HTMLRewriter().on('body', {
-      element(element: Element) {
-        element.setAttribute('data-experiments', activeExperiments.join(' '));
-      },
-    });
-
-    const res = await fetch(ORIGIN_URL, request);
-
-    return rewriter.transform(res);
-  },
-};
-
-// Get active experiments by hashing a fingerprint
-async function getActiveExperiments(fingerprint: unknown, experiments: Array<{ name: string; threshold: number }>) {
-  const fingerprintHash: Uint8Array = await hash('SHA-1', JSON.stringify(fingerprint));
-  const MAX_UINT8 = 255;
-  const activeExperiments = experiments.filter((exp, i) => fingerprintHash[i] <= exp.threshold * MAX_UINT8);
-  return activeExperiments.map((exp) => exp.name);
-}
-
-// Hash a string using the Web Crypto API
-async function hash(algorithm: 'SHA-1' | 'SHA-256' | 'SHA-512', message: string): Promise<Uint8Array> {
-  const msgUint8 = new TextEncoder().encode(message); // encode as (utf-8) Uint8Array
-  const hashBuffer = await crypto.subtle.digest('SHA-256', msgUint8); // hash the message
-  const hashArray = new Uint8Array(hashBuffer); // convert buffer to byte array
-  return hashArray;
-}

package/templates/examples/ts/src/proxy.ts

@@ -1,22 +0,0 @@
-export default {
-  async fetch(request: Request, env: Env, ctx: ExecutionContext): Promise<Response> {
-    const url = new URL(request.url);
-
-    const proxyUrl = url.searchParams.get('proxyUrl'); // get a query param value (?proxyUrl=...)
-    const modify = url.searchParams.has('modify'); // check if a query param is set (?proxyUrl=...&modify)
-
-    if (!proxyUrl) {
-      return new Response('Bad request: Missing `proxyUrl` query param', { status: 400 });
-    }
-
-    // make subrequests with the global `fetch()` function
-    const res = await fetch(proxyUrl, request);
-
-    // optionally, modify the respone
-    if (modify) {
-      res.headers.set('X-My-Header', 'My Header Value');
-    }
-
-    return res;
-  },
-};

package/templates/examples/ts/src/redirect.ts

@@ -1,13 +0,0 @@
-export default {
-  async fetch(request: Request, env: Env, ctx: ExecutionContext): Promise<Response> {
-    const url = new URL(request.url);
-    const redirectUrl = url.searchParams.get('redirectUrl'); // get a query param value (?redirectUrl=...)
-
-    if (!redirectUrl) {
-      return new Response('Bad request: Missing `redirectUrl` query param', { status: 400 });
-    }
-
-    // The Response class has static methods to create common Response objects as a convenience
-    return Response.redirect(redirectUrl);
-  },
-};

package/templates/examples/ts/src/worker.ts

@@ -1,37 +0,0 @@
-/**
- * Welcome to Cloudflare Workers! This is your first worker.
- *
- * - Run `npm run dev` in your terminal to start a development server
- * - Open a browser tab at http://localhost:8787/ to see your worker in action
- * - Run `npm run deploy` to publish your worker
- *
- * Learn more at https://developers.cloudflare.com/workers/
- */
-
-import handleProxy from './proxy';
-import handleRedirect from './redirect';
-import apiRouter from './router';
-
-// Export a default object containing event handlers
-export default {
-  // The fetch handler is invoked when this worker receives a HTTP(S) request
-  // and should return a Response (optionally wrapped in a Promise)
-  async fetch(request: Request, env: Env, ctx: ExecutionContext): Promise<Response> {
-    // You'll find it helpful to parse the request.url string into a URL object. Learn more at https://developer.mozilla.org/en-US/docs/Web/API/URL
-    const url = new URL(request.url);
-
-    // You can get pretty far with simple logic like if/switch-statements
-    switch (url.pathname) {
-      case '/redirect':
-        return handleRedirect.fetch(request, env, ctx);
-
-      case '/proxy':
-        return handleProxy.fetch(request, env, ctx);
-    }
-
-    if (url.pathname.startsWith('/api/')) {
-      // You can also use more robust routing
-      return apiRouter.handle(request);
-    }
-  },
-};

package/templates/examples/ts/worker-configuration.d.ts

@@ -1,13 +0,0 @@
-interface Env {
-  // Example binding to KV. Learn more at https://developers.cloudflare.com/workers/runtime-apis/kv/
-  // MY_KV_NAMESPACE: KVNamespace;
-  //
-  // Example binding to Durable Object. Learn more at https://developers.cloudflare.com/workers/runtime-apis/durable-objects/
-  // MY_DURABLE_OBJECT: DurableObjectNamespace;
-  //
-  // Example binding to R2. Learn more at https://developers.cloudflare.com/workers/runtime-apis/r2/
-  // MY_BUCKET: R2Bucket;
-  //
-  // Example binding to a Service. Learn more at https://developers.cloudflare.com/workers/runtime-apis/service-bindings/
-  // MY_SERVICE: Fetcher;
-}

package/templates/examples/ts/wrangler.toml

@@ -1,7 +0,0 @@
-name = "<TBD>"
-main = "src/worker.ts"
-compatibility_date = "2023-04-21"
-
-# TODO: add comments for bindings
-# TODO: add comments for vars
-# TODO: add comments for secrets