@webflow/webflow-cli 1.21.0 → 1.22.0-next.0
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.
- package/dist/cloud-scaffolds/__tests__/fetcher.test.ts +249 -0
- package/dist/cloud-scaffolds/__tests__/registry.test.ts +134 -0
- package/dist/cloud-scaffolds/fetcher.ts +205 -0
- package/dist/cloud-scaffolds/index.ts +19 -0
- package/dist/cloud-scaffolds/registry.ts +132 -0
- package/dist/cloud-scaffolds/types.ts +68 -0
- package/dist/index.js +93 -82
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/cloud-scaffolds/astro/README.md +0 -76
- package/dist/cloud-scaffolds/astro/astro.config.mjs +0 -27
- package/dist/cloud-scaffolds/astro/gitignore +0 -31
- package/dist/cloud-scaffolds/astro/package.json +0 -26
- package/dist/cloud-scaffolds/astro/public/favicon.svg +0 -9
- package/dist/cloud-scaffolds/astro/src/assets/astro.svg +0 -1
- package/dist/cloud-scaffolds/astro/src/assets/background.svg +0 -1
- package/dist/cloud-scaffolds/astro/src/components/Welcome.astro +0 -210
- package/dist/cloud-scaffolds/astro/src/env.d.ts +0 -12
- package/dist/cloud-scaffolds/astro/src/layouts/Layout.astro +0 -32
- package/dist/cloud-scaffolds/astro/src/pages/index.astro +0 -73
- package/dist/cloud-scaffolds/astro/tsconfig.json +0 -17
- package/dist/cloud-scaffolds/astro/webflow.json +0 -13
- package/dist/cloud-scaffolds/astro/worker-configuration.d.ts +0 -4
- package/dist/cloud-scaffolds/astro/wrangler.json +0 -14
- package/dist/cloud-scaffolds/nextjs/README.md +0 -47
- package/dist/cloud-scaffolds/nextjs/cloudflare-env.d.ts +0 -5
- package/dist/cloud-scaffolds/nextjs/eslint.config.mjs +0 -22
- package/dist/cloud-scaffolds/nextjs/gitignore +0 -47
- package/dist/cloud-scaffolds/nextjs/next.config.ts +0 -10
- package/dist/cloud-scaffolds/nextjs/open-next.config.ts +0 -9
- package/dist/cloud-scaffolds/nextjs/package.json +0 -34
- package/dist/cloud-scaffolds/nextjs/postcss.config.mjs +0 -5
- package/dist/cloud-scaffolds/nextjs/public/file.svg +0 -1
- package/dist/cloud-scaffolds/nextjs/public/globe.svg +0 -1
- package/dist/cloud-scaffolds/nextjs/public/next.svg +0 -1
- package/dist/cloud-scaffolds/nextjs/public/window.svg +0 -1
- package/dist/cloud-scaffolds/nextjs/src/app/favicon.ico +0 -0
- package/dist/cloud-scaffolds/nextjs/src/app/globals.css +0 -31
- package/dist/cloud-scaffolds/nextjs/src/app/layout.tsx +0 -44
- package/dist/cloud-scaffolds/nextjs/src/app/page.css +0 -45
- package/dist/cloud-scaffolds/nextjs/src/app/page.tsx +0 -30
- package/dist/cloud-scaffolds/nextjs/src/webflow.d.ts +0 -14
- package/dist/cloud-scaffolds/nextjs/tsconfig.json +0 -30
- package/dist/cloud-scaffolds/nextjs/webflow.json +0 -13
- package/dist/cloud-scaffolds/nextjs/wrangler.json +0 -14
package/package.json
CHANGED
|
@@ -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,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,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;
|