@webflow/webflow-cli 1.21.0 → 1.22.0-next.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 (45) hide show
  1. package/dist/cloud-scaffolds/__tests__/fetcher.test.ts +249 -0
  2. package/dist/cloud-scaffolds/__tests__/registry.test.ts +134 -0
  3. package/dist/cloud-scaffolds/fetcher.ts +205 -0
  4. package/dist/cloud-scaffolds/index.ts +19 -0
  5. package/dist/cloud-scaffolds/registry.ts +132 -0
  6. package/dist/cloud-scaffolds/types.ts +68 -0
  7. package/dist/index.js +98 -82
  8. package/dist/index.js.map +1 -1
  9. package/package.json +1 -1
  10. package/dist/cloud-scaffolds/astro/README.md +0 -76
  11. package/dist/cloud-scaffolds/astro/astro.config.mjs +0 -27
  12. package/dist/cloud-scaffolds/astro/gitignore +0 -31
  13. package/dist/cloud-scaffolds/astro/package.json +0 -26
  14. package/dist/cloud-scaffolds/astro/public/favicon.svg +0 -9
  15. package/dist/cloud-scaffolds/astro/src/assets/astro.svg +0 -1
  16. package/dist/cloud-scaffolds/astro/src/assets/background.svg +0 -1
  17. package/dist/cloud-scaffolds/astro/src/components/Welcome.astro +0 -210
  18. package/dist/cloud-scaffolds/astro/src/env.d.ts +0 -12
  19. package/dist/cloud-scaffolds/astro/src/layouts/Layout.astro +0 -32
  20. package/dist/cloud-scaffolds/astro/src/pages/index.astro +0 -73
  21. package/dist/cloud-scaffolds/astro/tsconfig.json +0 -17
  22. package/dist/cloud-scaffolds/astro/webflow.json +0 -13
  23. package/dist/cloud-scaffolds/astro/worker-configuration.d.ts +0 -4
  24. package/dist/cloud-scaffolds/astro/wrangler.json +0 -14
  25. package/dist/cloud-scaffolds/nextjs/README.md +0 -47
  26. package/dist/cloud-scaffolds/nextjs/cloudflare-env.d.ts +0 -5
  27. package/dist/cloud-scaffolds/nextjs/eslint.config.mjs +0 -22
  28. package/dist/cloud-scaffolds/nextjs/gitignore +0 -47
  29. package/dist/cloud-scaffolds/nextjs/next.config.ts +0 -10
  30. package/dist/cloud-scaffolds/nextjs/open-next.config.ts +0 -9
  31. package/dist/cloud-scaffolds/nextjs/package.json +0 -34
  32. package/dist/cloud-scaffolds/nextjs/postcss.config.mjs +0 -5
  33. package/dist/cloud-scaffolds/nextjs/public/file.svg +0 -1
  34. package/dist/cloud-scaffolds/nextjs/public/globe.svg +0 -1
  35. package/dist/cloud-scaffolds/nextjs/public/next.svg +0 -1
  36. package/dist/cloud-scaffolds/nextjs/public/window.svg +0 -1
  37. package/dist/cloud-scaffolds/nextjs/src/app/favicon.ico +0 -0
  38. package/dist/cloud-scaffolds/nextjs/src/app/globals.css +0 -31
  39. package/dist/cloud-scaffolds/nextjs/src/app/layout.tsx +0 -44
  40. package/dist/cloud-scaffolds/nextjs/src/app/page.css +0 -45
  41. package/dist/cloud-scaffolds/nextjs/src/app/page.tsx +0 -30
  42. package/dist/cloud-scaffolds/nextjs/src/webflow.d.ts +0 -14
  43. package/dist/cloud-scaffolds/nextjs/tsconfig.json +0 -30
  44. package/dist/cloud-scaffolds/nextjs/webflow.json +0 -13
  45. package/dist/cloud-scaffolds/nextjs/wrangler.json +0 -14
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webflow/webflow-cli",
3
- "version": "1.21.0",
3
+ "version": "1.22.0-next.1",
4
4
  "license": "MIT",
5
5
  "bin": {
6
6
  "webflow": "./dist/index.js"
@@ -1,76 +0,0 @@
1
- # Webflow Cloud + Astro
2
-
3
- This is an [Astro](https://astro.build) project bootstrapped with [`webflow cloud init`](https://developers.webflow.com/webflow-cloud/intro).
4
-
5
- ## Getting Started
6
-
7
- First, install dependencies:
8
-
9
- ```bash
10
- npm install
11
- ```
12
-
13
- Then, export your Webflow components:
14
-
15
- ```bash
16
- webflow devlink export
17
- ```
18
-
19
- This will create the `webflow/` directory with your Webflow components and styles.
20
-
21
- Finally, run the development server:
22
-
23
- ```bash
24
- npm run dev
25
- ```
26
-
27
- Open [http://localhost:4321](http://localhost:4321) with your browser to see the result.
28
-
29
- You can start editing the page by modifying `src/pages/index.astro`. The page auto-updates as you edit the file.
30
-
31
- ## Webflow Components
32
-
33
- Your Webflow components are exported to `webflow/`. To update them when you make changes in Webflow:
34
-
35
- ```bash
36
- webflow devlink export
37
- ```
38
-
39
- Learn more about [Webflow DevLink](https://developers.webflow.com/data/docs/devlink-overview).
40
-
41
- ## Project Structure
42
-
43
- ```text
44
- /
45
- ├── public/
46
- │ └── favicon.svg
47
- ├── src/
48
- │ ├── layouts/
49
- │ │ └── Layout.astro
50
- │ └── pages/
51
- │ └── index.astro
52
- ├── webflow/ # Webflow components (generated)
53
- └── webflow.json # Webflow configuration
54
- ```
55
-
56
- ## Commands
57
-
58
- All commands are run from the root of the project, from a terminal:
59
-
60
- | Command | Action |
61
- | :------------------------ | :----------------------------------------------- |
62
- | `npm install` | Installs dependencies |
63
- | `npm run dev` | Starts local dev server at `localhost:4321` |
64
- | `npm run build` | Build your production site to `./dist/` |
65
- | `npm run preview` | Preview your build locally, before deploying |
66
- | `npm run astro ...` | Run CLI commands like `astro add`, `astro check` |
67
- | `npm run astro -- --help` | Get help using the Astro CLI |
68
- | `webflow devlink export` | Export Webflow components to `webflow/` |
69
- | `webflow cloud deploy` | Deploy to Webflow Cloud |
70
-
71
- ## Learn More
72
-
73
- - [Webflow Cloud Documentation](https://developers.webflow.com/webflow-cloud/intro)
74
- - [Webflow DevLink Documentation](https://developers.webflow.com/data/docs/devlink-overview)
75
- - [Astro Documentation](https://docs.astro.build)
76
- - [Astro Discord](https://astro.build/chat)
@@ -1,27 +0,0 @@
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
- });
@@ -1,31 +0,0 @@
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*
29
-
30
- # webflow cli build artifacts
31
- .tmp/
@@ -1,26 +0,0 @@
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
- "deploy": "webflow cloud deploy",
10
- "astro": "astro",
11
- "cf-typegen": "wrangler types"
12
- },
13
- "dependencies": {
14
- "@astrojs/cloudflare": "^12.6.6",
15
- "@astrojs/react": "^4.2.5",
16
- "@types/react": "^19.1.2",
17
- "@types/react-dom": "^19.1.2",
18
- "astro": "^5.17.2",
19
- "react": "^19.1.0",
20
- "react-dom": "^19.1.0"
21
- },
22
- "devDependencies": {
23
- "@cloudflare/workers-types": "^4.20250415.0",
24
- "wrangler": "^4.11.1"
25
- }
26
- }
@@ -1,9 +0,0 @@
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>
@@ -1 +0,0 @@
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>
@@ -1 +0,0 @@
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>
@@ -1,210 +0,0 @@
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>
@@ -1,12 +0,0 @@
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
- }
7
-
8
- // Webflow CSS imports
9
- declare module "../../webflow/css/global.css" {
10
- const content: string;
11
- export default content;
12
- }
@@ -1,32 +0,0 @@
1
- ---
2
- import { DevLinkProvider } from '../../webflow/DevLinkProvider.js';
3
- import "../../webflow/css/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>Webflow Cloud - Astro Starter</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>
@@ -1,73 +0,0 @@
1
- ---
2
- import Layout from '../layouts/Layout.astro';
3
-
4
- // Import DevLink components from "../../webflow/*"
5
- // import { ComponentName } from "../../webflow/ComponentName";
6
- ---
7
-
8
- <Layout>
9
- <section class="hero-section">
10
- <div class="container">
11
- <div class="hero-content">
12
- <h1 class="hero-title">Welcome to Webflow Cloud</h1>
13
- <p class="hero-description">Your Astro project is ready. Start building and sync your Webflow components and design system.</p>
14
- <div class="hero-cta">
15
- <a
16
- href="https://developers.webflow.com/data-clients/docs/getting-started"
17
- class="button-primary"
18
- >
19
- Get Started
20
- </a>
21
- </div>
22
- </div>
23
- </div>
24
- </section>
25
- </Layout>
26
-
27
- <style>
28
- .hero-section {
29
- min-height: 100vh;
30
- display: flex;
31
- align-items: center;
32
- justify-content: center;
33
- }
34
-
35
- .hero-content {
36
- text-align: center;
37
- max-width: 600px;
38
- margin: 0 auto;
39
- }
40
-
41
- .hero-title {
42
- font-size: 2.5rem;
43
- font-weight: 700;
44
- margin-bottom: 1.5rem;
45
- background: linear-gradient(83.21deg, #3245ff 0%, #bc52ee 100%);
46
- -webkit-background-clip: text;
47
- -webkit-text-fill-color: transparent;
48
- background-clip: text;
49
- }
50
-
51
- .hero-description {
52
- margin-bottom: 1.5rem;
53
- }
54
-
55
- .hero-cta {
56
- margin-top: 0.75rem;
57
- }
58
-
59
- .button-primary {
60
- display: inline-block;
61
- padding: 12px 24px;
62
- border-radius: 4px;
63
- background: #146ef5;
64
- color: #ffffff;
65
- text-decoration: none;
66
- box-shadow: 0px 0.5px 1px rgba(0, 0, 0, 0.25), inset 0px 29px 23px -16px rgba(255, 255, 255, 0.04), inset 0px 0.5px 0.5px rgba(255, 255, 255, 0.2);
67
- }
68
-
69
- .button-primary:hover {
70
- background: #2c80fd;
71
- color: #ffffff;
72
- }
73
- </style>
@@ -1,17 +0,0 @@
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
- }
@@ -1,13 +0,0 @@
1
- {
2
- "cloud": {
3
- "framework": "astro"
4
- },
5
- "devlink-export": {
6
- "rootDir": "./webflow",
7
- "components": ".*",
8
- "componentGroups": ".*",
9
- "ts": false,
10
- "cssScopes": true,
11
- "relativeHrefRoot": "/"
12
- }
13
- }
@@ -1,4 +0,0 @@
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 {}
@@ -1,14 +0,0 @@
1
- {
2
- "$schema": "node_modules/wrangler/config-schema.json",
3
- "name": "astro",
4
- "main": "./dist/_worker.js/index.js",
5
- "compatibility_date": "2025-04-15",
6
- "compatibility_flags": ["nodejs_compat"],
7
- "assets": {
8
- "binding": "ASSETS",
9
- "directory": "./dist"
10
- },
11
- "observability": {
12
- "enabled": true
13
- }
14
- }
@@ -1,47 +0,0 @@
1
- This is a [Next.js](https://nextjs.org) project bootstrapped with [`webflow cloud init`](https://developers.webflow.com/webflow-cloud/intro).
2
-
3
- ## Getting Started
4
-
5
- First, install dependencies:
6
-
7
- ```bash
8
- npm install
9
- ```
10
-
11
- Then, export your Webflow components:
12
-
13
- ```bash
14
- webflow devlink export
15
- ```
16
-
17
- This will create the `src/webflow/` directory with your Webflow components and styles.
18
-
19
- Finally, run the development server:
20
-
21
- ```bash
22
- npm run dev
23
- ```
24
-
25
- Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
26
-
27
- You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
28
-
29
- ## Webflow Components
30
-
31
- Your Webflow components are exported to `src/webflow/`. To update them when you make changes in Webflow:
32
-
33
- ```bash
34
- webflow devlink export
35
- ```
36
-
37
- Learn more about [Webflow DevLink](https://developers.webflow.com/data/docs/devlink-overview).
38
-
39
- ## Deployment
40
-
41
- Deploy your app by running:
42
-
43
- ```bash
44
- webflow cloud deploy
45
- ```
46
-
47
- Learn more about [Webflow Cloud deployment](https://developers.webflow.com/webflow-cloud/environment).
@@ -1,5 +0,0 @@
1
- /* eslint-disable @typescript-eslint/no-empty-interface */
2
- // Generated by Wrangler
3
- // by running `wrangler types --env-interface CloudflareEnv cloudflare-env.d.ts`
4
-
5
- interface CloudflareEnv {}
@@ -1,22 +0,0 @@
1
- import { dirname } from "path";
2
- import { fileURLToPath } from "url";
3
- import { FlatCompat } from "@eslint/eslintrc";
4
-
5
- const __filename = fileURLToPath(import.meta.url);
6
- const __dirname = dirname(__filename);
7
-
8
- const compat = new FlatCompat({
9
- baseDirectory: __dirname,
10
- });
11
-
12
- const eslintConfig = [
13
- ...compat.extends("next/core-web-vitals", "next/typescript"),
14
- {
15
- ignores: [
16
- "**/webflow/**",
17
- "**/webflow-*/**",
18
- ],
19
- },
20
- ];
21
-
22
- export default eslintConfig;