Forem: aiocat

Request - Minimal HTTP Client

aiocat — Tue, 12 Apr 2022 13:04:30 +0000

Request

Request is a simple tool that allows user to test their API with web interface.

Request is written with tauri and vite vanilla typescript and its fully open-source!

Repository: https://github.com/aiocat/request

You can contribute to the project if you want to.

Features

Save, load, delete requests
View headers
Generate request code
Send request with headers
Filter requests

Why?

Lots of postman (like) program already exists. But they are really confusing and they have lots of feature we don't need.

Since CLI is not for everyone, I made request, minimal http client for your toy projects.

Download

You can download request from here

Usage

Download the installer from github releases and enjoy! The UI is made childish for everyone to understand.

Screenshots

Connecting devices together!

aiocat — Fri, 11 Mar 2022 18:36:30 +0000

Sock Idea

Organization

Sock is a idea, not a code. "Sock" allows you to connect to channels and communicate with other instances. Everyone can make his own "Sock" and "Sock Client". Or you can use Lightweight Sock Server to host a Sock.

Why Websockets?

Simple, websocket is easy to use in browser. This allows you to host a "Sock" server and manage sock to communicate between back-end and front-end easily.

Why Not?

Not recommended for embedded devices. But still, Lightweight Sock Server only uses 2MB ram.

Making a Sock Server

To make a sock server, you must have these routes:

/channel/:channel (WebSocket): This route is where we connect our clients.
/api/channel/:channel/:id (HTTP): This route allows us to get a instance from channel
/api/channel/:channel (HTTP): This route allows us to get all instances from channel

And you must write-read a object that has:

type (int): Type for the instance. Every client has their own types.
data (string): This key can hold any data.
from (string): For see who sent the message.

If type is less than zero (0), Message is for pinging server to keep connection alive.

If type is equals to zero (0), Message is for getting current instance id.

Please check Lightweight Sock Server to understand how it works.

Making a Sock Client

And you can make a sock client that allows anything... For example, you can make a sock client that allows to run a python code in channel and send output to other instances.

We made a client that uses "Sock" to send files and data between instances. Check it here

Please check Sockc to understand how it works.

Finishing

You can star project if you liked it!

I made a programming language without any knowledge.

aiocat — Wed, 16 Feb 2022 19:51:07 +0000

Hello folks! I decided to make a minimal programming language... without any knowledge...

Starting

For this challenge, I chosed C++ because its fast. I would chose rust but i will rewrite with rust later.

And i started to searching about making a programming language, and i got some basics about lexers, compilers etc... and I started with reverse polish notation and stack based language. Because they are easy to implement.

Writing a Lexer

Lexer is the simplest part of writing a language, just tokenizing the keywords.

I didn't use any lexer generator (like lex) because its better to make it from zero for me. But the worst part of it, I DON'T KNOW C++. And thats why it was a bit torture to me. I still think the lexer i wrote sucks because i made it without any C++ knowledge. But, atleast it works :D

50 100 + put

=> (pseudo)

[
    {token: NUMBER, value: "50"},
    {token: NUMBER, value: "100"},
    {token: ADD, value: ""},
    {token: PUT, value: ""}
]

Compiler? Transpiler?

After writing a lexer, i need to make a compiler/transpiler for my project. (i skipped AST since it doesn't need.) I checked LLVM but its really deep project to dive in so i tried with assembly. And another problem, i don't know assembly too! and i decided to make a C++ transpiler for my language.

It transpiles the code into C++ and runs g++ to compile the C++ source.

Trying the Language

I wanted to test the limits of the language, So i made a brainfuck compiler in my language. I think its best project to test your language too.

Brainfuck To C

Features

After some days, i added tons of things to my language. It was really fun!

Documentation

And the most boring thing in programming scenario... Writing a documentation! Well, i think nobody likes that but everyone needs that too. So i wrote a simple language reference for my programming language.

Finishing

So, that was my adventure about creating a minimal programming language. If you liked the project, you can star on GitHub page!

Best Way To Create Config Files

aiocat — Sun, 28 Nov 2021 16:09:51 +0000

Hello folks! I made a config language 3 days ago to solve other language's problems. Now i wanted to share with you.

Problems

JSON

JSON is the most popular language to create configs. But JSON is not modern for 2021.

No Comment Support
Bad Syntax

TOML

TOML is another new config language and used by rust's cargo today. TOML solves some problems that JSON has but its still not simple to write.

YAML

YAML has same problems that TOML gives, not simple and fast to write.

XML

Everyone knows XML sucks for 2021.

Snug

And snug... Snug is created for write fast and simple configs with flexible syntax. For example:

num 1 str "Hello, World!"

Lets convert this to the JSON:

{"num": 1, "str": "Hello, World!"}

This is a valid snug file but it looks bad right? Let's fix the syntax:

# This is a simple comment, comments are starting with a hashtag and continues until next hashtag. #

num 1
str "Hello, World!"

Say goodbye to indentation syntax, semicolons and if you want to write worst syntax, new lines.

Snug also supports object and arrays. Time to give a complex example:

# This is a comment! #
title "Hello World"
views 4826
is-public yes
owners ["User1" "User2"] # This is an array. #

(content # This is an object. #
text "Hello everyone, how are you?"
sha256-hash "0cfb86e2b382029d9c7ee32e98f855c1e870b688766da19caee32122894db03b"
color 12648430)

allow-edit no

Learning

Libraries

Snug has language support problem right now. Only supports Vanilla JavaScript and Python3 (28/11/2021) for now. For contributing to this project, You can create snug libraries for other languages. Also after publishing your library, You can create merge request on GitLab repository to add your library to libraries list.

Click for snug libraries.

Dynamic Windows in Website - JDW

aiocat — Sat, 25 Sep 2021 09:54:19 +0000

Hello folks! Today i will show a javascript library for creating dynamic windows in website by me.

Documentation

Check this repo for documentation. (if gitlab pages not works, download the source code and run /web/index.html in your browser.)

Example

Let's get the CDN link from the README.md and get started. Of course we need a empty html file first;

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- Noto Sans Font -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap"
      rel="stylesheet"
    />
    <!-- JDW CDN -->
    <script src="https://cdn.jsdelivr.net/gh/aiocat/jdw@0.0.1/jdw.min.js"></script>
    <title>Document</title>
  </head>
  <body></body>
</html>

Now we can create a window! Let's open a script tag in body and create a simple window like this:

let jdwindow = new JDWindow({
    width: 600, // 600px width.
    height: 400, // 400px height.
    titlebar: {
        title: "Window", // Window title will be "Window".
        height: 25, // Titlebar height.
    },
});

jdwindow.windowCss("background-color: #333; font-family: Noto Sans JP; border: 5px solid #777;"); // Simple css for window.
jdwindow.titleBarCss("background-color: #111; color: #fff;"); // Simple css for titlebar
jdwindow.draggable(); // Make the window draggable.
jdwindow.draw(); // Add the window to the body.

Let's view the result:

Uh, but how we can resize this? JDW also has a utility for this!

let jdwindow = new JDWindow({
    width: 600, // 600px width.
    height: 400, // 400px height.
    titlebar: {
        title: "Window", // Window title will be "Window".
        height: 25, // Titlebar height.
    },
});

jdwindow.windowCss("background-color: #333; font-family: Noto Sans JP; border: 5px solid #777;"); // Simple css for window.
jdwindow.titleBarCss("background-color: #111; color: #fff;"); // Simple css for titlebar
+ jdwindow.resizable(); // Make the window resizable.
jdwindow.draggable(); // Make the window draggable.
- jdwindow.draw(); // Add the window to the body.
+ jdwindow.draw(50, 50); // Add the window to the body with 50px top and 50px left.

Let's show the result:

Well, we need to add some element to the window. For this, we will use <JDWindow>.addElement(element) or <JDWindow>.addElements(...element):

let jdwindow = new JDWindow({
    width: 600, // 600px width.
    height: 400, // 400px height.
    titlebar: {
        title: "Window", // Window title will be "Window".
        height: 25, // Titlebar height.
    },
});

+ let btn = document.createElement("button"); // Create a new element to append.
+ btn.innerText = "Hello!"; // Add a text to the button.
+ btn.onclick = () => btn.remove(); // Remove the button when clicked.
+ jdwindow.addElement(btn); // Add element to the window.

jdwindow.windowCss("background-color: #333; font-family: Noto Sans JP; border: 5px solid #777;"); // Simple css for window.
jdwindow.titleBarCss("background-color: #111; color: #fff;"); // Simple css for titlebar
jdwindow.resizable(); // Make the window resizable.
jdwindow.draggable(); // Make the window draggable.
jdwindow.draw(); // Add the window to the body.
jdwindow.draw(50, 50); // Add the window to the body with 50px top and 50px left.

Let's test!

And also, you can customize everything with css! Here an example:

let jdwindow = new JDWindow({
  width: 600,
  height: 400,
  titlebar: {
    title: "Rice",
    height: 25,
  },
});

let title = document.createElement("h1");
title.style.margin = "0 auto";
title.style.paddingLeft = "10px";
title.style.color = "#fff";
title.innerText = "This is a simple JDW window.";

let btn = document.createElement("button");
btn.innerText = "Hello!";
btn.onclick = () => btn.remove();
jdwindow.addElements(title, btn);

jdwindow.windowCss(
  "font-family: Noto Sans JP; border: 2.5px solid #2C3645;"
);
jdwindow.setCloseButtonContent("");
jdwindow.titleCss("color: #434C5E; font-weight: 800; padding-left: 8px;");
jdwindow.appCss("height: 100%; background-color: #0D1117; opacity: 0.8;");
jdwindow.titleBarCss(
  'background-color: #161B22; font-family: "Noto Sans JP", sans-serif;'
);
jdwindow.closeButtonCss(
  "background-color: #EF534F; border-radius: 300px; padding: 8px; border: 0px solid #000; outline: none; margin-right: 10px;"
);
jdwindow.draggable();
jdwindow.draw(50, 50);

The result:

Contribute

Since this project is new, it can have some bugs || errors. If you found a bug or an error, please create an issue in gitlab repository. Read README.md for more informations.

Compile your go app cross-platform easily!

aiocat — Thu, 02 Sep 2021 09:44:15 +0000

Hello gophers! when you create an app with go, you also need to compile your app for other platforms and architectures. In go, you need to change environment variables for every compile. So i decided to make a simple tool named CCGO (Cross-platform Compile for Go) that does this for us!

GitLab Repository

For now, it compiles your app to 14 different platform. but you also can make a config yourself!

It works pretty simple. Download the binary from release page and add to your path.

Now we can test the app. Lets create a empty dir and initialize our project with go mod init example. Then we will add a main.go file that contains:

package main

func main() {
  println("Hello World!")
}

And now, we can test the ccgo. Lets run the ccgo with ccgo example. (the example is the name of the app.)

It compiled our app successfully. But where is the binaries? CCGO adds the programs to the .ccgo folder. If you can't see the folder in your project root, Make sure you enabled the see hidden file/folders.

CCGO also creates a sha1 checksum for your binary:

We also can create our own config. For this, we need to create a file named ccgo.config.json first. Then we can add the configs to the this JSON file. List of the configs with examples are avaible at gitlab repository README.md file.

Thats it! Since I just started yesterday, its current state is not very advanced. Please check the README.md file from gitlab repository if you want to contribute to this project.

Forem: aiocat

Request - Minimal HTTP Client

Request

Features

Why?

Download

Usage

Screenshots

Connecting devices together!

Sock Idea

Why Websockets?

Why Not?

Making a Sock Server

Making a Sock Client

Finishing

I made a programming language without any knowledge.

Starting

Writing a Lexer

Compiler? Transpiler?

Trying the Language

Features

Documentation

Finishing

Best Way To Create Config Files

Problems

JSON

TOML

YAML

XML

Snug

Learning

Libraries

Dynamic Windows in Website - JDW

Links

Documentation

Example

Contribute

Compile your go app cross-platform easily!