elias/strudel-docker
1
0
Fork 0
mirror of https://github.com/eliasstepanik/strudel-docker.git synced 2026-01-27 05:28:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix build + simplify logic + add deploy note

Browse Source
This commit is contained in:
Felix Roos 2022-12-28 17:09:18 +01:00
parent cb8b65f6f3
commit 16b4058a8b
3 changed files with 18 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
my-patterns/README.md
View File

@ -6,3 +6,10 @@ This directory can be used to save your own patterns.
1. Save one or more .txt files here. 1. Save one or more .txt files here.
2. and run `npm run repl` 2. and run `npm run repl`
3. open `http://localhost:3000/my-patterns` ! 3. open `http://localhost:3000/my-patterns` !
## deploy
1. in your fork, go to settings -> pages and select "Github Actions" as source
2. edit `website/public/CNAME` to contain `<your-username>.github.io/strudel`
3. go to Actions -> "Build and Deploy" and click "Run workflow"
4. view your patterns at `<your-username>.github.io/strudel/my-patterns`

5
website/src/pages/my-patterns/index.astro
View File

@ -17,7 +17,10 @@ const myPatterns = await getMyPatterns();
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-2 p-2 select-none"> <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-2 p-2 select-none">
{ {
Object.entries(myPatterns).map(([name, tune]) => ( Object.entries(myPatterns).map(([name, tune]) => (
<a class="rounded-md bg-slate-900 hover:bg-slate-700 cursor-pointer relative" href={`/#${btoa(tune)}`}> <a
class="rounded-md bg-slate-900 hover:bg-slate-700 cursor-pointer relative"
href={`/#${btoa(tune as string)}`}
>
<div class="absolute w-full h-full flex justify-center items-center"> <div class="absolute w-full h-full flex justify-center items-center">
<span class="bg-slate-800 p-2 rounded-md text-white">{name}</span> <span class="bg-slate-800 p-2 rounded-md text-white">{name}</span>
</div> </div>

37
website/src/pages/my-patterns/list.json.js
View File

@ -1,36 +1,13 @@
import fs from 'fs';
import path from 'path';
import { dirname } from 'path';
import { fileURLToPath } from 'url';
const __dirname = dirname(fileURLToPath(import.meta.url));
async function readTextFiles(folder) {
const absolutePath = path.resolve(__dirname, folder);
// Use `fs.promises.readdir()` to get a list of all the files in the folder
const files = await fs.promises.readdir(absolutePath);
// Filter the list of files to only include those with a `.txt` extension
const textFiles = files.filter((file) => file.endsWith('.txt'));
// Initialize an empty object to store the file contents
const fileContents = {};
// Use `fs.promises.readFile()` to read the contents of each text file
for (const file of textFiles) {
const filePath = `${absolutePath}/${file}`;
const data = await fs.promises.readFile(filePath, 'utf8');
fileContents[file] = data;
}
// Return the object with the filenames as keys and the file contents as values
return fileContents;
}
export function getMyPatterns() { export function getMyPatterns() {
return readTextFiles('../../../../my-patterns'); const my = import.meta.glob('../../../../my-patterns/**', { as: 'raw', eager: true });
return Object.fromEntries(
Object.entries(my) //
.filter(([name]) => name.endsWith('.txt')) //
.map(([name, raw]) => [name.split('/').slice(-1), raw]), //
);
} }
export async function get({ params, request }) { export async function get() {
const all = await getMyPatterns(); const all = await getMyPatterns();
return { return {
body: JSON.stringify(all), body: JSON.stringify(all),