[BEAM-13101] [Playground] load examples using the api

[ElessarST]

Update examples to work with the API instead of using mocks
https://issues.apache.org/jira/browse/BEAM-13101
Depends on the implementation #15957

---

Thank you for your contribution! Follow this checklist to help us incorporate your contribution quickly and easily:

• Choose reviewer(s) and mention them in a comment (R: @username).
• Format the pull request title like [BEAM-XXX] Fixes bug in ApproximateQuantiles, where you replace BEAM-XXX with the appropriate JIRA issue, if applicable. This will automatically link the pull request to the issue.
• Update CHANGES.md with noteworthy changes.
• If this contribution is large, please file an Apache Individual Contributor License Agreement.

See the Contributor Guide for more tips on how to make review process smoother.

ValidatesRunner compliance status (on master branch)

Lang	ULR	Dataflow	Flink	Samza	Spark	Twister2
Go	---					---
Java
Python	---					---
XLang						---

Examples testing status on various runners

Lang	ULR	Dataflow	Flink	Samza	Spark	Twister2
Go	---	---	---	---	---	---	---
Java	---		---	---	---	---	---
Python	---	---	---	---	---	---	---
XLang	---	---	---	---	---	---	---

Post-Commit SDK/Transform Integration Tests Status (on master branch)

Go	Java	Python

Pre-Commit Tests Status (on master branch)

---	Java	Python	Go	Website	Whitespace	Typescript
Non-portable
Portable	---			---	---	---

See .test-infra/jenkins/README for trigger phrase, status and link of all Jenkins jobs.

GitHub Actions Tests Status (on master branch)

See CI.md for more information about GitHub Actions CI.

[ElessarST]

R: @damondouglas

cc: @pabloem

[damondouglas]

@ElessarST did ./gradlew playgroundPrecommit give you the same error output as I saw?

Task :playground:frontend:analyze
Analyzing ....

  error - test/pages/playground/states/example_selector_state_test.dart:28:8 - Target of URI doesn't exist: 'example_selector_state_test.mocks.dart'. Try creating the file referenced by the URI, or Try using a URI for a file that does exist. - uri_does_not_exist
  error - test/pages/playground/states/example_selector_state_test.dart:32:30 - The function 'MockExampleClient' isn't defined. Try importing the library that defines 'MockExampleClient', correcting the name to the name of an existing function, or defining a function named 'MockExampleClient'. - undefined_function

[ElessarST]

@ElessarST did ./gradlew playgroundPrecommit give you the same error output as I saw?

Task :playground:frontend:analyze
Analyzing ....

  error - test/pages/playground/states/example_selector_state_test.dart:28:8 - Target of URI doesn't exist: 'example_selector_state_test.mocks.dart'. Try creating the file referenced by the URI, or Try using a URI for a file that does exist. - uri_does_not_exist
  error - test/pages/playground/states/example_selector_state_test.dart:32:30 - The function 'MockExampleClient' isn't defined. Try importing the library that defines 'MockExampleClient', correcting the name to the name of an existing function, or defining a function named 'MockExampleClient'. - undefined_function

@damondouglas sorry, one file was not pushed

[damondouglas]

Hello @ElessarST thank you for all this work. When I run buf lint in the beam/playground directory, I receive the following output. Did we want to follow its recommendation?

api/v1/api.proto:49:3:Enum value name "EXAMPLE" should be prefixed with "PRECOMPILED_OBJECT_TYPE_".
api/v1/api.proto:49:3:Enum zero value name "EXAMPLE" should be suffixed with "_UNSPECIFIED".
api/v1/api.proto:50:3:Enum value name "KATA" should be prefixed with "PRECOMPILED_OBJECT_TYPE_".
api/v1/api.proto:51:3:Enum value name "UNIT_TEST" should be prefixed with "PRECOMPILED_OBJECT_TYPE_".
api/v1/api.proto:164:3:".api.v1.GetRunOutputResponse" is used as the request or response type for multiple RPCs.
api/v1/api.proto:179:3:".api.v1.GetPrecompiledObjectRequest" is used as the request or response type for multiple RPCs.
api/v1/api.proto:179:32:RPC request type "GetPrecompiledObjectRequest" should be named "GetPrecompiledObjectCodeRequest" or "PlaygroundServiceGetPrecompiledObjectCodeRequest".
api/v1/api.proto:182:3:".api.v1.GetPrecompiledObjectRequest" is used as the request or response type for multiple RPCs.
api/v1/api.proto:182:3:".api.v1.GetRunOutputResponse" is used as the request or response type for multiple RPCs.
api/v1/api.proto:182:34:RPC request type "GetPrecompiledObjectRequest" should be named "GetPrecompiledObjectOutputRequest" or "PlaygroundServiceGetPrecompiledObjectOutputRequest".
api/v1/api.proto:182:72:RPC response type "GetRunOutputResponse" should be named "GetPrecompiledObjectOutputResponse" or "PlaygroundServiceGetPrecompiledObjectOutputResponse".

[miamihotline]

Hello @damondouglas, thank you for the suggestion, I fixed this issue, please review this PR again

[damondouglas]

@pabloem LGTM