sample json and handle spaces

Author: raphaeltm

scripts/prep-samples.js

@@ -42,3 +42,6 @@ const samplesMd = path.join(__dirname, '..', 'docs', 'samples.md');
 let samplesMdContents = fs.readFileSync(samplesMd, 'utf8');
 samplesMdContents += `<Samples samples={${stringified}} />`;
 fs.writeFileSync(samplesMd, samplesMdContents);
+
+// save the json to the samples.json file in static
+fs.writeFileSync(path.join(__dirname, '..', 'static', 'samples.json'), stringified);

src/components/Samples/index.tsx

@@ -159,7 +159,7 @@ export default function Samples({ samples }: SamplesProps) {
                                     Clone and open the sample in your terminal
                                 </small>
                                 <CodeBlock language="bash">
-                                    {`git clone https://github.com/defang-io/defang dtmp && cp -r defang/samples/${selectedSample.category}/${selectedSample.name} ./${selectedSample.name} && rm -r ./dtmp && cd ${selectedSample.name}`}
+                                    {`git clone https://github.com/defang-io/defang dtmp && cp -r defang/samples/${selectedSample.category}/${selectedSample.name} "./${selectedSample.name}" && rm -r ./dtmp && cd "${selectedSample.name}"`}
                                 </CodeBlock>
                             </Box>
                             {/* </Stack> */}