playground component

Author: walker-tx

.eslintrc.cjs

@@ -1,3 +1,4 @@
+/.eslintcache
 /models
 /models/errors
 /types
@@ -17,4 +18,4 @@
 /.tshy-*
 /__tests__
 /.speakeasy/reports
-/react.*
+/react.*

.gitignore

@@ -7,7 +7,7 @@
 !/**/*.json
 !/**/*.map
 
-/.eslintrc.js
+/eslint.config.mjs
 /cjs
 /.tshy
 /.tshy-*

.npmignore

@@ -3,17 +3,17 @@ id: 521af75f-d011-41f9-a5ff-9f8033773118
 management:
   docChecksum: a16089f06495dd5f7de1f5121d72ec45
   docVersion: 0.4.0
-  speakeasyVersion: 1.469.1
-  generationVersion: 2.493.21
-  releaseVersion: 2.1.5
-  configChecksum: 04582a1dd2d7ea07d7682cb354d2593a
+  speakeasyVersion: 1.484.1
+  generationVersion: 2.503.2
+  releaseVersion: 2.1.6
+  configChecksum: 21f134167daabccf2f501cd418de0227
   repoURL: https://github.com/speakeasy-api/speakeasy-code-samples-ts.git
   installationURL: https://github.com/speakeasy-api/speakeasy-code-samples-ts
   published: true
 features:
   typescript:
     additionalDependencies: 0.1.0
-    core: 3.18.16
+    core: 3.18.22
     deepObjectParams: 0.1.0
     defaultEnabledRetries: 0.1.0
     devContainers: 2.90.0
@@ -23,7 +23,7 @@ features:
     globalSecurityCallbacks: 0.1.0
     globalSecurityFlattening: 0.1.0
     globalServerURLs: 2.82.4
-    globals: 2.82.1
+    globals: 2.82.2
     groups: 2.81.2
     nameOverrides: 2.81.2
     reactQueryHooks: 0.2.2
@@ -35,7 +35,6 @@ generatedFiles:
   - .devcontainer/README.md
   - .devcontainer/devcontainer.json
   - .devcontainer/setup.sh
-  - .eslintrc.cjs
   - .gitattributes
   - .npmignore
   - FUNCTIONS.md
@@ -53,6 +52,7 @@ generatedFiles:
   - docs/models/operations/methodpaths.md
   - docs/sdks/codesamples/README.md
   - docs/sdks/speakeasycodesamples/README.md
+  - eslint.config.mjs
   - jsr.json
   - package.json
   - src/core.ts
@@ -106,15 +106,6 @@ generatedFiles:
   - tsconfig.json
 examples:
   getCodeSamples:
-    speakeasy-default-get-code-samples:
-      parameters:
-        query:
-          registry_url: "https://spec.speakeasy.com/org/ws/my-source"
-      responses:
-        2XX:
-          application/json: {"snippets": [{"operationId": "<id>", "language": "<value>", "code": "<value>"}, {"operationId": "<id>", "language": "<value>", "code": "<value>"}]}
-        4XX:
-          application/json: {"message": "<value>", "status_code": 558834}
     "":
       parameters:
         query:
@@ -124,42 +115,9 @@ examples:
           languages: ["python", "javascript"]
       responses:
         2XX:
-          application/json: {"snippets": [{"path": "/usr/bin", "method": "<value>", "operationId": "<id>", "language": "<value>", "code": "<value>"}, {"path": "/sbin", "method": "<value>", "operationId": "<id>", "language": "<value>", "code": "<value>"}]}
-        4XX:
-          application/json: {"message": "<value>", "status_code": 558834}
-    python:
-      parameters:
-        query:
-          registry_url: "https://spec.speakeasy.com/org/ws/my-source"
-          operation_ids: ["getPetById"]
-          languages: ["python"]
-      responses:
-        2XX:
-          application/json: {"snippets": [{"operationId": "<id>", "language": "<value>", "code": "<value>"}, {"operationId": "<id>", "language": "<value>", "code": "<value>"}]}
+          application/json: {"snippets": [{"path": "/sbin", "method": "<value>", "operationId": "<id>", "language": "<value>", "code": "<value>"}, {"path": "/root", "method": "<value>", "operationId": "<id>", "language": "<value>", "code": "<value>"}]}
         4XX:
           application/json: {"message": "<value>", "status_code": 521235}
-    typescript:
-      parameters:
-        query:
-          registry_url: "https://spec.speakeasy.com/org/ws/my-source"
-          operation_ids: ["getPetById"]
-          languages: ["typescript"]
-      responses:
-        2XX:
-          application/json: {"snippets": [{"operationId": "<id>", "language": "<value>", "code": "<value>"}, {"operationId": "<id>", "language": "<value>", "code": "<value>"}, {"operationId": "<id>", "language": "<value>", "code": "<value>"}]}
-        4XX:
-          application/json: {"message": "<value>", "status_code": 458049}
-    java:
-      parameters:
-        query:
-          registry_url: "https://spec.speakeasy.com/org/ws/my-source"
-          operation_ids: ["getPetById"]
-          languages: ["java"]
-      responses:
-        2XX:
-          application/json: {"snippets": [{"operationId": "<id>", "language": "<value>", "code": "<value>"}]}
-        4XX:
-          application/json: {"message": "<value>", "status_code": 262795}
     default:
       parameters:
         query:
@@ -170,4 +128,5 @@ examples:
       responses:
         2XX:
           application/json: {"snippets": [{"path": "/pet/{id}", "method": "get", "operationId": "getPetById", "language": "typescript", "code": "import { Petstore } from \"petstore-sdk\";\n\nconst petstore = new Petstore({\n  apiKey: \"<YOUR_API_KEY_HERE>\",\n});\n\nasync function run() {\n  const result = await petstore.pet.getById({\n    id: 137396,\n  });\n\n  // Handle the result\n  console.log(result);\n}\n\nrun();"}]}
+examplesVersion: 1.0.0
 generatedTests: {}

.speakeasy/gen.lock

@@ -16,9 +16,10 @@ generation:
     oAuth2ClientCredentialsEnabled: false
     oAuth2PasswordEnabled: false
 typescript:
-  version: 2.1.5
+  version: 2.1.6
   additionalDependencies:
-    dependencies: {}
+    dependencies:
+      '@speakeasy-api/moonshine': ^0.69.0
     devDependencies: {}
     peerDependencies:
       highlight.js: ^11.11.1
@@ -42,7 +43,7 @@ typescript:
   inputModelSuffix: input
   maxMethodParams: 1
   methodArguments: require-security-and-request
-  moduleFormat: esm
+  moduleFormat: dual
   outputModelSuffix: output
   packageName: '@speakeasyapi/code-samples'
   responseFormat: flat

.speakeasy/gen.yaml

@@ -1,8 +1,8 @@
-speakeasyVersion: 1.469.1
+speakeasyVersion: 1.484.1
 sources:
     speakeasy-OAS:
         sourceNamespace: speakeasy-oas
-        sourceRevisionDigest: sha256:a284a288efce8e30ca155f36afa6d57032371ebf0ee011be67935518d5f6ed0e
+        sourceRevisionDigest: sha256:67db66bfe8bee7caf24220f613e60760c90e0a7fe721b9f70d46e584d61a8d79
         sourceBlobDigest: sha256:63701f5ff26c0ac6e0ea6e314b9dc7bf7063bf75b72a16206b62050baf740623
         tags:
             - latest
@@ -11,10 +11,8 @@ targets:
     code_samples_typescript_sdk:
         source: speakeasy-OAS
         sourceNamespace: speakeasy-oas
-        sourceRevisionDigest: sha256:a284a288efce8e30ca155f36afa6d57032371ebf0ee011be67935518d5f6ed0e
+        sourceRevisionDigest: sha256:67db66bfe8bee7caf24220f613e60760c90e0a7fe721b9f70d46e584d61a8d79
         sourceBlobDigest: sha256:63701f5ff26c0ac6e0ea6e314b9dc7bf7063bf75b72a16206b62050baf740623
-        codeSamplesNamespace: speakeasy-oas-typescript-code-samples
-        codeSamplesRevisionDigest: sha256:0aedfcea07baf7ac910025bd5491f555d24eba851d90db84232eef11a8167b26
 workflow:
     workflowVersion: 1.0.0
     speakeasyVersion: latest

.speakeasy/workflow.lock

@@ -87,8 +87,7 @@ yarn add @tanstack/react-query react react-dom
 ```
 
 > [!NOTE]
-> This package is published as an ES Module (ESM) only. For applications using
-> CommonJS, use `await import("@speakeasyapi/code-samples")` to import and use this package.
+> This package is published with CommonJS and ES Modules (ESM) support.
 <!-- End SDK Installation [installation] -->
 
 <!-- Start Requirements [requirements] -->
@@ -140,8 +139,8 @@ run();
 ### React Component
 
 This library includes a React component that fetches and highlights code
-snippets using `highlight.js`. Along with displaying the snippet, it shows a loading state during
-fetching and provides a fallback view if an error occurs.
+snippets using `highlight.js`. Along with displaying the snippet, it shows a
+loading state during fetching and provides a fallback view if an error occurs.
 
 ```tsx
 import { SpeakeasyCodeSamplesCore } from "@speakeasyapi/code-samples/core";

README.md

@@ -0,0 +1,21 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import tseslint from "typescript-eslint";
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+  { files: ["**/*.{js,mjs,cjs,ts}"] },
+  { languageOptions: { globals: globals.browser } },
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  {
+    rules: {
+      "no-constant-condition": "off",
+      // Handled by typescript compiler
+      "@typescript-eslint/no-unused-vars": "off",
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-empty-object-type": "off",
+      "@typescript-eslint/no-namespace": "off",
+    },
+  },
+];

eslint.config.mjs

@@ -0,0 +1,3 @@
+
+VITE_SPEAKEASY_REGISTRY_URL=https://spec.speakeasy.com/walker/esv/esv-org-api-with-code-samples
+VITE_SPEAKEASY_API_KEY=eyJpZCI6ImNtNnI5NXM2MDAwMDAyZTdvbmY5bWpodXkiLCJuYW1lIjoiY29kZS1zYW1wbGUtc2RrLWV4YW1wbGUiLCJ3b3Jrc3BhY2VJZCI6ImNtNm5zbWNueDAwMDAyZTc4MHF6dmxhZWUiLCJjcmVhdGVkQXQiOiIyMDI1LTAyLTA1VDAxOjUxOjE3LjIwOFoiLCJhbGciOiJTSEFSRURfU0VDUkVUIiwic2VjcmV0IjoiWldrbE1rTWxRelVsUVRFbFF6SWxRallsUXpNbE9FVWxSVElsT0RBbE9Ua2xRek1sUVVOc1ZUQWxSVElsT0RBbE9VTXhKVU16SlRnM0pVTXpKVGd4SlRFMWVYb2xRek1sT0RjbFF6TWxPVEUySlVNMUpVSTRKVU16SlRrNWVpVkROU1ZDUkNVd1JDMGxReklsUVROeEpUZENKVEE1TFhBbE1UVWxNVVFsUXpNbE9FVWxOREFsUlRJbE9EQWxPVVFsUXpJbFFVRWxRek1sT1VZbFF6VWxRVEVvSlVNeUpVRkdXVk5RWmpnbFF6TWxRVVFsTURVbFF6VWxRa1FsUXpNbFFVWWxReklsUWtNbFF6TWxRVVpZVUVVbFF6TWxRVVlsUXpVbE9USWxReklsT1RBbFF6SWxRa0VsTVRNbFF6SWxRa1VsTURNPSIsImNyZWF0ZWRCeSI6IjhjMjRkMTNmLThhMjQtNGIyNC1hOGZlLTQyODVmOTA3MTY2MyJ9

example/.env

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?