@webflow/webflow-cli 1.6.13 → 1.7.1

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.
Files changed (68) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/LICENCE +11 -11
  3. package/dist/cloud-scaffolds/astro/.vscode/extensions.json +4 -0
  4. package/dist/cloud-scaffolds/astro/.vscode/launch.json +11 -0
  5. package/dist/cloud-scaffolds/astro/.vscode/settings.json +5 -0
  6. package/dist/cloud-scaffolds/astro/README.md +48 -0
  7. package/dist/cloud-scaffolds/astro/astro.config.mjs +27 -0
  8. package/dist/cloud-scaffolds/astro/gitignore +28 -0
  9. package/dist/cloud-scaffolds/astro/package.json +25 -0
  10. package/dist/cloud-scaffolds/astro/public/.assetsignore +2 -0
  11. package/dist/cloud-scaffolds/astro/public/favicon.svg +9 -0
  12. package/dist/cloud-scaffolds/astro/src/assets/astro.svg +1 -0
  13. package/dist/cloud-scaffolds/astro/src/assets/background.svg +1 -0
  14. package/dist/cloud-scaffolds/astro/src/components/Welcome.astro +210 -0
  15. package/dist/cloud-scaffolds/astro/src/env.d.ts +6 -0
  16. package/dist/cloud-scaffolds/astro/src/layouts/Layout.astro +32 -0
  17. package/dist/cloud-scaffolds/astro/src/pages/index.astro +55 -0
  18. package/dist/cloud-scaffolds/astro/tsconfig.json +17 -0
  19. package/dist/cloud-scaffolds/astro/webflow.json +12 -0
  20. package/dist/cloud-scaffolds/astro/worker-configuration.d.ts +4 -0
  21. package/dist/cloud-scaffolds/astro/wrangler.jsonc +54 -0
  22. package/dist/cloud-scaffolds/nextjs/.vscode/settings.json +5 -0
  23. package/dist/cloud-scaffolds/nextjs/README.md +26 -0
  24. package/dist/cloud-scaffolds/nextjs/cloudflare-env.d.ts +5 -0
  25. package/dist/cloud-scaffolds/nextjs/eslint.config.mjs +16 -0
  26. package/dist/cloud-scaffolds/nextjs/gitignore +44 -0
  27. package/dist/cloud-scaffolds/nextjs/next.config.ts +10 -0
  28. package/dist/cloud-scaffolds/nextjs/open-next.config.ts +9 -0
  29. package/dist/cloud-scaffolds/nextjs/package.json +33 -0
  30. package/dist/cloud-scaffolds/nextjs/postcss.config.mjs +5 -0
  31. package/dist/cloud-scaffolds/nextjs/public/file.svg +1 -0
  32. package/dist/cloud-scaffolds/nextjs/public/globe.svg +1 -0
  33. package/dist/cloud-scaffolds/nextjs/public/next.svg +1 -0
  34. package/dist/cloud-scaffolds/nextjs/public/window.svg +1 -0
  35. package/dist/cloud-scaffolds/nextjs/src/app/favicon.ico +0 -0
  36. package/dist/cloud-scaffolds/nextjs/src/app/globals.css +26 -0
  37. package/dist/cloud-scaffolds/nextjs/src/app/layout.tsx +41 -0
  38. package/dist/cloud-scaffolds/nextjs/src/app/page.tsx +57 -0
  39. package/dist/cloud-scaffolds/nextjs/tsconfig.json +30 -0
  40. package/dist/cloud-scaffolds/nextjs/webflow.json +9 -0
  41. package/dist/cloud-scaffolds/nextjs/wrangler.jsonc +54 -0
  42. package/dist/index.js +958 -882
  43. package/package.json +10 -5
  44. /package/dist/{scaffolds → extension-scaffolds}/default/.eslintrc +0 -0
  45. /package/dist/{scaffolds → extension-scaffolds}/default/README.md +0 -0
  46. /package/dist/{scaffolds → extension-scaffolds}/default/package.json +0 -0
  47. /package/dist/{scaffolds → extension-scaffolds}/default/public/index.html +0 -0
  48. /package/dist/{scaffolds → extension-scaffolds}/default/public/styles.css +0 -0
  49. /package/dist/{scaffolds → extension-scaffolds}/default/src/index.ts +0 -0
  50. /package/dist/{scaffolds → extension-scaffolds}/default/tsconfig.json +0 -0
  51. /package/dist/{scaffolds → extension-scaffolds}/default/webflow.json +0 -0
  52. /package/dist/{scaffolds → extension-scaffolds}/react/.eslintrc +0 -0
  53. /package/dist/{scaffolds → extension-scaffolds}/react/README.md +0 -0
  54. /package/dist/{scaffolds → extension-scaffolds}/react/package.json +0 -0
  55. /package/dist/{scaffolds → extension-scaffolds}/react/public/index.html +0 -0
  56. /package/dist/{scaffolds → extension-scaffolds}/react/public/styles.css +0 -0
  57. /package/dist/{scaffolds → extension-scaffolds}/react/src/index.tsx +0 -0
  58. /package/dist/{scaffolds → extension-scaffolds}/react/tsconfig.json +0 -0
  59. /package/dist/{scaffolds → extension-scaffolds}/react/webflow.json +0 -0
  60. /package/dist/{scaffolds → extension-scaffolds}/react/webpack.config.mjs +0 -0
  61. /package/dist/{scaffolds → extension-scaffolds}/typescript-alt/.eslintrc +0 -0
  62. /package/dist/{scaffolds → extension-scaffolds}/typescript-alt/README.md +0 -0
  63. /package/dist/{scaffolds → extension-scaffolds}/typescript-alt/package.json +0 -0
  64. /package/dist/{scaffolds → extension-scaffolds}/typescript-alt/public/index.html +0 -0
  65. /package/dist/{scaffolds → extension-scaffolds}/typescript-alt/public/styles.css +0 -0
  66. /package/dist/{scaffolds → extension-scaffolds}/typescript-alt/src/index.ts +0 -0
  67. /package/dist/{scaffolds → extension-scaffolds}/typescript-alt/tsconfig.json +0 -0
  68. /package/dist/{scaffolds → extension-scaffolds}/typescript-alt/webflow.json +0 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @webflow/webflow-cli
2
2
 
3
+ ## 1.7.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Ensure `.gitignore` files are persisted when using scaffold projects for Webflow Cloud
8
+
9
+ ## 1.7.0
10
+
11
+ ### Minor Changes
12
+
13
+ - Add Webflow Cloud commands
14
+
3
15
  ## 1.6.13
4
16
 
5
17
  ### Patch Changes
package/LICENCE CHANGED
@@ -1,21 +1,21 @@
1
- Copyright (c) 2023 Webflow, Inc
1
+ Copyright (c) 2025 Webflow, Inc
2
2
 
3
- Permission is hereby granted, free of charge, to any person ob-
4
- taining a copy of this software and associated documentation
5
- files (the "Software"), to deal in the Software without restric-
3
+ Permission is hereby granted, free of charge, to any person ob-
4
+ taining a copy of this software and associated documentation
5
+ files (the "Software"), to deal in the Software without restric-
6
6
  tion, including without limitation the rights to use, copy, modi-
7
7
  fy, merge, publish, distribute, sublicense, and/or sell copies of
8
- the Software, and to permit persons to whom the Software is fur-
8
+ the Software, and to permit persons to whom the Software is fur-
9
9
  nished to do so, subject to the following conditions:
10
10
 
11
- The above copyright notice and this permission notice shall be
11
+ The above copyright notice and this permission notice shall be
12
12
  included in all copies or substantial portions of the Software.
13
13
 
14
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
15
- EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
16
- OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONIN-
14
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
15
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
16
+ OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONIN-
17
17
  FRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
18
- LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
18
+ LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
19
19
  ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20
- CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
20
+ CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
21
  SOFTWARE.
@@ -0,0 +1,4 @@
1
+ {
2
+ "recommendations": ["astro-build.astro-vscode"],
3
+ "unwantedRecommendations": []
4
+ }
@@ -0,0 +1,11 @@
1
+ {
2
+ "version": "0.2.0",
3
+ "configurations": [
4
+ {
5
+ "command": "./node_modules/.bin/astro dev",
6
+ "name": "Development server",
7
+ "request": "launch",
8
+ "type": "node-terminal"
9
+ }
10
+ ]
11
+ }
@@ -0,0 +1,5 @@
1
+ {
2
+ "files.associations": {
3
+ "wrangler.json": "jsonc"
4
+ }
5
+ }
@@ -0,0 +1,48 @@
1
+ # Astro Starter Kit: Basics
2
+
3
+ ```sh
4
+ npm create astro@latest -- --template basics
5
+ ```
6
+
7
+ [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics)
8
+ [![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/basics)
9
+ [![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/basics/devcontainer.json)
10
+
11
+ > 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
12
+
13
+ ![just-the-basics](https://github.com/withastro/astro/assets/2244813/a0a5533c-a856-4198-8470-2d67b1d7c554)
14
+
15
+ ## 🚀 Project Structure
16
+
17
+ Inside of your Astro project, you'll see the following folders and files:
18
+
19
+ ```text
20
+ /
21
+ ├── public/
22
+ │ └── favicon.svg
23
+ ├── src/
24
+ │ ├── layouts/
25
+ │ │ └── Layout.astro
26
+ │ └── pages/
27
+ │ └── index.astro
28
+ └── package.json
29
+ ```
30
+
31
+ To learn more about the folder structure of an Astro project, refer to [our guide on project structure](https://docs.astro.build/en/basics/project-structure/).
32
+
33
+ ## 🧞 Commands
34
+
35
+ All commands are run from the root of the project, from a terminal:
36
+
37
+ | Command | Action |
38
+ | :------------------------ | :----------------------------------------------- |
39
+ | `npm install` | Installs dependencies |
40
+ | `npm run dev` | Starts local dev server at `localhost:4321` |
41
+ | `npm run build` | Build your production site to `./dist/` |
42
+ | `npm run preview` | Preview your build locally, before deploying |
43
+ | `npm run astro ...` | Run CLI commands like `astro add`, `astro check` |
44
+ | `npm run astro -- --help` | Get help using the Astro CLI |
45
+
46
+ ## 👀 Want to learn more?
47
+
48
+ Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).
@@ -0,0 +1,27 @@
1
+ import { defineConfig } from "astro/config";
2
+
3
+ import cloudflare from "@astrojs/cloudflare";
4
+
5
+ import react from '@astrojs/react';
6
+
7
+ // https://astro.build/config
8
+ export default defineConfig({
9
+ base: "CLOUD_MOUNT_PATH",
10
+ output: "server",
11
+ adapter: cloudflare({
12
+ platformProxy: {
13
+ enabled: true
14
+ }
15
+ }),
16
+
17
+ integrations: [react()],
18
+ vite: {
19
+ resolve: {
20
+ // Use react-dom/server.edge instead of react-dom/server.browser for React 19.
21
+ // Without this, MessageChannel from node:worker_threads needs to be polyfilled.
22
+ alias: import.meta.env.PROD ? {
23
+ "react-dom/server": "react-dom/server.edge",
24
+ } : undefined,
25
+ },
26
+ }
27
+ });
@@ -0,0 +1,28 @@
1
+ # build output
2
+ dist/
3
+
4
+ # generated types
5
+ .astro/
6
+
7
+ # dependencies
8
+ node_modules/
9
+
10
+ # logs
11
+ npm-debug.log*
12
+ yarn-debug.log*
13
+ yarn-error.log*
14
+ pnpm-debug.log*
15
+
16
+ # environment variables
17
+ .env
18
+ .env.production
19
+
20
+ # macOS-specific files
21
+ .DS_Store
22
+
23
+ # jetbrains setting folder
24
+ .idea/
25
+
26
+ # wrangler files
27
+ .wrangler
28
+ .dev.vars*
@@ -0,0 +1,25 @@
1
+ {
2
+ "name": "astro",
3
+ "type": "module",
4
+ "version": "0.0.1",
5
+ "scripts": {
6
+ "dev": "astro dev",
7
+ "build": "astro build",
8
+ "preview": "astro build && wrangler dev",
9
+ "astro": "astro",
10
+ "cf-typegen": "wrangler types"
11
+ },
12
+ "dependencies": {
13
+ "@astrojs/cloudflare": "^12.5.0",
14
+ "@astrojs/react": "^4.2.5",
15
+ "@types/react": "^19.1.2",
16
+ "@types/react-dom": "^19.1.2",
17
+ "astro": "^5.7.0",
18
+ "react": "^19.1.0",
19
+ "react-dom": "^19.1.0"
20
+ },
21
+ "devDependencies": {
22
+ "@cloudflare/workers-types": "^4.20250415.0",
23
+ "wrangler": "^4.11.1"
24
+ }
25
+ }
@@ -0,0 +1,2 @@
1
+ _worker.js
2
+ _routes.json
@@ -0,0 +1,9 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
2
+ <path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
3
+ <style>
4
+ path { fill: #000; }
5
+ @media (prefers-color-scheme: dark) {
6
+ path { fill: #FFF; }
7
+ }
8
+ </style>
9
+ </svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" width="115" height="48"><path fill="#17191E" d="M7.77 36.35C6.4 35.11 6 32.51 6.57 30.62c.99 1.2 2.35 1.57 3.75 1.78 2.18.33 4.31.2 6.33-.78.23-.12.44-.27.7-.42.18.55.23 1.1.17 1.67a4.56 4.56 0 0 1-1.94 3.23c-.43.32-.9.61-1.34.91-1.38.94-1.76 2.03-1.24 3.62l.05.17a3.63 3.63 0 0 1-1.6-1.38 3.87 3.87 0 0 1-.63-2.1c0-.37 0-.74-.05-1.1-.13-.9-.55-1.3-1.33-1.32a1.56 1.56 0 0 0-1.63 1.26c0 .06-.03.12-.05.2Z"/><path fill="url(#a)" d="M7.77 36.35C6.4 35.11 6 32.51 6.57 30.62c.99 1.2 2.35 1.57 3.75 1.78 2.18.33 4.31.2 6.33-.78.23-.12.44-.27.7-.42.18.55.23 1.1.17 1.67a4.56 4.56 0 0 1-1.94 3.23c-.43.32-.9.61-1.34.91-1.38.94-1.76 2.03-1.24 3.62l.05.17a3.63 3.63 0 0 1-1.6-1.38 3.87 3.87 0 0 1-.63-2.1c0-.37 0-.74-.05-1.1-.13-.9-.55-1.3-1.33-1.32a1.56 1.56 0 0 0-1.63 1.26c0 .06-.03.12-.05.2Z"/><path fill="#17191E" d="M.02 30.31s4.02-1.95 8.05-1.95l3.04-9.4c.11-.45.44-.76.82-.76.37 0 .7.31.82.76l3.04 9.4c4.77 0 8.05 1.95 8.05 1.95L17 11.71c-.2-.56-.53-.91-.98-.91H7.83c-.44 0-.76.35-.97.9L.02 30.31Zm42.37-5.97c0 1.64-2.05 2.62-4.88 2.62-1.85 0-2.5-.45-2.5-1.41 0-1 .8-1.49 2.65-1.49 1.67 0 3.09.03 4.73.23v.05Zm.03-2.04a21.37 21.37 0 0 0-4.37-.36c-5.32 0-7.82 1.25-7.82 4.18 0 3.04 1.71 4.2 5.68 4.2 3.35 0 5.63-.84 6.46-2.92h.14c-.03.5-.05 1-.05 1.4 0 1.07.18 1.16 1.06 1.16h4.15a16.9 16.9 0 0 1-.36-4c0-1.67.06-2.93.06-4.62 0-3.45-2.07-5.64-8.56-5.64-2.8 0-5.9.48-8.26 1.19.22.93.54 2.83.7 4.06 2.04-.96 4.95-1.37 7.2-1.37 3.11 0 3.97.71 3.97 2.15v.57Zm11.37 3c-.56.07-1.33.07-2.12.07-.83 0-1.6-.03-2.12-.1l-.02.58c0 2.85 1.87 4.52 8.45 4.52 6.2 0 8.2-1.64 8.2-4.55 0-2.74-1.33-4.09-7.2-4.39-4.58-.2-4.99-.7-4.99-1.28 0-.66.59-1 3.65-1 3.18 0 4.03.43 4.03 1.35v.2a46.13 46.13 0 0 1 4.24.03l.02-.55c0-3.36-2.8-4.46-8.2-4.46-6.08 0-8.13 1.49-8.13 4.39 0 2.6 1.64 4.23 7.48 4.48 4.3.14 4.77.62 4.77 1.28 0 .7-.7 1.03-3.71 1.03-3.47 0-4.35-.48-4.35-1.47v-.13Zm19.82-12.05a17.5 17.5 0 0 1-6.24 3.48c.03.84.03 2.4.03 3.24l1.5.02c-.02 1.63-.04 3.6-.04 4.9 0 3.04 1.6 5.32 6.58 5.32 2.1 0 3.5-.23 5.23-.6a43.77 43.77 0 0 1-.46-4.13c-1.03.34-2.34.53-3.78.53-2 0-2.82-.55-2.82-2.13 0-1.37 0-2.65.03-3.84 2.57.02 5.13.07 6.64.11-.02-1.18.03-2.9.1-4.04-2.2.04-4.65.07-6.68.07l.07-2.93h-.16Zm13.46 6.04a767.33 767.33 0 0 1 .07-3.18H82.6c.07 1.96.07 3.98.07 6.92 0 2.95-.03 4.99-.07 6.93h5.18c-.09-1.37-.11-3.68-.11-5.65 0-3.1 1.26-4 4.12-4 1.33 0 2.28.16 3.1.46.03-1.16.26-3.43.4-4.43-.86-.25-1.81-.41-2.96-.41-2.46-.03-4.26.98-5.1 3.38l-.17-.02Zm22.55 3.65c0 2.5-1.8 3.66-4.64 3.66-2.81 0-4.61-1.1-4.61-3.66s1.82-3.52 4.61-3.52c2.82 0 4.64 1.03 4.64 3.52Zm4.71-.11c0-4.96-3.87-7.18-9.35-7.18-5.5 0-9.23 2.22-9.23 7.18 0 4.94 3.49 7.59 9.21 7.59 5.77 0 9.37-2.65 9.37-7.6Z"/><defs><linearGradient id="a" x1="6.33" x2="19.43" y1="40.8" y2="34.6" gradientUnits="userSpaceOnUse"><stop stop-color="#D83333"/><stop offset="1" stop-color="#F041FF"/></linearGradient></defs></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="1440" height="1024" fill="none"><path fill="url(#a)" fill-rule="evenodd" d="M-217.58 475.75c91.82-72.02 225.52-29.38 341.2-44.74C240 415.56 372.33 315.14 466.77 384.9c102.9 76.02 44.74 246.76 90.31 366.31 29.83 78.24 90.48 136.14 129.48 210.23 57.92 109.99 169.67 208.23 155.9 331.77-13.52 121.26-103.42 264.33-224.23 281.37-141.96 20.03-232.72-220.96-374.06-196.99-151.7 25.73-172.68 330.24-325.85 315.72-128.6-12.2-110.9-230.73-128.15-358.76-12.16-90.14 65.87-176.25 44.1-264.57-26.42-107.2-167.12-163.46-176.72-273.45-10.15-116.29 33.01-248.75 124.87-320.79Z" clip-rule="evenodd" style="opacity:.154"/><path fill="url(#b)" fill-rule="evenodd" d="M1103.43 115.43c146.42-19.45 275.33-155.84 413.5-103.59 188.09 71.13 409 212.64 407.06 413.88-1.94 201.25-259.28 278.6-414.96 405.96-130 106.35-240.24 294.39-405.6 265.3-163.7-28.8-161.93-274.12-284.34-386.66-134.95-124.06-436-101.46-445.82-284.6-9.68-180.38 247.41-246.3 413.54-316.9 101.01-42.93 207.83 21.06 316.62 6.61Z" clip-rule="evenodd" style="opacity:.154"/><defs><linearGradient id="b" x1="373" x2="1995.44" y1="1100" y2="118.03" gradientUnits="userSpaceOnUse"><stop stop-color="#D83333"/><stop offset="1" stop-color="#F041FF"/></linearGradient><linearGradient id="a" x1="107.37" x2="1130.66" y1="1993.35" y2="1026.31" gradientUnits="userSpaceOnUse"><stop stop-color="#3245FF"/><stop offset="1" stop-color="#BC52EE"/></linearGradient></defs></svg>
@@ -0,0 +1,210 @@
1
+ ---
2
+ import astroLogo from '../assets/astro.svg';
3
+ import background from '../assets/background.svg';
4
+ ---
5
+
6
+ <div id="container">
7
+ <img id="background" src={background.src} alt="" fetchpriority="high" />
8
+ <main>
9
+ <section id="hero">
10
+ <a href="https://astro.build"
11
+ ><img src={astroLogo.src} width="115" height="48" alt="Astro Homepage" /></a
12
+ >
13
+ <h1>
14
+ To get started, open the <code><pre>src/pages</pre></code> directory in your project.
15
+ </h1>
16
+ <section id="links">
17
+ <a class="button" href="https://docs.astro.build">Read our docs</a>
18
+ <a href="https://astro.build/chat"
19
+ >Join our Discord <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127.14 96.36"
20
+ ><path
21
+ fill="currentColor"
22
+ d="M107.7 8.07A105.15 105.15 0 0 0 81.47 0a72.06 72.06 0 0 0-3.36 6.83 97.68 97.68 0 0 0-29.11 0A72.37 72.37 0 0 0 45.64 0a105.89 105.89 0 0 0-26.25 8.09C2.79 32.65-1.71 56.6.54 80.21a105.73 105.73 0 0 0 32.17 16.15 77.7 77.7 0 0 0 6.89-11.11 68.42 68.42 0 0 1-10.85-5.18c.91-.66 1.8-1.34 2.66-2a75.57 75.57 0 0 0 64.32 0c.87.71 1.76 1.39 2.66 2a68.68 68.68 0 0 1-10.87 5.19 77 77 0 0 0 6.89 11.1 105.25 105.25 0 0 0 32.19-16.14c2.64-27.38-4.51-51.11-18.9-72.15ZM42.45 65.69C36.18 65.69 31 60 31 53s5-12.74 11.43-12.74S54 46 53.89 53s-5.05 12.69-11.44 12.69Zm42.24 0C78.41 65.69 73.25 60 73.25 53s5-12.74 11.44-12.74S96.23 46 96.12 53s-5.04 12.69-11.43 12.69Z"
23
+ ></path></svg
24
+ >
25
+ </a>
26
+ </section>
27
+ </section>
28
+ </main>
29
+
30
+ <a href="https://astro.build/blog/astro-5/" id="news" class="box">
31
+ <svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"
32
+ ><path
33
+ d="M24.667 12c1.333 1.414 2 3.192 2 5.334 0 4.62-4.934 5.7-7.334 12C18.444 28.567 18 27.456 18 26c0-4.642 6.667-7.053 6.667-14Zm-5.334-5.333c1.6 1.65 2.4 3.43 2.4 5.333 0 6.602-8.06 7.59-6.4 17.334C13.111 27.787 12 25.564 12 22.666c0-4.434 7.333-8 7.333-16Zm-6-5.333C15.111 3.555 16 5.556 16 7.333c0 8.333-11.333 10.962-5.333 22-3.488-.774-6-4-6-8 0-8.667 8.666-10 8.666-20Z"
34
+ fill="#111827"></path></svg
35
+ >
36
+ <h2>What's New in Astro 5.0?</h2>
37
+ <p>
38
+ From content layers to server islands, click to learn more about the new features and
39
+ improvements in Astro 5.0
40
+ </p>
41
+ </a>
42
+ </div>
43
+
44
+ <style>
45
+ #background {
46
+ position: fixed;
47
+ top: 0;
48
+ left: 0;
49
+ width: 100%;
50
+ height: 100%;
51
+ z-index: -1;
52
+ filter: blur(100px);
53
+ }
54
+
55
+ #container {
56
+ font-family: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
57
+ height: 100%;
58
+ }
59
+
60
+ main {
61
+ height: 100%;
62
+ display: flex;
63
+ justify-content: center;
64
+ }
65
+
66
+ #hero {
67
+ display: flex;
68
+ align-items: start;
69
+ flex-direction: column;
70
+ justify-content: center;
71
+ padding: 16px;
72
+ }
73
+
74
+ h1 {
75
+ font-size: 22px;
76
+ margin-top: 0.25em;
77
+ }
78
+
79
+ #links {
80
+ display: flex;
81
+ gap: 16px;
82
+ }
83
+
84
+ #links a {
85
+ display: flex;
86
+ align-items: center;
87
+ padding: 10px 12px;
88
+ color: #111827;
89
+ text-decoration: none;
90
+ transition: color 0.2s;
91
+ }
92
+
93
+ #links a:hover {
94
+ color: rgb(78, 80, 86);
95
+ }
96
+
97
+ #links a svg {
98
+ height: 1em;
99
+ margin-left: 8px;
100
+ }
101
+
102
+ #links a.button {
103
+ color: white;
104
+ background: linear-gradient(83.21deg, #3245ff 0%, #bc52ee 100%);
105
+ box-shadow:
106
+ inset 0 0 0 1px rgba(255, 255, 255, 0.12),
107
+ inset 0 -2px 0 rgba(0, 0, 0, 0.24);
108
+ border-radius: 10px;
109
+ }
110
+
111
+ #links a.button:hover {
112
+ color: rgb(230, 230, 230);
113
+ box-shadow: none;
114
+ }
115
+
116
+ pre {
117
+ font-family:
118
+ ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono',
119
+ monospace;
120
+ font-weight: normal;
121
+ background: linear-gradient(14deg, #d83333 0%, #f041ff 100%);
122
+ -webkit-background-clip: text;
123
+ -webkit-text-fill-color: transparent;
124
+ background-clip: text;
125
+ margin: 0;
126
+ }
127
+
128
+ h2 {
129
+ margin: 0 0 1em;
130
+ font-weight: normal;
131
+ color: #111827;
132
+ font-size: 20px;
133
+ }
134
+
135
+ p {
136
+ color: #4b5563;
137
+ font-size: 16px;
138
+ line-height: 24px;
139
+ letter-spacing: -0.006em;
140
+ margin: 0;
141
+ }
142
+
143
+ code {
144
+ display: inline-block;
145
+ background:
146
+ linear-gradient(66.77deg, #f3cddd 0%, #f5cee7 100%) padding-box,
147
+ linear-gradient(155deg, #d83333 0%, #f041ff 18%, #f5cee7 45%) border-box;
148
+ border-radius: 8px;
149
+ border: 1px solid transparent;
150
+ padding: 6px 8px;
151
+ }
152
+
153
+ .box {
154
+ padding: 16px;
155
+ background: rgba(255, 255, 255, 1);
156
+ border-radius: 16px;
157
+ border: 1px solid white;
158
+ }
159
+
160
+ #news {
161
+ position: absolute;
162
+ bottom: 16px;
163
+ right: 16px;
164
+ max-width: 300px;
165
+ text-decoration: none;
166
+ transition: background 0.2s;
167
+ backdrop-filter: blur(50px);
168
+ }
169
+
170
+ #news:hover {
171
+ background: rgba(255, 255, 255, 0.55);
172
+ }
173
+
174
+ @media screen and (max-height: 368px) {
175
+ #news {
176
+ display: none;
177
+ }
178
+ }
179
+
180
+ @media screen and (max-width: 768px) {
181
+ #container {
182
+ display: flex;
183
+ flex-direction: column;
184
+ }
185
+
186
+ #hero {
187
+ display: block;
188
+ padding-top: 10%;
189
+ }
190
+
191
+ #links {
192
+ flex-wrap: wrap;
193
+ }
194
+
195
+ #links a.button {
196
+ padding: 14px 18px;
197
+ }
198
+
199
+ #news {
200
+ right: 16px;
201
+ left: 16px;
202
+ bottom: 2.5rem;
203
+ max-width: 100%;
204
+ }
205
+
206
+ h1 {
207
+ line-height: 1.5;
208
+ }
209
+ }
210
+ </style>
@@ -0,0 +1,6 @@
1
+ /* eslint-disable @typescript-eslint/no-empty-interface */
2
+ type Runtime = import("@astrojs/cloudflare").Runtime<Env>;
3
+
4
+ declare namespace App {
5
+ interface Locals extends Runtime {}
6
+ }
@@ -0,0 +1,32 @@
1
+ ---
2
+ import { DevLinkProvider } from '../../devlink/DevLinkProvider.jsx';
3
+ import "../../devlink/global.css"; // Webflow Styles
4
+ ---
5
+
6
+ <!doctype html>
7
+ <html lang="en">
8
+ <head>
9
+ <meta charset="UTF-8" />
10
+ <meta name="viewport" content="width=device-width" />
11
+ <link rel="icon" type="image/svg+xml" href={`${import.meta.env.BASE_URL}/favicon.svg`} />
12
+ <link rel="preconnect" href="https://fonts.googleapis.com">
13
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
14
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
15
+ <meta name="generator" content={Astro.generator} />
16
+ <title>Astro Basics</title>
17
+ </head>
18
+ <body>
19
+ <DevLinkProvider client:load>
20
+ <slot />
21
+ </DevLinkProvider>
22
+ </body>
23
+ </html>
24
+
25
+ <style>
26
+ html,
27
+ body {
28
+ margin: 0;
29
+ width: 100%;
30
+ height: 100%;
31
+ }
32
+ </style>
@@ -0,0 +1,55 @@
1
+ ---
2
+ import Layout from '../layouts/Layout.astro';
3
+ import { Section, Container, Block, Link } from '../../devlink/_Builtin/Basic';
4
+ ---
5
+
6
+ <Layout>
7
+ <Section
8
+ client:load
9
+ tag="section"
10
+ className="margin-bottom-24px"
11
+ style={{
12
+ minHeight: '100vh',
13
+ display: 'flex',
14
+ alignItems: 'center',
15
+ justifyContent: 'center'
16
+ }}
17
+ >
18
+ <Container>
19
+ <Block
20
+ tag="div"
21
+ className="hero-split"
22
+ style={{
23
+ textAlign: 'center',
24
+ maxWidth: '600px',
25
+ margin: '0 auto'
26
+ }}
27
+ >
28
+ <h1 class="margin-bottom-24px">Welcome to Webflow Cloud</h1>
29
+ <p class="margin-bottom-24px">This is a simple test using Basic components with enhanced styling.</p>
30
+ <div>
31
+ <Link
32
+ button={true}
33
+ options={{
34
+ href: "#"
35
+ }}
36
+ className="button-primary"
37
+ >
38
+ Get Started
39
+ </Link>
40
+ </div>
41
+ </Block>
42
+ </Container>
43
+ </Section>
44
+ </Layout>
45
+
46
+ <style>
47
+ h1 {
48
+ font-size: 2.5rem;
49
+ font-weight: 700;
50
+ background: linear-gradient(83.21deg, #3245ff 0%, #bc52ee 100%);
51
+ -webkit-background-clip: text;
52
+ -webkit-text-fill-color: transparent;
53
+ background-clip: text;
54
+ }
55
+ </style>
@@ -0,0 +1,17 @@
1
+ {
2
+ "extends": "astro/tsconfigs/strict",
3
+ "include": [
4
+ ".astro/types.d.ts",
5
+ "**/*"
6
+ ],
7
+ "exclude": [
8
+ "dist"
9
+ ],
10
+ "compilerOptions": {
11
+ "types": [
12
+ "@cloudflare/workers-types/2023-07-01"
13
+ ],
14
+ "jsx": "react-jsx",
15
+ "jsxImportSource": "react"
16
+ }
17
+ }
@@ -0,0 +1,12 @@
1
+ {
2
+ "cloud": {
3
+ "framework": "astro"
4
+ },
5
+ "devlink": {
6
+ "rootDir": "./devlink",
7
+ "cssModules": true,
8
+ "fileExtensions": {
9
+ "js": "jsx"
10
+ }
11
+ }
12
+ }
@@ -0,0 +1,4 @@
1
+ /* eslint-disable @typescript-eslint/no-empty-interface */
2
+ // Generated by Wrangler
3
+ // After adding bindings to `wrangler.jsonc`, regenerate this interface via `npm run cf-typegen`
4
+ interface Env {}
@@ -0,0 +1,54 @@
1
+ /**
2
+ * For more details on how to configure Wrangler, refer to:
3
+ * https://developers.cloudflare.com/workers/wrangler/configuration/
4
+ */
5
+ {
6
+ "$schema": "node_modules/wrangler/config-schema.json",
7
+ "name": "astro",
8
+ "main": "./dist/_worker.js/index.js",
9
+ "compatibility_date": "2025-04-15",
10
+ "compatibility_flags": [
11
+ "nodejs_compat"
12
+ ],
13
+ "assets": {
14
+ "binding": "ASSETS",
15
+ "directory": "./dist"
16
+ },
17
+ "observability": {
18
+ "enabled": true
19
+ }
20
+ /**
21
+ * Smart Placement
22
+ * Docs: https://developers.cloudflare.com/workers/configuration/smart-placement/#smart-placement
23
+ */
24
+ // "placement": { "mode": "smart" },
25
+
26
+ /**
27
+ * Bindings
28
+ * Bindings allow your Worker to interact with resources on the Cloudflare Developer Platform, including
29
+ * databases, object storage, AI inference, real-time communication and more.
30
+ * https://developers.cloudflare.com/workers/runtime-apis/bindings/
31
+ */
32
+
33
+ /**
34
+ * Environment Variables
35
+ * https://developers.cloudflare.com/workers/wrangler/configuration/#environment-variables
36
+ */
37
+ // "vars": { "MY_VARIABLE": "production_value" },
38
+ /**
39
+ * Note: Use secrets to store sensitive data.
40
+ * https://developers.cloudflare.com/workers/configuration/secrets/
41
+ */
42
+
43
+ /**
44
+ * Static Assets
45
+ * https://developers.cloudflare.com/workers/static-assets/binding/
46
+ */
47
+ // "assets": { "directory": "./public/", "binding": "ASSETS" },
48
+
49
+ /**
50
+ * Service Bindings (communicate between multiple Workers)
51
+ * https://developers.cloudflare.com/workers/wrangler/configuration/#service-bindings
52
+ */
53
+ // "services": [{ "binding": "MY_SERVICE", "service": "my-service" }]
54
+ }
@@ -0,0 +1,5 @@
1
+ {
2
+ "files.associations": {
3
+ "wrangler.json": "jsonc"
4
+ }
5
+ }
@@ -0,0 +1,26 @@
1
+ This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
2
+
3
+ ## Getting Started
4
+
5
+ First, run the development server:
6
+
7
+ ```bash
8
+ npm run dev
9
+ # or
10
+ yarn dev
11
+ # or
12
+ pnpm dev
13
+ # or
14
+ bun dev
15
+ ```
16
+
17
+ Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
18
+
19
+ You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
20
+
21
+ ## Learn More
22
+
23
+ To learn more about Next.js, take a look at the following resources:
24
+
25
+ - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
26
+ - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.