Andrey Antukh niwinz

Migrate a Legacy UI Component to Modern Syntax

You are migrating ONE legacy ClojureScript React component in the Penpot frontend (frontend/src/app/main/ui/) to the modern component syntax. Perform the migration step by step for a single component only.

Context

Legacy components:

Name does NOT end with * (e.g., my-component)
Defined with (mf/defc my-component ...)
Often use ::mf/wrap-props false (props passed as raw JS object)

Enable native memory tracking in JVM by specifying the following flag

-XX:NativeMemoryTracking=detail

Know the <PID> of the java process

jps

To print ps based RSS

ps -p <PID> -o pcpu,rss,size,vsize

To print native memory tracking summary

README

How to compile:

clang example.c --target=wasm32 -O3 -msimd128 -nostdlib -Wl,--export-all -Wl,--no-entry -Wl,--allow-undefined --output example.wasm

How to run:

	;; This Source Code Form is subject to the terms of the Mozilla Public
	;; License, v. 2.0. If a copy of the MPL was not distributed with this
	;; file, You can obtain one at http://mozilla.org/MPL/2.0/.
	;;
	;; Copyright (c) KALEIDOS INC

	(ns app.common.types.objects-map2
	"Implements a specialized map-like data structure for store an UUID =>
	OBJECT mappings. The main purpose of this data structure is be able
	to serialize it on fressian as byte-array and have the ability to

	---
	version: "3.5"

	networks:
	penpot:

	volumes:
	penpot_postgres_v15:
	penpot_assets:
	# penpot_traefik:

	(ns user
	(:require
	[clojure.tools.namespace.repl :as r]
	[clojure.core.async :as a]
	[promesa.core :as p]
	[promesa.exec :as px]
	[promesa.exec.csp :as sp]
	[promesa.protocols :as pt]
	[promesa.util :as pu])
	(:import

	/**
	@class BroadcastChannel
	A simple BroadcastChannel polyfill that works with all major browsers.
	Please refer to the official MDN documentation of the Broadcast Channel API.
	@see <a href="https://developer.mozilla.org/en-US/docs/Web/API/Broadcast_Channel_API">Broadcast Channel API on MDN</a>
	@author Alessandro Piana
	@version 0.0.6
	*/

	/*

	DROP TABLE task;
	CREATE TABLE task (id bigint not null, parent_id bigint null);

	-- Create many unrelated linked lists in the same table

	INSERT INTO task values (1, null);
	INSERT INTO task (id, parent_id)
	SELECT i, i-1 FROM generate_series(2, 50000) AS t(i);

	INSERT INTO task values (50001, null);


	#include <time.h>
	#include <stdio.h>
	#include <errno.h>
	#include <stdlib.h>
	#include <stdint.h>
	#include <sys/random.h>

	#define UUID_T_LENGTH (16)
	#define UNIX_TS_LENGTH (6)

	#!/usr/bin/env bash
	set -x

	DOCKER_CLI_EXPERIMENTAL=enabled
	ORG=${PENPOT_DOCKER_NAMESPACE:-penpotapp};
	PLATFORM=${PENPOT_BUILD_PLATFORM:-linux/amd64};
	IMAGE=${1:-backend};

	DOCKER_IMAGE="$ORG/$IMAGE";
	OPTIONS="--platform $PLATFORM -t $DOCKER_IMAGE:$PENPOT_BUILD_BRANCH";