@codecademy/codebytes 0.1.1-alpha.ddee0b.0 → 0.2.0

package/CHANGELOG.md

@@ -3,11 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-### [0.1.1-alpha.ddee0b.0](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.1.0...@codecademy/codebytes@0.1.1-alpha.ddee0b.0) (2022-01-03)
+## [0.2.0](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.1.0...@codecademy/codebytes@0.2.0) (2022-01-04)
 
-**Note:** Version bump only for package @codecademy/codebytes
 
+### Features
 
+* **Codebytes:** add editor and drawers disc 351 ([#14](https://github.com/Codecademy/client-modules/issues/14)) ([e84e265](https://github.com/Codecademy/client-modules/commit/e84e265e4cf4bf8360830ebf2dbea930ab503c9c))
 
 
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/codebytes",
   "description": "Codebytes Code Editor",
-  "version": "0.1.1-alpha.ddee0b.0",
+  "version": "0.2.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "sideEffects": [
     "**/*.css",
@@ -44,5 +44,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a32b92d7fe89f0553729f4d82d9965e1d56340ec"
+  "gitHead": "db6be3e2ec6108c6eddb25c04097ed959c67db76"
 }

package/src/api.ts

@@ -1,25 +1,28 @@
 import type { languageOption } from './consts';
 
-  interface Response {
-    stderr: string;
-    stdout: string;
-    exit_code: number;
-  }
-  
-  interface PostSnippetData {
-    language: languageOption;
-    code: string;
-  }
+interface Response {
+  stderr: string;
+  stdout: string;
+  exit_code: number;
+}
 
-  export const postSnippet = async (data: PostSnippetData, snippetsBaseUrl?: string): Promise<Response> => {
-    const snippetsEndpoint = `https://${snippetsBaseUrl}/snippets`;
+interface PostSnippetData {
+  language: languageOption;
+  code: string;
+}
 
-    const response = await fetch(snippetsEndpoint, {
-      method: 'POST',
-      body: JSON.stringify(data),
-      headers: {
-        'x-codecademy-user-id': 'codebytes-anon-user',
-      },
-    });
-    return response.json();
-  };
+export const postSnippet = async (
+  data: PostSnippetData,
+  snippetsBaseUrl?: string
+): Promise<Response> => {
+  const snippetsEndpoint = `https://${snippetsBaseUrl}/snippets`;
+
+  const response = await fetch(snippetsEndpoint, {
+    method: 'POST',
+    body: JSON.stringify(data),
+    headers: {
+      'x-codecademy-user-id': 'codebytes-anon-user',
+    },
+  });
+  return response.json();
+};

package/src/editor.tsx

@@ -62,10 +62,7 @@ export const Editor: React.FC<EditorProps> = ({
         .writeText(text)
         // eslint-disable-next-line no-console
         .catch(() => console.error('Failed to copy'));
-      onCopy?.(
-        text,
-        language
-      ); /* TODO: pass in onCopyBBCodeblock behavior from the future version we migrate to Next.js  */
+      onCopy?.(text, language);
       setIsCodeByteCopied(true);
     }
   };

package/src/index.tsx

@@ -36,7 +36,7 @@ export interface CodeByteEditorProps {
   hideCopyButton: boolean;
   onCopy?: (text: string, language: string) => void;
   isIFrame?: boolean;
-  snippetsBaseUrl?: string;
+  snippetsBaseUrl?: string /* TODO in DISC-353: Determine best way to host and include snippets endpoint for both staging and production in both the monolith and next.js repo. */;
   onTextChange?: (text: string) => void;
 }
 
@@ -46,7 +46,7 @@ export const CodeByteEditor: React.FC<CodeByteEditorProps> = ({
   hideCopyButton,
   onCopy,
   isIFrame = false,
-  snippetsBaseUrl = process.env.CONTAINER_API_BASE,
+  snippetsBaseUrl = '',
   onTextChange,
 }) => {
   const [text, setText] = useState<string>(initialText);

package/src/theme.d.ts

@@ -2,4 +2,4 @@ import { CoreTheme } from '@codecademy/gamut-styles';
 
 declare module '@emotion/react' {
   export interface Theme extends CoreTheme {}
-}
+}