Merge pull request #19 from speakeasy-api/fix/remove-moonshine-dep

Fix/remove moonshine dep

Author: walker-tx

.speakeasy/gen.lock

@@ -3,23 +3,23 @@ id: 521af75f-d011-41f9-a5ff-9f8033773118
 management:
   docChecksum: a16089f06495dd5f7de1f5121d72ec45
   docVersion: 0.4.0
-  speakeasyVersion: 1.484.1
-  generationVersion: 2.503.2
-  releaseVersion: 2.1.6
-  configChecksum: 21f134167daabccf2f501cd418de0227
+  speakeasyVersion: 1.495.1
+  generationVersion: 2.515.4
+  releaseVersion: 2.2.6
+  configChecksum: a4ff9835698013bb8c7bb828a7e2be76
   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.22
+    core: 3.20.0
     deepObjectParams: 0.1.0
     defaultEnabledRetries: 0.1.0
     devContainers: 2.90.0
     enumUnions: 0.1.0
     envVarSecurityUsage: 0.1.2
-    globalSecurity: 2.82.12
+    globalSecurity: 2.82.13
     globalSecurityCallbacks: 0.1.0
     globalSecurityFlattening: 0.1.0
     globalServerURLs: 2.82.4
@@ -95,6 +95,7 @@ generatedFiles:
   - src/sdk/codesamples.ts
   - src/sdk/index.ts
   - src/sdk/sdk.ts
+  - src/types/async.ts
   - src/types/blobs.ts
   - src/types/constdatetime.ts
   - src/types/enums.ts
@@ -115,7 +116,7 @@ examples:
           languages: ["python", "javascript"]
       responses:
         2XX:
-          application/json: {"snippets": [{"path": "/sbin", "method": "<value>", "operationId": "<id>", "language": "<value>", "code": "<value>"}, {"path": "/root", "method": "<value>", "operationId": "<id>", "language": "<value>", "code": "<value>"}]}
+          application/json: {"snippets": [{"path": "/sbin", "method": "<value>", "operationId": "<id>", "language": "php,", "code": "<value>"}, {"path": "/root", "method": "<value>", "operationId": "<id>", "language": "unity,", "code": "<value>"}]}
         4XX:
           application/json: {"message": "<value>", "status_code": 521235}
     default:

.speakeasy/gen.yaml

@@ -9,20 +9,23 @@ generation:
     optionalPropertyRendering: withExample
   useClassNamesForArrayFields: true
   fixes:
-    nameResolutionDec2023: false
+    nameResolutionFeb2025: false
     parameterOrderingFeb2024: false
     requestResponseComponentNamesFeb2024: false
+    securityFeb2025: false
   auth:
     oAuth2ClientCredentialsEnabled: false
     oAuth2PasswordEnabled: false
 typescript:
-  version: 2.1.6
+  version: 2.2.6
   additionalDependencies:
     dependencies:
-      '@speakeasy-api/moonshine': ^0.69.0
-    devDependencies: {}
-    peerDependencies:
-      highlight.js: ^11.11.1
+      '@emotion/css': ^11.13.5
+      codehike: ^1.0.4
+      motion: ^12.4.7
+    devDependencies:
+      '@types/react': ^18.3.18
+    peerDependencies: {}
   additionalPackageJSON: {}
   author: Speakeasy
   clientServerStatusCodesAsErrors: true
@@ -43,7 +46,7 @@ typescript:
   inputModelSuffix: input
   maxMethodParams: 1
   methodArguments: require-security-and-request
-  moduleFormat: dual
+  moduleFormat: esm
   outputModelSuffix: output
   packageName: '@speakeasyapi/code-samples'
   responseFormat: flat

.speakeasy/workflow.lock

@@ -1,18 +1,20 @@
-speakeasyVersion: 1.484.1
+speakeasyVersion: 1.495.1
 sources:
     speakeasy-OAS:
         sourceNamespace: speakeasy-oas
-        sourceRevisionDigest: sha256:67db66bfe8bee7caf24220f613e60760c90e0a7fe721b9f70d46e584d61a8d79
-        sourceBlobDigest: sha256:63701f5ff26c0ac6e0ea6e314b9dc7bf7063bf75b72a16206b62050baf740623
+        sourceRevisionDigest: sha256:e536544d55620a79d50578204eb81fba11c6c419701bba423d897f2418d40a2d
+        sourceBlobDigest: sha256:74092062b98c511fb2035986fe307d2d5de39443dac827b7bdddb853268f768c
         tags:
             - latest
             - 0.4.0
 targets:
     code_samples_typescript_sdk:
         source: speakeasy-OAS
         sourceNamespace: speakeasy-oas
-        sourceRevisionDigest: sha256:67db66bfe8bee7caf24220f613e60760c90e0a7fe721b9f70d46e584d61a8d79
-        sourceBlobDigest: sha256:63701f5ff26c0ac6e0ea6e314b9dc7bf7063bf75b72a16206b62050baf740623
+        sourceRevisionDigest: sha256:e536544d55620a79d50578204eb81fba11c6c419701bba423d897f2418d40a2d
+        sourceBlobDigest: sha256:74092062b98c511fb2035986fe307d2d5de39443dac827b7bdddb853268f768c
+        codeSamplesNamespace: speakeasy-oas-typescript-code-samples
+        codeSamplesRevisionDigest: sha256:3a52773bea327c93e288622e24477f9c093cebab089f6e48ca84594db21a43e6
 workflow:
     workflowVersion: 1.0.0
     speakeasyVersion: latest

README.md

@@ -19,7 +19,10 @@
 > This SDK is not yet ready for production use. To complete setup please follow the steps outlined in your [workspace](https://app.speakeasy.com/org/speakeasy-self/speakeasy-self). Delete this section before > publishing to a package manager.
 
 <div align="center">
-  <img src="https://github.com/user-attachments/assets/f5ab386f-39bb-4ae2-aa0d-54e2f95b656d" alt="Description" width="750"/>
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="./images/code-samples-demo-dark.webm">
+    <img alt="animation of viewing code, switching programming languages, and copying the displayed text" src="./images/code-samples-demo-light.webm">
+  </picture>
   <p><em>CodeSamples React Component in Action</em></p>
 </div>
 
@@ -28,13 +31,13 @@
 
 Speakeasy Code Samples API: REST APIs for retrieving SDK usage snippets from the Speakeasy Code Samples API.
 
+
 For more information about the API: [The Speakeasy Platform Documentation](/docs)
 <!-- End Summary [summary] -->
 
 <!-- Start Table of Contents [toc] -->
 ## Table of Contents
 <!-- $toc-max-depth=2 -->
-* [@speakeasyapi/code-samples](#speakeasyapicode-samples)
   * [SDK Installation](#sdk-installation)
   * [Requirements](#requirements)
   * [SDK Example Usage](#sdk-example-usage)
@@ -95,7 +98,8 @@ yarn add @tanstack/react-query react react-dom
 ```
 
 > [!NOTE]
-> This package is published with CommonJS and ES Modules (ESM) support.
+> 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.
 <!-- End SDK Installation [installation] -->
 
 <!-- Start Requirements [requirements] -->
@@ -147,46 +151,39 @@ 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
+snippets using `codehike`. 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";
 import {
-  CodeSample,
+  CodeSampleFilenameTitle,
+  CodeSamplesViewer,
   SpeakeasyCodeSamplesProvider,
 } from "@speakeasyapi/code-samples/react";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-
-const queryClient = new QueryClient();
 
 const speakeasyCodeSamples = new SpeakeasyCodeSamplesCore({
   apiKey: "<YOUR_API_KEY_HERE>",
   registryUrl: "https://spec.speakeasy.com/org/ws/my-source",
 });
 
-// Retries are handled by the underlying SDK.
-queryClient.setQueryDefaults(["@speakeasyapi/code-samples"], { retry: false });
-
-queryClient.setMutationDefaults(["@speakeasyapi/code-samples"], {
-  retry: false,
-});
-
 function App() {
   return (
-    <QueryClientProvider client={queryClient}>
-      <SpeakeasyCodeSamplesProvider client={speakeasyCodeSamples}>
-        <CodeSample operationId="getPetById" language="typescript" />
-      </SpeakeasyCodeSamplesProvider>
-    </QueryClientProvider>
+    <SpeakeasyCodeSamplesProvider client={speakeasyCodeSamples}>
+      <CodeSamplesViewer
+        copyable
+        defaultLang={"typescript"}
+        title={CodeSampleFilenameTitle}
+        operation={"getPassageText"}
+        // client={speakeasyCodeSamples} 
+        // 👆optional, if you want to pass the client directly 
+        // instead of using the provider
+      />
+    </SpeakeasyCodeSamplesProvider>
   );
 }
 ```
 
-> [!NOTE]
-> To apply styles to the highlighted code, import a `highlight.js` theme CSS
-> file into your project using methods like a `<link>` tag.
-
 <!-- Start Authentication [security] -->
 ## Authentication
 
@@ -538,9 +535,9 @@ In some rare cases, the SDK can fail to get a response from the server or even m
 
 You can override the default server globally by passing a server name to the `server: keyof typeof ServerList` optional parameter when initializing the SDK client instance. The selected server will then be used as the default on the operations that use it. This table lists the names associated with the available servers:
 
-| Name   | Server                              |
-| ------ | ----------------------------------- |
-| `prod` | `https://api.prod.speakeasyapi.dev` |
+| Name   | Server                              | Description |
+| ------ | ----------------------------------- | ----------- |
+| `prod` | `https://api.prod.speakeasyapi.dev` |             |
 
 #### Example
 

example/package-lock.json

@@ -5,7 +5,7 @@
 }
 
 h1 {
-  font-size: 3rem;
+  font-size: 2rem;
   margin-bottom: 18px;
   font-weight: 600;
   text-align: center;

example/src/App.css

@@ -1,72 +1,31 @@
+import { SpeakeasyCodeSamplesCore } from "@speakeasyapi/code-samples/core";
 import {
-  CodeSample,
+  CodeSampleFilenameTitle,
+  CodeSamplesViewer,
   SpeakeasyCodeSamplesProvider,
-  SupportedLanguage,
 } from "@speakeasyapi/code-samples/react";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import "./App.css";
-import { SpeakeasyCodeSamplesCore } from "@speakeasyapi/code-samples/core";
-
-const CodeSampleHeader = ({ lang }: { lang: SupportedLanguage }) => {
-  let filename = "example";
-
-  switch (lang) {
-    case "python":
-      filename += ".py";
-      break;
-    case "ruby":
-      filename += ".rb";
-      break;
-    case "terraform":
-      filename += ".tf";
-      break;
-    case "typescript":
-      filename += ".ts";
-      break;
-    case "csharp":
-    case "unity":
-      filename += ".cs";
-      break;
-    case "java":
-    case "swift":
-    case "php":
-    case "go":
-      filename += `.${lang}`;
-      break;
-    case "postman":
-      filename += ".json";
-      break;
-    default:
-      throw new Error("unsupported language: " + lang);
-  }
-
-  return (
-    <span style={{ color: "var(--ch-1)", marginLeft: 4 }}>{filename}</span>
-  );
-};
 
 function App() {
-  const queryClient = new QueryClient();
   const coreSdk = new SpeakeasyCodeSamplesCore({
     apiKey: import.meta.env.VITE_SPEAKEASY_API_KEY,
     registryUrl: import.meta.env.VITE_SPEAKEASY_REGISTRY_URL,
   });
 
+  // You can use the context provider to pass the core SDK instance to the code
+  // samples viewer
   return (
-    <QueryClientProvider client={queryClient}>
-      <SpeakeasyCodeSamplesProvider client={coreSdk}>
-        <h1 className="bg-background">Speakeasy Code Samples</h1>
-        <div style={{ width: "660px" }}>
-          <CodeSample
-            operation={{ operationId: "getPassageText" }}
-            heading={({ selectedLang }) => (
-              <CodeSampleHeader lang={selectedLang} />
-            )}
-            mode="system"
-          />
-        </div>
-      </SpeakeasyCodeSamplesProvider>
-    </QueryClientProvider>
+    <SpeakeasyCodeSamplesProvider client={coreSdk}>
+      <div style={{ width: "700px", marginInline: "auto" }}>
+        <CodeSamplesViewer
+          copyable
+          defaultLang={"typescript"}
+          title={CodeSampleFilenameTitle}
+          operation={"getPassageText"}
+          // client={coreSdk} 👈 optional, if you want to pass the client directly
+        />
+      </div>
+    </SpeakeasyCodeSamplesProvider>
   );
 }
 

example/src/App.tsx

@@ -13,19 +13,6 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-body {
-  margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
-}
-
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-
 @media (prefers-color-scheme: light) {
   :root {
     color: #213547;