Merge develop to master

.ci/send_pull_request.sh

@@ -0,0 +1,38 @@
+#!/bin/sh
+
+setup_git() {
+    set -e
+    eval "$(ssh-agent -s)"
+    openssl aes-256-cbc -K $encrypted_bd61809adafc_key -iv $encrypted_bd61809adafc_iv -in ../lime-app.enc -out ./lime-app -d
+    chmod 600 ./lime-app
+    ssh-add ./lime-app
+    git config --global user.email "[email protected]"
+    git config --global user.name "Travis CI"
+}
+
+get_repo(){
+    git clone [email protected]:libremesh/lime-packages.git --branch master --depth 1 lime-packages
+    cd lime-packages
+}
+
+create_file() {
+    export SHASUM=$(sha256sum $TRAVIS_BUILD_DIR/lime-app-$TRAVIS_BRANCH.tar.gz | awk '{ print $1 }')
+    sed -i -re "s/(PKG_VERSION:=).*/\1$TRAVIS_BRANCH/" packages/lime-app/Makefile
+    sed -i -re "s/(PKG_HASH:=).*/\1$SHASUM/" packages/lime-app/Makefile
+}
+
+commit_file() {
+  git checkout -b lime-app-$TRAVIS_BRANCH
+  git commit -am "LimeApp updated to $TRAVIS_BRANCH"
+}
+
+push_changes(){
+    git push --force --quiet origin lime-app-$TRAVIS_BRANCH
+}
+
+cd .ci
+setup_git
+get_repo
+create_file
+commit_file
+push_changes

.editorconfig

@@ -1,15 +1,15 @@
 root = true
 
 [*]
-indent_style = tab
+indent_style = space
 end_of_line = lf
 charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true
 
 [{package.json,.*rc,*.yml}]
 indent_style = space
-indent_size = 2
+indent_size = 4
 
 [*.md]
 trim_trailing_whitespace = false

.eslintignore

@@ -1,2 +1,6 @@
-test/*.conf.js
-build/
+node_modules
+coverage
+storybook-static
+build
+package-lock.json
+i18n

.eslintrc

@@ -1,3 +1,20 @@
 {
-  "extends": "eslint-config-synacor"
+  "parser": "@typescript-eslint/parser",
+  "plugins": [
+    "@typescript-eslint",
+    "testing-library",
+    "jest"
+  ],
+  "extends": [
+    "preact",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:prettier/recommended",
+    "plugin:react-hooks/recommended",
+    "plugin:testing-library/react",
+    "plugin:jest/recommended"
+  ],
+  "rules": {
+    "@typescript-eslint/ban-ts-comment": "off",
+    "@typescript-eslint/no-empty-function": "off"
+  }
 }

.git-blame-ignore-revs

@@ -0,0 +1,3 @@
+# Massive linting commits:
+5c335c0846c88fbf39c0f34b1ae5c5bbf03b637c
+d9235a644220e6c831f302ca0c0da8c7e7f50375

.github/workflows/artifact_url_comment.yml

@@ -0,0 +1,54 @@
+name: Comment on the pull request the artifact url
+
+on:
+    workflow_run:
+        workflows: ["Publish artifacts"]
+        types:
+            - completed
+
+jobs:
+    publish-artifact-url:
+        runs-on: ubuntu-latest
+        if: >
+            github.event.workflow_run.event == 'pull_request' &&
+            github.event.workflow_run.conclusion == 'success'
+        steps:
+            - uses: actions/download-artifact@v4
+              with:
+                  github-token: ${{ secrets.GITHUB_TOKEN }}
+                  run-id: ${{github.event.workflow_run.id }}
+                  path: limeAppBuild/
+
+            -   name: Get PR number
+                run: echo "PR_NUM=$(ls limeAppBuild/*/pr_number)" >> $GITHUB_ENV
+
+            -   name: Find a PR comment
+                uses: peter-evans/find-comment@v2
+                id: fc
+                with:
+                    issue-number: ${{ env.PR_NUM }}
+                    body-includes: 'Artifacts deployed: '
+
+            -   name: Delete Comment
+                uses: actions/github-script@v6
+                continue-on-error: true
+                if: steps.fc.outputs.comment-id != 0
+                with:
+                    script: |
+                        github.rest.issues.deleteComment({
+                          comment_id: ${{ steps.fc.outputs.comment-id }},
+                          owner: context.repo.owner,
+                          repo: context.repo.repo,
+                        })
+
+            -   name: Get the artifact url
+                run: >
+                    ARTIFACT_URL=$(curl https://api.github.com/repos/libremesh/lime-app/actions/runs/${{github.event.workflow_run.id }}/artifacts -s | jq '.artifacts[0].url' | sed "s/[\'\"]//g" | awk -F'/' '{print $NF}')
+                    ;echo $ARTIFACT_URL; echo "ARTIFACT_URL=$ARTIFACT_URL" >> $GITHUB_ENV
+
+            -   name: Update the PR comment
+                uses: peter-evans/create-or-update-comment@v2
+                with:
+                    issue-number: ${{ env.PR_NUM }}
+                    body: |
+                        Artifacts deployed: https://github.com/libremesh/lime-app/actions/runs/${{github.event.workflow_run.id}}/artifacts/${{ env.ARTIFACT_URL }}

.github/workflows/development.yml

@@ -0,0 +1,20 @@
+name: Test build
+
+on: [pull_request]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Install node
+        uses: actions/setup-node@v4
+        with:
+            node-version: 20
+            cache: 'npm'
+
+      - uses: preactjs/compressed-size-action@v2
+        with:
+          build-script: "build:production"

.github/workflows/publish_artifacts.yml

@@ -0,0 +1,37 @@
+name: Publish artifacts
+
+on:
+    pull_request:
+        types: [ labeled, synchronize ]
+
+jobs:
+    build-artifacts:
+        if: contains(github.event.pull_request.labels.*.name, 'artifact')
+        runs-on: ubuntu-latest
+
+        steps:
+        - uses: actions/checkout@v4
+
+        - name: Install node
+          uses: actions/setup-node@v4
+          with:
+            node-version: 20
+            cache: 'npm'
+
+        - name: Install dependencies
+          run: npm ci
+        - name: Build production app
+          run: npm run build:production
+
+        # Used to send a comment to the PR with the artifact url
+        - name: Save PR number
+          run: |
+              mkdir -p build/pr_number/
+              touch build/pr_number/${{ github.event.number }}
+
+        - name: Upload build artifacts
+          uses: actions/upload-artifact@v4
+          with:
+            name: limeAppBuild-${{ github.event.number }}
+            path: build/
+            overwrite: true

.github/workflows/tests.yml

@@ -0,0 +1,26 @@
+# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node
+# For more information see: https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-nodejs
+
+name: Run tests
+
+on:
+  push:
+    branches: [ "develop", "master" ]
+  pull_request:
+    branches: [ "develop", "master" ]
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v4
+    - name: Use Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: 20
+        cache: 'npm'
+    - run: npm ci
+    - run: npm run build --if-present
+    - run: npm run translations:compile && npm run test

.gitignore

@@ -3,4 +3,9 @@
 .DS_Store
 /coverage
 /.idea
-yarn.lock
+storybook-static
+.vscode
+build
+i18n/*/messages.js
+i18n/_build
+core

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx lint-staged

.linguirc

@@ -0,0 +1,20 @@
+{
+   "locales": ["es", "pt", "en", "it"],
+   "catalogs": [{
+      "path": "i18n/{locale}/messages",
+      "include": ["src", "plugins"]
+   }],
+   "format": "po",
+   "compileNamespace": "cjs",
+   "extractBabelOptions": {
+       "presets": [
+         "preact",
+         "@babel/preset-typescript",
+         "@lingui/babel-preset-react"
+      ]
+   },
+   "sourceLocale": "en",
+   "fallbackLocales": {
+      "default": "en"
+   }
+}

.nvmrc

@@ -0,0 +1 @@
+20

.prettierignore

@@ -0,0 +1,6 @@
+node_modules
+coverage
+storybook-static
+build
+package-lock.json
+i18n

.prettierrc.json

@@ -0,0 +1,15 @@
+{
+    "trailingComma": "es5",
+    "tabWidth": 4,
+    "semi": true,
+    "importOrder": [
+        "^components/(.*)$",
+        "^containers/(.*)$",
+        "^plugins/(.*)$",
+        "^utils/(.*)$",
+        "^~/(.*)$",
+        "^[./]"
+    ],
+    "importOrderSeparation": true,
+    "importOrderSortSpecifiers": true
+}

.storybook/main.js

@@ -0,0 +1,72 @@
+const path = require("path");
+const clientConfig = require("preact-cli/lib/lib/webpack/webpack-client-config");
+const transformConfig = require("preact-cli/lib/lib/webpack/transform-config");
+
+module.exports = {
+    framework: "@storybook/preact",
+    stories: [
+        "../stories/**/*stories.js",
+        "../stories/**/*stories.ts",
+        "../plugins/**/*stories.js",
+        "../plugins/**/*stories.ts",
+    ],
+    addons: [
+        "@storybook/addon-actions",
+        "@storybook/addon-controls",
+        "@storybook/addon-essentials",
+    ],
+    features: {
+        interactionsDebugger: true,
+    },
+    webpackFinal: async (config, { configType }) => {
+        // Load preact config
+        const isProd = configType === "PRODUCTION";
+        const cwd = process.env.PWD;
+        const src = path.resolve(cwd, "src");
+        const source = (dir) => path.resolve(cwd, "src", dir);
+        const env = {
+            isProd,
+            isWatch: !isProd,
+            cwd,
+            src,
+            source,
+            config: "preact.config.js",
+            esm: false,
+        };
+        preactConfig = await clientConfig(env);
+        await transformConfig(env, preactConfig);
+
+        // Add custom alias
+        config.resolve.alias = {
+            ...config.resolve.alias,
+            ...preactConfig.resolve.alias,
+        };
+
+        // Add proxy
+        config.devServer = {
+            ...config.devServer,
+            ...preactConfig.devServer,
+        };
+
+        // Parse .less files
+        config.resolve.extensions.push(".less");
+        config.module.rules.push({
+            test: /\.(p?css|less|s[ac]ss|styl)$/,
+            use: [
+                require.resolve("style-loader"),
+                {
+                    loader: require.resolve("css-loader"),
+                    options: {
+                        importLoaders: 1,
+                        modules: {
+                            localIdentName: "[name]__[local]___[hash:base64:5]",
+                        },
+                    },
+                },
+                require.resolve("less-loader"),
+            ],
+        });
+
+        return config;
+    },
+};