Add 'styleguide/' from commit '78be725e01b8d511c244009cb8622f43f11f2547'

git-subtree-dir: styleguide
git-subtree-mainline: a431203
git-subtree-split: 78be725

Author: marcoacierno

styleguide/.editorconfig

@@ -0,0 +1,4 @@
+root = true
+
+[*.{ts,tsx,js}]
+indent_size = 2

styleguide/.github/dependabot.yml

@@ -0,0 +1,11 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://docs.github.com/code-security/dependabot/dependabot-version-updates/configuration-options-for-the-dependabot.yml-file
+
+version: 2
+updates:
+  - package-ecosystem: "npm" # See documentation for possible values
+    directory: "/" # Location of package manifests
+    schedule:
+      interval: "daily"

styleguide/.github/workflows/commands.yml

@@ -0,0 +1,47 @@
+name: Slash Command Dispatch
+
+on:
+  issue_comment:
+    types: [created]
+
+jobs:
+  slash-command-dispatch:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/github-script@v3
+        id: get-pr
+        with:
+          script: |
+            const request = {
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              pull_number: context.issue.number
+            }
+            core.info(`Getting PR #${request.pull_number} from ${request.owner}/${request.repo}`)
+            try {
+              const result = await github.pulls.get(request)
+              return result.data
+            } catch (err) {
+              core.setFailed(`Request failed with error ${err}`)
+            }
+      - name: Slash Command Dispatch
+        uses: peter-evans/slash-command-dispatch@v2
+        with:
+          token: ${{ secrets.BOT_TOKEN }}
+          reaction-token: ${{ secrets.BOT_TOKEN }}
+          permission: write
+          dispatch-type: workflow
+          event-type-suffix: ""
+          commands: |
+            deploy
+          static-args: |
+            comment-id=${{ github.event.comment.id }}
+            event-number=${{ github.event.issue.number }}
+            ref=${{ fromJSON(steps.get-pr.outputs.result).head.ref }}
+      - name: Edit comment with error message
+        if: steps.scd.outputs.error-message
+        uses: peter-evans/create-or-update-comment@v1
+        with:
+          comment-id: ${{ github.event.comment.id }}
+          body: |
+            > ${{ steps.scd.outputs.error-message }}

styleguide/.github/workflows/deploy.yml

@@ -0,0 +1,120 @@
+name: Deploy Styleguide
+
+concurrency: deploy
+
+on:
+  push:
+    branches:
+      - main
+    paths:
+      - "src/**/*"
+      - "package.json"
+      - ".github/workflows/deploy.yml"
+      - "tsconfig.json"
+  workflow_dispatch:
+    inputs:
+      comment-id:
+        description: "The comment-id of the slash command"
+        required: true
+      event-number:
+        description: "The event-id of the slash command"
+        required: true
+
+permissions:
+  id-token: write
+  contents: read
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          persist-credentials: false
+          ref: ${{ github.ref }}
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          registry-url: "https://registry.npmjs.org"
+      - name: Cache pnpm modules
+        uses: actions/cache@v4
+        with:
+          path: ~/.pnpm-store
+          key: ${{ runner.os }}-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-
+      - uses: pnpm/action-setup@v2.1.0
+        with:
+          version: 9.0.6
+          run_install: true
+      - name: Metadata
+        id: metadata
+        run: echo "::set-output name=commit::$(git rev-parse HEAD)"
+      - name: Find Release Comment
+        uses: peter-evans/find-comment@v3
+        id: find_comment
+        if: ${{ github.ref != 'refs/heads/main' }}
+        with:
+          token: ${{ secrets.BOT_TOKEN }}
+          issue-number: ${{ github.event.inputs.event-number }}
+          comment-author: pythonitaliabot
+          body-includes: "Pre-release"
+      - name: Create or update comment
+        id: initial-comment
+        uses: peter-evans/create-or-update-comment@v4
+        if: ${{ github.ref != 'refs/heads/main' }}
+        with:
+          token: ${{ secrets.BOT_TOKEN }}
+          comment-id: ${{ steps.find_comment.outputs.comment-id }}
+          issue-number: ${{ github.event.inputs.event-number }}
+          body: |
+            # Pre-release
+            :wave:
+
+            Releasing commit [${{ steps.metadata.outputs.commit }}] to NPM as pre-release! :package:
+          edit-mode: replace
+      - name: Update version
+        if: ${{ github.ref == 'refs/heads/main' }}
+        run: pnpm version patch --no-git-tag-version
+      - name: Update to pre-release version
+        if: ${{ github.ref != 'refs/heads/main' }}
+        run: |
+          pnpm version patch --no-git-tag-version
+          new_version=$(node -e "console.log(require('./package.json').version);")
+          pnpm version $new_version-rc${{ steps.metadata.outputs.commit }} --no-git-tag-version
+      - name: Build & Publish
+        id: release
+        run: |
+          pnpm publish --tag ${{ fromJSON('["pr", "latest"]')[github.ref == 'refs/heads/main'] }} --no-git-checks
+          new_version=$(node -e "console.log(require('./package.json').version);")
+          echo "::set-output name=version::$new_version"
+      - name: Commit version
+        if: ${{ github.ref == 'refs/heads/main' }}
+        env:
+          GITHUB_TOKEN: ${{ secrets.BOT_TOKEN }}
+        run: |
+          new_version=$(node -e "console.log(require('./package.json').version);")
+
+          git remote set-url origin https://${{ secrets.BOT_TOKEN }}@github.com/${{ github.repository }}
+          git config user.name "Python Italia [bot]"
+          git config user.email "noreply@python.it"
+          git add package.json
+          git commit -m "🔨 Publish Styleguide v$new_version [skip ci]"
+          git push
+      - name: Create or update comment
+        uses: peter-evans/create-or-update-comment@v3
+        if: ${{ github.ref != 'refs/heads/main' }}
+        with:
+          token: ${{ secrets.BOT_TOKEN }}
+          comment-id: ${{ steps.initial-comment.outputs.comment-id }}
+          issue-number: ${{ github.event.inputs.event-number }}
+          body: |
+            # Pre-release
+            :wave:
+
+            Pre-release **${{ steps.release.outputs.version }}** [${{ steps.metadata.outputs.commit }}] has been released on NPM! :rocket:
+            You can try it by doing:
+            ```shell
+            pnpm add @python-italia/pycon-styleguide@${{ steps.release.outputs.version }}
+            ```
+          edit-mode: replace

styleguide/.gitignore

@@ -0,0 +1,3 @@
+node_modules/
+dist/
+storybook-static/

styleguide/.npmrc

@@ -0,0 +1,2 @@
+auto-install-peers = true
+

styleguide/.storybook/main.js

@@ -0,0 +1,35 @@
+const path = require("path");
+
+module.exports = {
+  stories: ["../src/**/*.stories.tsx"],
+  addons: [
+    "@storybook/addon-essentials",
+    {
+      name: "@storybook/addon-postcss",
+      options: {
+        postcssLoaderOptions: {
+          implementation: require("postcss"),
+        },
+      },
+    },
+  ],
+  webpackFinal: async (config) => {
+    config.module.rules.push({
+      test: /\.(ts|tsx)$/,
+      loader: require.resolve("babel-loader"),
+      options: {
+        presets: [["react-app", { flow: false, typescript: true }]],
+      },
+    });
+
+    config.module.rules.push({
+      test: /\.mjs$/,
+      include: /node_modules/,
+      type: "javascript/auto",
+    });
+
+    config.resolve.extensions.push(".ts", ".tsx", ".mjs");
+
+    return config;
+  },
+};

styleguide/.storybook/preview-head.html

@@ -0,0 +1 @@
+<link rel="stylesheet" href="https://use.typekit.net/mbr7dqb.css" />

styleguide/.storybook/preview.js

@@ -0,0 +1,16 @@
+import "../src/base.css";
+import "../src/custom.css";
+import {IntlProvider} from 'react-intl'
+
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  layout: "fullscreen",
+};
+
+export const decorators = [
+  (Story) => (
+    <IntlProvider locale="en" defaultLocale="en">
+      <Story />
+    </IntlProvider>
+  ),
+];

styleguide/.tool-versions

@@ -0,0 +1 @@
+nodejs 18.17.1