New components, icons and minor improvements

.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

.changeset/blue-kids-double.md

@@ -0,0 +1,27 @@
+---
+"tmaui": patch
+---
+
+New components, icons and minor improvements
+
+**Added:**
+- Icon Pack and [Iconography page](https://tophackr.com/tmaui/?path=/docs/iconography--documentation).
+- Separator color to divider from `tg-theme`.
+- Platformed color to `IconContainer`.
+- `NavigationCell` for navigation links.
+- `Info`, `Navigation` to `Cell` subcomponents.
+- Ref to `Tabbar` and `FixedLayout` ([#91](https://github.com/Telegram-Mini-Apps/TelegramUI/issues/91)).
+
+**Updated:**
+- `Navigation` for base platform according to the telegram design.
+
+**Fixed:**
+- UI icon size.
+- Section border style ([#94](https://github.com/Telegram-Mini-Apps/TelegramUI/issues/94)).
+- Cell box shadow ([#97](https://github.com/Telegram-Mini-Apps/TelegramUI/pull/97)).
+- Return back `forwardRef` for components with ref.
+
+<details>
+    <summary>Why forwardRef?</summary>
+    Although forwardRef is specified as [deprecated](https://react.dev/reference/react/forwardRef) it works as it should, by deleting it, some visual bugs were received, so it was returned back.
+</details>

.changeset/config.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@3.1.1/schema.json",
+  "changelog": ["@changesets/changelog-github", { "repo": "tophackr/tmaui" }],
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "public",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

.github/changeset-version.mjs

@@ -0,0 +1,12 @@
+// ORIGINALLY FROM CLOUDFLARE WRANGLER:
+// https://github.com/cloudflare/wrangler2/blob/main/.github/changeset-version.js
+
+import { exec } from 'child_process';
+
+// This script is used by the `release.yml` workflow to update the version of the packages being released.
+// The standard step is only to run `changeset version` but this does not update the package-lock.json file.
+// So we also run `npm install`, which does this update.
+// This is a workaround until this is handled automatically by `changeset version`.
+// See https://github.com/changesets/changesets/issues/421.
+exec('npx changeset version');
+exec('npm install');

.github/version-script-beta.mjs

@@ -0,0 +1,21 @@
+// ORIGINALLY FROM CLOUDFLARE WRANGLER:
+// https://github.com/cloudflare/wrangler2/blob/main/.github/version-script.js
+
+import { exec } from 'child_process';
+import fs from 'fs';
+
+const pkgJsonPath = 'package.json';
+try {
+  const pkg = JSON.parse(fs.readFileSync(pkgJsonPath));
+  exec('git rev-parse --short HEAD', (err, stdout) => {
+    if (err) {
+      console.log(err);
+      process.exit(1);
+    }
+    pkg.version = '0.0.0-beta.' + stdout.trim();
+    fs.writeFileSync(pkgJsonPath, JSON.stringify(pkg, null, '\t') + '\n');
+  });
+} catch (error) {
+  console.error(error);
+  process.exit(1);
+}

.github/version-script-next.mjs

@@ -0,0 +1,21 @@
+// ORIGINALLY FROM CLOUDFLARE WRANGLER:
+// https://github.com/cloudflare/wrangler2/blob/main/.github/version-script.js
+
+import { exec } from 'child_process';
+import fs from 'fs';
+
+const pkgJsonPath = 'package.json';
+try {
+  const pkg = JSON.parse(fs.readFileSync(pkgJsonPath));
+  exec('git rev-parse --short HEAD', (err, stdout) => {
+    if (err) {
+      console.log(err);
+      process.exit(1);
+    }
+    pkg.version = '0.0.0-next.' + stdout.trim();
+    fs.writeFileSync(pkgJsonPath, JSON.stringify(pkg, null, '\t') + '\n');
+  });
+} catch (error) {
+  console.error(error);
+  process.exit(1);
+}

.github/workflows/code-check.yml

@@ -0,0 +1,36 @@
+name: Code check - test, lint and typecheck
+
+on: [push, workflow_dispatch]
+
+jobs:
+  check:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Cache turbo
+        uses: actions/cache@v4
+        with:
+          path: .turbo
+          key: ${{ runner.os }}-turbo-${{ github.sha }}
+          restore-keys: |
+            ${{ runner.os }}-turbo-
+
+      - name: Setup node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          registry-url: 'https://registry.npmjs.org'
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        id: pnpm-install
+        with:
+          version: 10.8.0
+          run_install: true
+
+      - name: Check Code
+        run: pnpm run check

.github/workflows/prerelease.yml

@@ -0,0 +1,112 @@
+# Adapted from create-t3-app.
+
+name: Release - Beta
+
+on:
+  pull_request:
+    types: [labeled]
+    branches:
+      - main
+
+permissions:
+  pull-requests: write
+  issues: write
+
+jobs:
+  prerelease:
+    if: |
+      github.repository_owner == 'tophackr' &&
+      contains(github.event.pull_request.labels.*.name, 'autorelease')
+    name: Build & Publish a beta release to NPM
+    runs-on: ubuntu-latest
+    environment: Preview
+
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - name: Use PNPM
+        uses: pnpm/action-setup@v4
+        with:
+          version: 10.8.0
+
+      - name: Use Node.js 18
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: 'pnpm'
+
+      - name: Install NPM Dependencies
+        run: pnpm install
+
+      - name: Modify package.json version
+        run: node .github/version-script-beta.mjs
+
+      - name: Authenticate to NPM
+        run: echo "//registry.npmjs.org/:_authToken=$NPM_TOKEN" >> .npmrc
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - name: Publish Beta to NPM
+        run: pnpm pub:beta
+
+      - name: get-npm-version
+        id: package-version
+        uses: martinbeentjes/npm-get-version-action@main
+
+      - name: Upload packaged artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: npm-package-tmaui@${{ steps.package-version.outputs.current-version }}-pr-${{ github.event.number }} # encode the PR number into the artifact name
+          path: dist/index.js
+
+      - name: 'Comment on PR'
+        uses: actions/github-script@v6
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          script: |
+            const allArtifacts = await github.rest.actions.listWorkflowRunArtifacts({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              run_id: context.runId,
+            });
+
+            for (const artifact of allArtifacts.data.artifacts) {
+              // Extract the PR number and package version from the artifact name
+              const match = /^npm-package-tmaui@(.*?)-pr-(\d+)/.exec(artifact.name);
+
+              if (match) {
+                require("fs").appendFileSync(
+                  process.env.GITHUB_ENV,
+                  `\nBETA_PACKAGE_VERSION=${match[1]}` +
+                  `\nWORKFLOW_RUN_PR=${match[2]}` +
+                  `\nWORKFLOW_RUN_ID=${context.runId}`
+                );
+                break;
+              }
+            }
+
+      - name: 'Comment on PR with Link'
+        uses: marocchino/sticky-pull-request-comment@v2
+        with:
+          number: ${{ env.WORKFLOW_RUN_PR }}
+          message: |
+            A new prerelease is available for testing:
+
+            ```sh
+            pnpm add tmaui@${{ env.BETA_PACKAGE_VERSION }}
+            ```
+
+      - name: 'Remove the autorelease label once published'
+        uses: actions/github-script@v6
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          script: |
+            github.rest.issues.removeLabel({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              issue_number: '${{ env.WORKFLOW_RUN_PR }}',
+              name: 'autorelease',
+            });