Skip to content

Commit 1d64de4

Browse files
leorossileorossi
authored
Fix broken npm build (#186)
* linting Signed-off-by: Leonardo Rossi <[email protected]> * fix linting and page build Signed-off-by: Leonardo Rossi <[email protected]> --------- Signed-off-by: Leonardo Rossi <[email protected]>
1 parent 6c9005b commit 1d64de4

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

62 files changed

+8250
-5844
lines changed

‎docs/packages/runtime/_shared-configuration.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import Issues from '../../getting-started/issues.md';
22

33
## Supported File Formats
44

5-
For detailed information on supported file formats and extensions, please visit our [Supported File Formats and Extensions](../file-formats.md#supported-file-formats) page.
5+
For detailed information on supported file formats and extensions, please visit our [Supported File Formats and Extensions](../../file-formats.md#supported-file-formats) page.
66

77
## Settings
88

‎package-lock.json

Lines changed: 7216 additions & 4647 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -72,7 +72,7 @@
7272
]
7373
},
7474
"engines": {
75-
"node": "^20"
75+
"node": "^22"
7676
},
7777
"standard": {
7878
"ignore": [

‎plugins/custom-webpack/index.js

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
const path = require('path')
21
const webpack = require('webpack')
32
const dotenv = require('dotenv')
43

‎scripts/check.mjs

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -72,7 +72,7 @@ async function getRemoteReleases (toKeep = 5) {
7272
.map((r) => parse(r.tag_name.replace(/^v/, '')))
7373

7474
// Keep one version per major, excluding v0.x
75-
const latestMajor = validReleases[0].major
75+
// const latestMajor = validReleases[0].major
7676

7777
const releases = []
7878
for (let currentMajor = validReleases[0].major; currentMajor > 0; currentMajor--) {

‎src/components/BuildApi.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,11 +6,11 @@ import CodeBlockWithCopy from './CodeBlockWithCopy'
66
const renderContent = (node) => {
77
if (Array.isArray(node.content)) {
88
return node.content.map((childNode, index) => {
9+
const codeContent = childNode.content
10+
.map((textNode) => textNode.text)
11+
.join('')
912
switch (childNode.type) {
1013
case 'code_block':
11-
const codeContent = childNode.content
12-
.map((textNode) => textNode.text)
13-
.join('')
1414
return <CodeBlockWithCopy key={index} code={codeContent} />
1515
default:
1616
return render(node)

‎src/components/DeployInSeconds.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,8 +17,8 @@ const DeployInSeconds = ({ blok }) => {
1717
</div>
1818
</div>
1919
</div>
20-
<div class='hidden md:block absolute md:w-1/3 xl:w-1/4 top-[-80%] right-0 h-[1200px] plt-vertical-background-triangle opacity-25'>
21-
<div class='plt-vertical-background-opacity h-full absolute top-0 right-0 w-full' />
20+
<div className='hidden md:block absolute md:w-1/3 xl:w-1/4 top-[-80%] right-0 h-[1200px] plt-vertical-background-triangle opacity-25'>
21+
<div className='plt-vertical-background-opacity h-full absolute top-0 right-0 w-full' />
2222
</div>
2323
</section>
2424
)

‎src/components/Explore.js

Lines changed: 89 additions & 90 deletions
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,36 @@
1-
import React, { useState } from "react";
2-
import Lottie from "react-lottie-player";
3-
import { render } from "storyblok-rich-text-react-renderer";
1+
import React, { useState } from 'react'
2+
import { render } from 'storyblok-rich-text-react-renderer'
43

54
const Timeline = ({ blok }) => {
6-
let tablist = blok.watt_tab_list.slice(0, 3);
7-
let last_list = blok.watt_tab_list.slice(-1);
5+
const tablist = blok.watt_tab_list.slice(0, 3)
6+
const lastList = blok.watt_tab_list.slice(-1)
87

98
return (
10-
<section className="w-full">
11-
<section className="flex flex-col md:flex-row justify-between gap-8">
12-
<div className="md:block absolute h-[800px] w-[600px] md:right-0 md:bottom-0 bottom-[-200px]">
13-
<div className="explore_side_bg w-full h-full"></div>
9+
<section className='w-full'>
10+
<section className='flex flex-col md:flex-row justify-between gap-8'>
11+
<div className='md:block absolute h-[800px] w-[600px] md:right-0 md:bottom-0 bottom-[-200px]'>
12+
<div className='explore_side_bg w-full h-full' />
1413
</div>
15-
<div className="flex-1">
16-
<ol className="relative timeline border-l border-s border-pyellow dark:border-pyellow list-none">
14+
<div className='flex-1'>
15+
<ol className='relative timeline border-l border-s border-pyellow dark:border-pyellow list-none'>
1716
{tablist.map((item, index) => (
18-
<li key={index} className={`mb-10 ${index === 2 ? "mb-0" : ""}`}>
19-
<div className="absolute z-20 w-8 h-8 p-[0.4rem] bg-pyellow/20 text-pyellow rounded-md -start-4 border border-white dark:border-pyellow dark:bg-pyellow/20 flex justify-center ">
17+
<li key={index} className={`mb-10 ${index === 2 ? 'mb-0' : ''}`}>
18+
<div className='absolute z-20 w-8 h-8 p-[0.4rem] bg-pyellow/20 text-pyellow rounded-md -start-4 border border-white dark:border-pyellow dark:bg-pyellow/20 flex justify-center '>
2019
<img
2120
src={item.icon.filename}
22-
className="w-full h-full object-contain"
23-
alt=""
21+
className='w-full h-full object-contain'
22+
alt=''
2423
/>
2524
</div>
2625

27-
<div className="">
28-
<div className="text-[16px] md:text-[18px] font-semibold text-pyellow dark:text-pyellow">
29-
<p className="m-0">{render(item.title)}</p>
26+
<div className=''>
27+
<div className='text-[16px] md:text-[18px] font-semibold text-pyellow dark:text-pyellow'>
28+
<p className='m-0'>{render(item.title)}</p>
3029
</div>
31-
<p className="text-[16px] md:text-[18px] mb-4 italic font-normal text-white dark:text-white">
30+
<p className='text-[16px] md:text-[18px] mb-4 italic font-normal text-white dark:text-white'>
3231
{render(item.subtitle)}
3332
</p>
34-
<p className="mb-4 text-base font-normal text-white/70 dark:text-gray-400">
33+
<p className='mb-4 text-base font-normal text-white/70 dark:text-gray-400'>
3534
{render(item.paragraph)}
3635
</p>
3736
</div>
@@ -40,37 +39,37 @@ const Timeline = ({ blok }) => {
4039
</ol>
4140
</div>
4241

43-
<div className="flex-1">
44-
<div className="flex flex-col gap-4">
45-
<div className="relative mb-10 md:ms-4">
46-
<div className="absolute top-4 left-[-1rem] md:left-0 w-8 h-8 bg-pyellow/20 p-[0.4rem] rounded-md">
47-
{" "}
42+
<div className='flex-1'>
43+
<div className='flex flex-col gap-4'>
44+
<div className='relative mb-10 md:ms-4'>
45+
<div className='absolute top-4 left-[-1rem] md:left-0 w-8 h-8 bg-pyellow/20 p-[0.4rem] rounded-md'>
46+
{' '}
4847
{/* Added background color, spacing, and slightly rounded corners */}
4948
<img
50-
src={last_list[0].icon.filename}
51-
className="w-full h-full object-contain"
52-
alt=""
49+
src={lastList[0].icon.filename}
50+
className='w-full h-full object-contain'
51+
alt=''
5352
/>
5453
</div>
55-
<div className="pl-8 md:pl-12">
56-
<div className="text-[16px] md:text-[18px] font-semibold text-pyellow dark:text-pyellow">
57-
<p className="m-0">{render(last_list[0].title)}</p>
54+
<div className='pl-8 md:pl-12'>
55+
<div className='text-[16px] md:text-[18px] font-semibold text-pyellow dark:text-pyellow'>
56+
<p className='m-0'>{render(lastList[0].title)}</p>
5857
</div>
59-
<p className="text-[16px] md:text-[18px] mb-4 italic font-normal text-white dark:text-white">
60-
{render(last_list[0].subtitle)}
58+
<p className='text-[16px] md:text-[18px] mb-4 italic font-normal text-white dark:text-white'>
59+
{render(lastList[0].subtitle)}
6160
</p>
62-
<p className="mb-4 text-base font-normal text-white/70 dark:text-gray-400">
63-
{render(last_list[0].paragraph)}
61+
<p className='mb-4 text-base font-normal text-white/70 dark:text-gray-400'>
62+
{render(lastList[0].paragraph)}
6463
</p>
6564
</div>
6665
</div>
6766
{/* second */}
68-
<div className="flex flex-col items-center gap-4 border-solid border border-pyellow/20 rounded-xl p-4 py-12">
69-
<div className="w-25 h-25">
67+
<div className='flex flex-col items-center gap-4 border-solid border border-pyellow/20 rounded-xl p-4 py-12'>
68+
<div className='w-25 h-25'>
7069
<img
7170
src={blok.wa_bg.filename}
72-
className="w-full h-full object-contain"
73-
alt=""
71+
className='w-full h-full object-contain'
72+
alt=''
7473
/>
7574
</div>
7675

@@ -86,132 +85,132 @@ const Timeline = ({ blok }) => {
8685
</div>
8786
</section>
8887
</section>
89-
);
90-
};
88+
)
89+
}
9190

9291
const Timeline2 = ({ blok }) => {
93-
let tablist = blok.watt_tab_list;
92+
const tablist = blok.watt_tab_list
9493

9594
return (
96-
<section className="flex flex-col md:flex-row justify-between gap-8">
97-
<div className="flex-1">
95+
<section className='flex flex-col md:flex-row justify-between gap-8'>
96+
<div className='flex-1'>
9897
{tablist.slice(0, 2).map((item, index) => (
99-
<div key={index} className="relative mb-10 md:ms-4">
100-
<div className="absolute top-4 left-0 w-8 h-8 bg-pblue/20 p-[0.4rem] rounded-md">
101-
{" "}
98+
<div key={index} className='relative mb-10 md:ms-4'>
99+
<div className='absolute top-4 left-0 w-8 h-8 bg-pblue/20 p-[0.4rem] rounded-md'>
100+
{' '}
102101
{/* Added background color, spacing, and slightly rounded corners */}
103102
<img
104103
src={item.icon.filename}
105-
className="w-full h-full object-contain"
106-
alt=""
104+
className='w-full h-full object-contain'
105+
alt=''
107106
/>
108107
</div>
109-
<div className="pl-12">
110-
<div className="text-[16px] md:text-[18px] font-semibold text-pblue dark:text-pblue">
111-
<p className="m-0">{render(item.title)}</p>
108+
<div className='pl-12'>
109+
<div className='text-[16px] md:text-[18px] font-semibold text-pblue dark:text-pblue'>
110+
<p className='m-0'>{render(item.title)}</p>
112111
</div>
113-
<p className="text-[16px] md:text-[18px] mb-4 italic font-normal text-white dark:text-white">
112+
<p className='text-[16px] md:text-[18px] mb-4 italic font-normal text-white dark:text-white'>
114113
{render(item.subtitle)}
115114
</p>
116-
<p className="mb-4 text-base font-normal text-white/70 dark:text-gray-400">
115+
<p className='mb-4 text-base font-normal text-white/70 dark:text-gray-400'>
117116
{render(item.paragraph)}
118117
</p>
119118
</div>
120119
</div>
121120
))}
122121
</div>
123-
<div className="flex-1">
124-
<div className="flex flex-col gap-4">
122+
<div className='flex-1'>
123+
<div className='flex flex-col gap-4'>
125124
<div>
126-
<div className="relative mb-10 md:ms-4">
127-
<div className="absolute top-4 left-0 w-8 h-8 bg-pblue/20 p-[0.4rem] rounded-md">
128-
{" "}
125+
<div className='relative mb-10 md:ms-4'>
126+
<div className='absolute top-4 left-0 w-8 h-8 bg-pblue/20 p-[0.4rem] rounded-md'>
127+
{' '}
129128
{/* Added background color, spacing, and slightly rounded corners */}
130129
<img
131130
src={tablist[2].icon.filename}
132-
className="w-full h-full object-contain"
133-
alt=""
131+
className='w-full h-full object-contain'
132+
alt=''
134133
/>
135134
</div>
136-
<div className="pl-12">
137-
<div className="text-[16px] md:text-[18px] font-semibold text-pblue dark:text-pblue">
138-
<p className="m-0">{render(tablist[2].title)}</p>
135+
<div className='pl-12'>
136+
<div className='text-[16px] md:text-[18px] font-semibold text-pblue dark:text-pblue'>
137+
<p className='m-0'>{render(tablist[2].title)}</p>
139138
</div>
140-
<p className="text-[16px] md:text-[18px] mb-4 italic font-normal text-white dark:text-white">
139+
<p className='text-[16px] md:text-[18px] mb-4 italic font-normal text-white dark:text-white'>
141140
{render(tablist[2].subtitle)}
142141
</p>
143-
<p className="mb-4 text-base font-normal text-white/70 dark:text-gray-400">
142+
<p className='mb-4 text-base font-normal text-white/70 dark:text-gray-400'>
144143
{render(tablist[2].paragraph)}
145144
</p>
146145
</div>
147146
</div>
148147
</div>
149148
{/* second */}
150-
<div className="flex flex-col items-center gap-4 border-solid border text-center border-pblue/20 rounded-xl p-4">
151-
<p className="text-white font-semibold text-[18px] max-w-[350px]">
149+
<div className='flex flex-col items-center gap-4 border-solid border text-center border-pblue/20 rounded-xl p-4'>
150+
<p className='text-white font-semibold text-[18px] max-w-[350px]'>
152151
{render(blok.waopen_text)}
153152
</p>
154-
<div className="flex gap-2">
155-
<p className="text-5xl font-extrabold mr-2">
156-
{render(blok.waopen_downloads.split(" ")[0])}
153+
<div className='flex gap-2'>
154+
<p className='text-5xl font-extrabold mr-2'>
155+
{render(blok.waopen_downloads.split(' ')[0])}
157156
</p>
158157

159-
<p className="text-base text-white/70 text-left max-w-[150px]">
160-
{render(blok.waopen_downloads.split(" ").slice(1).join(" "))}
158+
<p className='text-base text-white/70 text-left max-w-[150px]'>
159+
{render(blok.waopen_downloads.split(' ').slice(1).join(' '))}
161160
</p>
162161
</div>
163162
<a
164-
href={""}
165-
className="inline-block px-4 py-2 bg-transparent text-white font-semibold outline outline-[1px] outline-white rounded-md hover:bg-pblue/80 transition-colors duration-300 shadow-cta-custom-black text-[16px] mt-4"
163+
href=''
164+
className='inline-block px-4 py-2 bg-transparent text-white font-semibold outline outline-[1px] outline-white rounded-md hover:bg-pblue/80 transition-colors duration-300 shadow-cta-custom-black text-[16px] mt-4'
166165
>
167166
{render(blok.waopen_btn)}
168167
</a>
169168
</div>
170169
</div>
171170
</div>
172171
</section>
173-
);
174-
};
172+
)
173+
}
175174

176175
const Explore = ({ blok }) => {
177-
const [activeTab, setActiveTab] = useState(0);
176+
const [activeTab, setActiveTab] = useState(0)
178177

179178
return (
180-
<section className="z-[5] relative py-10 px-6 md:py-0 md:px-10 flex flex-col items-center border-y border-white/15 shadow-custom-black dark:drop-shadow-md overflow-hidden">
179+
<section className='z-[5] relative py-10 px-6 md:py-0 md:px-10 flex flex-col items-center border-y border-white/15 shadow-custom-black dark:drop-shadow-md overflow-hidden'>
181180
{/* Main container */}
182181
<div>
183182
{/* Header section */}
184-
<div className="text-center flex flex-col items-center">
185-
<h2 className="text-[28px] leading-[35px] sm:text-3xl md:text-[40px] md:leading-[54px] max-w-3xl mx-auto bg-clip-text text-transparent font-bold bg-gradient-to-t from-white to-gray-500">
183+
<div className='text-center flex flex-col items-center'>
184+
<h2 className='text-[28px] leading-[35px] sm:text-3xl md:text-[40px] md:leading-[54px] max-w-3xl mx-auto bg-clip-text text-transparent font-bold bg-gradient-to-t from-white to-gray-500'>
186185
{render(blok.Explore_platformatic[0].title)}
187186
</h2>
188-
<p className="text-white/70 text-base md:text-[18px] mx-auto sm:max-w-[550px]">
187+
<p className='text-white/70 text-base md:text-[18px] mx-auto sm:max-w-[550px]'>
189188
{render(blok.Explore_platformatic[0].paragraph)}
190189
</p>
191190
</div>
192191
{/* Tabs section */}
193-
<div className="mt-8 w-full max-w-6xl mx-auto">
192+
<div className='mt-8 w-full max-w-6xl mx-auto'>
194193
{/* Tab buttons */}
195-
<div className="flex gap-4 justify-center items-center border-b border-white/20 mb-20">
194+
<div className='flex gap-4 justify-center items-center border-b border-white/20 mb-20'>
196195
<p
197196
className={`px-3 py-1 text-[14px] border-none transition-all duration-300 cursor-pointer ${
198-
activeTab === 0 ? "rounded-2xl bg-pyellow/20 text-pyellow" : ""
197+
activeTab === 0 ? 'rounded-2xl bg-pyellow/20 text-pyellow' : ''
199198
}`}
200199
onClick={() => setActiveTab(0)}
201200
>
202201
WATT
203202
</p>
204203
<p
205204
className={`px-3 py-1 text-[14px] border-none transition-all duration-300 cursor-pointer ${
206-
activeTab === 1 ? "rounded-2xl bg-pblue/20 text-pblue" : ""
205+
activeTab === 1 ? 'rounded-2xl bg-pblue/20 text-pblue' : ''
207206
}`}
208207
onClick={() => setActiveTab(1)}
209208
>
210209
OPEN SOURCE TOOLKIT
211210
</p>
212211
</div>
213212
{/* Tab content */}
214-
<div className="my-4">
213+
<div className='my-4'>
215214
{activeTab === 0 && (
216215
<Timeline blok={blok.Explore_platformatic[1]} />
217216
)}
@@ -222,7 +221,7 @@ const Explore = ({ blok }) => {
222221
</div>
223222
</div>
224223
</section>
225-
);
226-
};
224+
)
225+
}
227226

228-
export default Explore;
227+
export default Explore

0 commit comments

Comments
 (0)