remove moonshine, use emotion

Author: walker-tx

.speakeasy/gen.lock

@@ -3,17 +3,17 @@ 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.488.0
+  generationVersion: 2.506.0
+  releaseVersion: 2.1.11
+  configChecksum: 6110142ef342c1d51bd542a38c650667
   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.19.0
     deepObjectParams: 0.1.0
     defaultEnabledRetries: 0.1.0
     devContainers: 2.90.0
@@ -115,7 +115,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

@@ -16,13 +16,13 @@ generation:
     oAuth2ClientCredentialsEnabled: false
     oAuth2PasswordEnabled: false
 typescript:
-  version: 2.1.6
+  version: 2.1.11
   additionalDependencies:
     dependencies:
-      '@speakeasy-api/moonshine': ^0.69.0
+      '@emotion/react': ^11.14.0
+      codehike: ^1.0.4
     devDependencies: {}
-    peerDependencies:
-      highlight.js: ^11.11.1
+    peerDependencies: {}
   additionalPackageJSON: {}
   author: Speakeasy
   clientServerStatusCodesAsErrors: true
@@ -43,7 +43,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,8 +1,8 @@
-speakeasyVersion: 1.484.1
+speakeasyVersion: 1.488.0
 sources:
     speakeasy-OAS:
         sourceNamespace: speakeasy-oas
-        sourceRevisionDigest: sha256:67db66bfe8bee7caf24220f613e60760c90e0a7fe721b9f70d46e584d61a8d79
+        sourceRevisionDigest: sha256:ceb63058aef0e2e7f88d746e8356be77e3bf8cb1cdf297aedc1b08ff912abc5f
         sourceBlobDigest: sha256:63701f5ff26c0ac6e0ea6e314b9dc7bf7063bf75b72a16206b62050baf740623
         tags:
             - latest
@@ -11,8 +11,10 @@ targets:
     code_samples_typescript_sdk:
         source: speakeasy-OAS
         sourceNamespace: speakeasy-oas
-        sourceRevisionDigest: sha256:67db66bfe8bee7caf24220f613e60760c90e0a7fe721b9f70d46e584d61a8d79
+        sourceRevisionDigest: sha256:ceb63058aef0e2e7f88d746e8356be77e3bf8cb1cdf297aedc1b08ff912abc5f
         sourceBlobDigest: sha256:63701f5ff26c0ac6e0ea6e314b9dc7bf7063bf75b72a16206b62050baf740623
+        codeSamplesNamespace: speakeasy-oas-typescript-code-samples
+        codeSamplesRevisionDigest: sha256:7b6e59994169e6ffadcc883206b4b2e8d5bd04a69d9d71bc871916edaa94356c
 workflow:
     workflowVersion: 1.0.0
     speakeasyVersion: latest

README.md

@@ -87,7 +87,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] -->

example/package-lock.json

@@ -1,50 +1,12 @@
 import {
   CodeSample,
   SpeakeasyCodeSamplesProvider,
-  SupportedLanguage,
+  CodeSampleFilenameTitle,
 } 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({
@@ -55,14 +17,11 @@ function App() {
   return (
     <QueryClientProvider client={queryClient}>
       <SpeakeasyCodeSamplesProvider client={coreSdk}>
-        <h1 className="bg-background">Speakeasy Code Samples</h1>
+        <h1 className="">Speakeasy Code Samples</h1>
         <div style={{ width: "660px" }}>
           <CodeSample
+            title={CodeSampleFilenameTitle}
             operation={{ operationId: "getPassageText" }}
-            heading={({ selectedLang }) => (
-              <CodeSampleHeader lang={selectedLang} />
-            )}
-            mode="system"
           />
         </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;

example/src/index.css

@@ -2,7 +2,7 @@
 
 {
   "name": "@speakeasyapi/code-samples",
-  "version": "2.1.6",
+  "version": "2.1.11",
   "exports": {
     ".": "./src/index.ts",    
     "./models/errors": "./src/models/errors/index.ts",