[feat] Add support for v1 and v2 in dev scripts (#112)

### TL;DR

Improved component build process and added support for v2 template structure.

### What changed?

- Added installation of the `build` package for PEP 517 support
- Reorganized replay files into v1 and v2 directories
- Added a new v2 template replay file for React + TypeScript components

### Why make this change?

The reorganization of replay files and addition of v2 template support prepares the codebase for the new component template structure, making it easier to maintain both v1 and v2 templates simultaneously.

Author: sfc-gh-bnisco

.github/actions/build_component_wheels/action.yaml

@@ -16,17 +16,21 @@ outputs:
 runs:
   using: 'composite'
   steps:
+    - name: Install build backend for PEP 517
+      working-directory: ${{ github.action_path }}/../../../
+      shell: bash
+      run: pip install build
+
     - name: Link develop version of streamlit-component-lib
       if: inputs.custom_streamlit_component_lib_file != ''
       working-directory: ${{ github.action_path }}/../../../
       shell: bash
       env:
         STREAMLIT_COMPONENT_LIB_FILE: ${{ inputs.custom_streamlit_component_lib_file }}
       run: |
-        find examples template template-reactless -name frontend -maxdepth 3 | while IFS= read -r line; do
+        find examples templates -maxdepth 5 -type d -name frontend -print0 | while IFS= read -r -d '' line; do
           (
-            cd "${line}";
-            npm install "${STREAMLIT_COMPONENT_LIB_FILE}"
+            cd "${line}" && npm install "${STREAMLIT_COMPONENT_LIB_FILE}"
           )
         done
 
@@ -44,8 +48,7 @@ runs:
       working-directory: ${{ github.action_path }}/../../../
       shell: bash
       run: |
-        find examples template template-reactless -maxdepth 3 -name '__init__.py' |\
-        xargs -n 1 sed -i 's/_RELEASE = False/_RELEASE = True/';
+        grep -Rl "_RELEASE = False" examples templates | xargs -r sed -i 's/_RELEASE = False/_RELEASE = True/';
         ./dev.py all-python-build-package
 
     - name: Set outputs

…hub/replay-files/template-reactless.json …/replay-files/v1/template-reactless.json.github/replay-files/template-reactless.json renamed to .github/replay-files/v1/template-reactless.json .github/replay-files/template-reactless.json renamed to .github/replay-files/v1/template-reactless.json

@@ -0,0 +1,12 @@
+{
+  "cookiecutter": {
+    "author_name": "John Smith",
+    "author_email": "[email protected]",
+    "project_name": "Streamlit Component X",
+    "package_name": "streamlit-custom-component",
+    "import_name": "my_component",
+    "description": "Streamlit component that allows you to do X",
+    "open_source_license": "MIT license",
+    "framework": "React + Typescript"
+  }
+}

.github/replay-files/template.json .github/replay-files/v1/template.json.github/replay-files/template.json renamed to .github/replay-files/v1/template.json

@@ -339,14 +339,19 @@ class CookiecutterVariant(typing.NamedTuple):
 
 COOKIECUTTER_VARIANTS = [
     CookiecutterVariant(
-        replay_file=THIS_DIRECTORY / ".github" / "replay-files" / "template.json",
+        replay_file=THIS_DIRECTORY
+        / ".github"
+        / "replay-files"
+        / "v1"
+        / "template.json",
         repo_directory=THIS_DIRECTORY / "templates" / "v1" / "template",
         cookiecutter_dir=THIS_DIRECTORY / "cookiecutter" / "v1",
     ),
     CookiecutterVariant(
         replay_file=THIS_DIRECTORY
         / ".github"
         / "replay-files"
+        / "v1"
         / "template-reactless.json",
         repo_directory=THIS_DIRECTORY / "templates" / "v1" / "template-reactless",
         cookiecutter_dir=THIS_DIRECTORY / "cookiecutter" / "v1",