Hu-Fi / Mr.Market

Mr. Market is the exchange oracle of HuFi, and a CeFi crypto bot on Mixin Messenger
https://mr-market-one.vercel.app
GNU Affero General Public License v3.0
1 stars 6 forks source link

Add load constants from .env for frontend #47

Closed zed-wong closed 7 months ago

zed-wong commented 7 months ago

Type

enhancement


Description


Changes walkthrough

Relevant files
Enhancement
constants.ts
Load Constants from Environment Variables for Flexibility

interface/src/lib/helpers/constants.ts
  • Constants now load from .env variables, providing flexibility for
    different environments.
  • Default values are provided if .env variables are not set, ensuring
    backward compatibility.
  • Application name and URLs updated to reflect new branding.
  • +16/-16 
    Configuration changes
    .env.example
    Example Environment Variables for Configuration                   

    interface/.env.example - Added example environment variables for application configuration.
    +9/-0     
    tsconfig.json
    TypeScript Configuration Update                                                   

    interface/tsconfig.json
  • Updated TypeScript configuration to include .svelte-kit/ambient.d.ts.
  • +1/-1     

    PR-Agent usage: Comment /help on the PR to get a list of all available PR-Agent tools and their descriptions

    vercel[bot] commented 7 months ago

    The latest updates on your projects. Learn more about Vercel for Git ↗︎

    Name Status Preview Comments Updated (UTC)
    mr-market ✅ Ready (Inspect) Visit Preview 💬 Add feedback Mar 9, 2024 3:51pm
    mr-market-back ✅ Ready (Inspect) Visit Preview Mar 9, 2024 3:51pm
    mr-market-backend-tester ✅ Ready (Inspect) Visit Preview Mar 9, 2024 3:51pm
    github-actions[bot] commented 7 months ago

    PR Description updated to latest commit (https://github.com/Hu-Fi/Mr.Market/commit/370b866ddd990a8c35f9fdd0fc01acebdb5063fc)

    github-actions[bot] commented 7 months ago

    PR Review

    ⏱️ Estimated effort to review [1-5] 2, because the changes are straightforward and involve loading constants from environment variables, which is a common practice. The PR is well-organized, making it easier to understand the impact of the changes.
    🧪 Relevant tests No
    🔍 Possible issues Type Coercion Issue: The use of `||` for default values with `PUBLIC_SHOW_BAR` may lead to unexpected behavior if `PUBLIC_SHOW_BAR` is set to a falsy value that is intended to be used (e.g., `false`). This is because `||` will return the right-hand operand if the left-hand operand is any falsy value, not just `undefined` or `null`.
    🔒 Security concerns No
    Code feedback:
    relevant fileinterface/src/lib/helpers/constants.ts
    suggestion       Consider using a more explicit check for `undefined` when assigning default values to ensure that falsy values like `false` are correctly handled. This is particularly important for boolean environment variables. Example: `export const SHOW_BAR = typeof PUBLIC_SHOW_BAR !== 'undefined' ? PUBLIC_SHOW_BAR : true;` [important]
    relevant lineexport const SHOW_BAR = PUBLIC_SHOW_BAR || true

    relevant fileinterface/.env.example
    suggestion       Ensure to document the expected value types for each environment variable in `.env.example` or in accompanying documentation, especially for variables like `PUBLIC_SHOW_BAR` where a boolean is expected. This helps in avoiding configuration errors. [medium]
    relevant linePUBLIC_SHOW_BAR=''

    relevant fileinterface/src/lib/helpers/constants.ts
    suggestion       For better type safety and clarity, explicitly parse environment variables to their expected types. For boolean variables, this could involve a utility function that parses `'true'` or `'false'` strings to their boolean counterparts. [medium]
    relevant lineexport const SHOW_BAR = PUBLIC_SHOW_BAR || true

    relevant fileinterface/tsconfig.json
    suggestion       Verify that the addition of `.svelte-kit/ambient.d.ts` to the `include` array in `tsconfig.json` is necessary and correctly references existing types. If this file is not present or not required, its inclusion could lead to confusion or errors during compilation. [medium]
    relevant line"include": ["src/**/*.d.ts", "src/**/*.ts", "src/**/*.js", "src/**/*.svelte", ".svelte-kit/ambient.d.ts"],


    ✨ Review tool usage guide:
    **Overview:** The `review` tool scans the PR code changes, and generates a PR review. The tool can be triggered [automatically](https://github.com/Codium-ai/pr-agent/blob/main/Usage.md#github-app-automatic-tools) every time a new PR is opened, or can be invoked manually by commenting on any PR. When commenting, to edit [configurations](https://github.com/Codium-ai/pr-agent/blob/main/pr_agent/settings/configuration.toml#L19) related to the review tool (`pr_reviewer` section), use the following template: ``` /review --pr_reviewer.some_config1=... --pr_reviewer.some_config2=... ``` With a [configuration file](https://github.com/Codium-ai/pr-agent/blob/main/Usage.md#working-with-github-app), use the following template: ``` [pr_reviewer] some_config1=... some_config2=... ```
    Utilizing extra instructions
    The `review` tool can be configured with extra instructions, which can be used to guide the model to a feedback tailored to the needs of your project. Be specific, clear, and concise in the instructions. With extra instructions, you are the prompter. Specify the relevant sub-tool, and the relevant aspects of the PR that you want to emphasize. Examples for extra instructions: ``` [pr_reviewer] # /review # extra_instructions=""" In the 'possible issues' section, emphasize the following: - Does the code logic cover relevant edge cases? - Is the code logic clear and easy to understand? - Is the code logic efficient? ... """ ``` Use triple quotes to write multi-line instructions. Use bullet points to make the instructions more readable.
    How to enable\disable automation
    - When you first install PR-Agent app, the [default mode](https://github.com/Codium-ai/pr-agent/blob/main/Usage.md#github-app-automatic-tools) for the `review` tool is: ``` pr_commands = ["/review", ...] ``` meaning the `review` tool will run automatically on every PR, with the default configuration. Edit this field to enable/disable the tool, or to change the used configurations
    Auto-labels
    The `review` tool can auto-generate two specific types of labels for a PR: - a `possible security issue` label, that detects possible [security issues](https://github.com/Codium-ai/pr-agent/blob/tr/user_description/pr_agent/settings/pr_reviewer_prompts.toml#L136) (`enable_review_labels_security` flag) - a `Review effort [1-5]: x` label, where x is the estimated effort to review the PR (`enable_review_labels_effort` flag)
    Extra sub-tools
    The `review` tool provides a collection of possible feedbacks about a PR. It is recommended to review the [possible options](https://github.com/Codium-ai/pr-agent/blob/main/docs/REVIEW.md#enabledisable-features), and choose the ones relevant for your use case. Some of the feature that are disabled by default are quite useful, and should be considered for enabling. For example: `require_score_review`, `require_soc2_ticket`, and more.
    Auto-approve PRs
    By invoking: ``` /review auto_approve ``` The tool will automatically approve the PR, and add a comment with the approval. To ensure safety, the auto-approval feature is disabled by default. To enable auto-approval, you need to actively set in a pre-defined configuration file the following: ``` [pr_reviewer] enable_auto_approval = true ``` (this specific flag cannot be set with a command line argument, only in the configuration file, committed to the repository) You can also enable auto-approval only if the PR meets certain requirements, such as that the `estimated_review_effort` is equal or below a certain threshold, by adjusting the flag: ``` [pr_reviewer] maximal_review_effort = 5 ```
    More PR-Agent commands
    > To invoke the PR-Agent, add a comment using one of the following commands: > - **/review**: Request a review of your Pull Request. > - **/describe**: Update the PR title and description based on the contents of the PR. > - **/improve [--extended]**: Suggest code improvements. Extended mode provides a higher quality feedback. > - **/ask \**: Ask a question about the PR. > - **/update_changelog**: Update the changelog based on the PR's contents. > - **/add_docs** 💎: Generate docstring for new components introduced in the PR. > - **/generate_labels** 💎: Generate labels for the PR based on the PR's contents. > - **/analyze** 💎: Automatically analyzes the PR, and presents changes walkthrough for each component. >See the [tools guide](https://github.com/Codium-ai/pr-agent/blob/main/docs/TOOLS_GUIDE.md) for more details. >To list the possible configuration parameters, add a **/config** comment.
    See the [review usage](https://github.com/Codium-ai/pr-agent/blob/main/docs/REVIEW.md) page for a comprehensive guide on using this tool.
    github-actions[bot] commented 7 months ago

    PR Code Suggestions

    CategorySuggestions                                                                                                                                                       
    Possible issue
    Fix logical OR operator usage with boolean environment variables. ___ **The logical OR operator (||) does not work as expected with boolean environment variables.
    Since environment variables are strings, PUBLIC_SHOW_BAR || true will always evaluate to
    true, even if PUBLIC_SHOW_BAR is set to a falsified string value. Consider explicitly
    checking for the string 'true'.** [interface/src/lib/helpers/constants.ts [7]](https://github.com/Hu-Fi/Mr.Market/pull/47/files#diff-1d9500711f0f58654b9e0e95aa0e7fdc798a0b74f1c2310b09e52123e52d6bf2R7-R7) ```diff -export const SHOW_BAR = PUBLIC_SHOW_BAR || true +export const SHOW_BAR = PUBLIC_SHOW_BAR === 'true' || true ```
    Best practice
    Parse numeric environment variables explicitly to numbers. ___ **To ensure type safety and avoid runtime errors, consider parsing numeric environment
    variables explicitly to numbers using parseInt or parseFloat, as environment variables are
    always strings.** [interface/src/lib/helpers/constants.ts [51]](https://github.com/Hu-Fi/Mr.Market/pull/47/files#diff-1d9500711f0f58654b9e0e95aa0e7fdc798a0b74f1c2310b09e52123e52d6bf2R51-R51) ```diff -export const LIMIT_ORDERBOOK_HALF_LENGTH = LIMIT_ORDERBOOK_LENGTH / 2 +export const LIMIT_ORDERBOOK_HALF_LENGTH = parseInt(LIMIT_ORDERBOOK_LENGTH, 10) / 2 ```
    Add comments to .env.example to describe environment variables. ___ **It's a good practice to provide comments or documentation within the .env.example file to
    describe each environment variable's purpose and possible values, especially for boolean
    or enumerated values. This documentation can significantly aid in the configuration
    process for new developers or when setting up new environments.** [interface/.env.example [1-2]](https://github.com/Hu-Fi/Mr.Market/pull/47/files#diff-9fdde59ec2367f806aa977eff22f49e6354f4d191ec19836d19497775efd1384R1-R2) ```diff +# Base URL of the application PUBLIC_APP_URL='' +# Set to 'true' to show the bar, any other value disables it +PUBLIC_SHOW_BAR='' ```
    Enhancement
    Adjust or document the fallback value for boolean environment variables. ___ **The fallback value for PUBLIC_SHOW_BAR is always true, which might not be the intended
    behavior if you want to allow disabling it through environment variables. Consider
    adjusting the fallback mechanism or documenting this behavior.** [interface/src/lib/helpers/constants.ts [7]](https://github.com/Hu-Fi/Mr.Market/pull/47/files#diff-1d9500711f0f58654b9e0e95aa0e7fdc798a0b74f1c2310b09e52123e52d6bf2R7-R7) ```diff -export const SHOW_BAR = PUBLIC_SHOW_BAR || true +export const SHOW_BAR = PUBLIC_SHOW_BAR === 'true' ? true : false ```
    Maintainability
    Use an enum or constant object for CoinsTypeTabs values. ___ **For better maintainability and to avoid magic strings, consider creating an enum or
    constant object for CoinsTypeTabs values. This approach helps centralize the management of
    these values and makes the codebase more robust to changes.** [interface/src/lib/helpers/constants.ts [63]](https://github.com/Hu-Fi/Mr.Market/pull/47/files#diff-1d9500711f0f58654b9e0e95aa0e7fdc798a0b74f1c2310b09e52123e52d6bf2R63-R63) ```diff -export const CoinsTypeTabs = ["favorites", "all", "mainstream", "layer1", "layer2", "inscription", "ai", "meme", "defi", "game_fi", "nft"] +export enum CoinType { + Favorites = "favorites", + All = "all", + Mainstream = "mainstream", + Layer1 = "layer1", + Layer2 = "layer2", + Inscription = "inscription", + AI = "ai", + Meme = "meme", + DeFi = "defi", + GameFi = "game_fi", + NFT = "nft" +} +export const CoinsTypeTabs = Object.values(CoinType) ```

    ✨ Improve tool usage guide:
    **Overview:** The `improve` tool scans the PR code changes, and automatically generates suggestions for improving the PR code. The tool can be triggered [automatically](https://github.com/Codium-ai/pr-agent/blob/main/Usage.md#github-app-automatic-tools) every time a new PR is opened, or can be invoked manually by commenting on a PR. When commenting, to edit [configurations](https://github.com/Codium-ai/pr-agent/blob/main/pr_agent/settings/configuration.toml#L69) related to the improve tool (`pr_code_suggestions` section), use the following template: ``` /improve --pr_code_suggestions.some_config1=... --pr_code_suggestions.some_config2=... ``` With a [configuration file](https://github.com/Codium-ai/pr-agent/blob/main/Usage.md#working-with-github-app), use the following template: ``` [pr_code_suggestions] some_config1=... some_config2=... ```
    Enabling\disabling automation
    When you first install the app, the [default mode](https://github.com/Codium-ai/pr-agent/blob/main/Usage.md#github-app-automatic-tools) for the improve tool is: ``` pr_commands = ["/improve --pr_code_suggestions.summarize=true", ...] ``` meaning the `improve` tool will run automatically on every PR, with summarization enabled. Delete this line to disable the tool from running automatically.
    Utilizing extra instructions
    Extra instructions are very important for the `improve` tool, since they enable to guide the model to suggestions that are more relevant to the specific needs of the project. Be specific, clear, and concise in the instructions. With extra instructions, you are the prompter. Specify relevant aspects that you want the model to focus on. Examples for extra instructions: ``` [pr_code_suggestions] # /improve # extra_instructions=""" Emphasize the following aspects: - Does the code logic cover relevant edge cases? - Is the code logic clear and easy to understand? - Is the code logic efficient? ... """ ``` Use triple quotes to write multi-line instructions. Use bullet points to make the instructions more readable.
    A note on code suggestions quality
    - While the current AI for code is getting better and better (GPT-4), it's not flawless. Not all the suggestions will be perfect, and a user should not accept all of them automatically. - Suggestions are not meant to be simplistic. Instead, they aim to give deep feedback and raise questions, ideas and thoughts to the user, who can then use his judgment, experience, and understanding of the code base. - Recommended to use the 'extra_instructions' field to guide the model to suggestions that are more relevant to the specific needs of the project, or use the [custom suggestions :gem:](https://github.com/Codium-ai/pr-agent/blob/main/docs/CUSTOM_SUGGESTIONS.md) tool - With large PRs, best quality will be obtained by using 'improve --extended' mode.
    More PR-Agent commands
    > To invoke the PR-Agent, add a comment using one of the following commands: > - **/review**: Request a review of your Pull Request. > - **/describe**: Update the PR title and description based on the contents of the PR. > - **/improve [--extended]**: Suggest code improvements. Extended mode provides a higher quality feedback. > - **/ask \**: Ask a question about the PR. > - **/update_changelog**: Update the changelog based on the PR's contents. > - **/add_docs** 💎: Generate docstring for new components introduced in the PR. > - **/generate_labels** 💎: Generate labels for the PR based on the PR's contents. > - **/analyze** 💎: Automatically analyzes the PR, and presents changes walkthrough for each component. >See the [tools guide](https://github.com/Codium-ai/pr-agent/blob/main/docs/TOOLS_GUIDE.md) for more details. >To list the possible configuration parameters, add a **/config** comment.
    See the [improve usage](https://github.com/Codium-ai/pr-agent/blob/main/docs/IMPROVE.md) page for a more comprehensive guide on using this tool.