@codecademy/codebytes 1.0.4-alpha.49041f645.0 → 1.0.4-alpha.8d0a0395a.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,6 @@
1
- import React from 'react';
2
- import type { LanguageOption } from './consts';
3
- export declare type LanguageSelectionProps = {
4
- onChange: (newLanguage: LanguageOption) => void;
5
- };
6
- export declare const LanguageSelection: React.FC<LanguageSelectionProps>;
1
+ import React from 'react';
2
+ import type { LanguageOption } from './consts';
3
+ export declare type LanguageSelectionProps = {
4
+ onChange: (newLanguage: LanguageOption) => void;
5
+ };
6
+ export declare const LanguageSelection: React.FC<LanguageSelectionProps>;
@@ -0,0 +1,22 @@
1
+ import { Select, Text } from '@codecademy/gamut';
2
+ import { ColorMode } from '@codecademy/gamut-styles';
3
+ import React from 'react';
4
+ import { LanguageOptions } from './consts';
5
+ export var LanguageSelection = function LanguageSelection(_ref) {
6
+ var _onChange = _ref.onChange;
7
+ return /*#__PURE__*/React.createElement(ColorMode, {
8
+ mode: "dark",
9
+ flex: 1,
10
+ px: 16,
11
+ pt: 48
12
+ }, /*#__PURE__*/React.createElement(Text, {
13
+ mb: 16
14
+ }, "Which language do you want to code in?"), /*#__PURE__*/React.createElement(Select, {
15
+ id: "language-select",
16
+ "aria-label": "Select a language",
17
+ options: LanguageOptions,
18
+ onChange: function onChange(e) {
19
+ return _onChange(e.target.value);
20
+ }
21
+ }));
22
+ };
@@ -1 +1 @@
1
- export declare const trackUserClick: (data: import("@codecademy/tracking").UserClickData) => void, trackUserVisit: (data: import("@codecademy/tracking").UserVisitData) => void, trackUserImpression: (data: import("@codecademy/tracking").UserImpressionData) => void;
1
+ export declare const trackUserClick: (data: import("@codecademy/tracking").UserClickData) => void, trackUserVisit: (data: import("@codecademy/tracking").UserVisitData) => void, trackUserImpression: (data: import("@codecademy/tracking").UserImpressionData) => void;
@@ -0,0 +1,11 @@
1
+ import { createTracker } from '@codecademy/tracking';
2
+ var IS_DEV = process.env.NODE_ENV === 'development'; // TODO: confirm tracking details and implementation DISC-447
3
+
4
+ var tracker = createTracker({
5
+ apiBaseUrl: typeof window === 'undefined' ? 'https://www.codecademy.com' : window.location.origin,
6
+ verbose: IS_DEV
7
+ });
8
+ var trackUserClick = tracker.click,
9
+ trackUserVisit = tracker.visit,
10
+ trackUserImpression = tracker.impression;
11
+ export { trackUserClick, trackUserVisit, trackUserImpression };
@@ -0,0 +1,5 @@
1
+ import { CoreTheme } from '@codecademy/gamut-styles';
2
+
3
+ declare module '@emotion/react' {
4
+ export interface Theme extends CoreTheme {}
5
+ }
package/dist/types.d.ts CHANGED
@@ -1,22 +1,22 @@
1
- import { BackgroundProps } from '@codecademy/gamut-styles';
2
- import { UserClickData } from '@codecademy/tracking';
3
- import { LanguageOption } from './consts';
4
- export interface CodebytesChangeHandler {
5
- (text: string, language: LanguageOption): void;
6
- }
7
- export interface CodebytesCopyFormatterParams {
8
- text: string;
9
- language: LanguageOption;
10
- }
11
- export declare type CodebytesCopyFormatter = ({ text, language, }: CodebytesCopyFormatterParams) => string;
12
- export interface CodeByteEditorProps extends Omit<BackgroundProps, 'bg'> {
13
- text?: string;
14
- language?: LanguageOption;
15
- hideCopyButton?: boolean;
16
- copyFormatter?: CodebytesCopyFormatter;
17
- snippetsBaseUrl?: string;
18
- onEdit?: CodebytesChangeHandler;
19
- onLanguageChange?: CodebytesChangeHandler;
20
- trackingData?: Omit<UserClickData, 'target'>;
21
- trackFirstEdit?: boolean;
22
- }
1
+ import { BackgroundProps } from '@codecademy/gamut-styles';
2
+ import { UserClickData } from '@codecademy/tracking';
3
+ import { LanguageOption } from './consts';
4
+ export interface CodebytesChangeHandler {
5
+ (text: string, language: LanguageOption): void;
6
+ }
7
+ export interface CodebytesCopyFormatterParams {
8
+ text: string;
9
+ language: LanguageOption;
10
+ }
11
+ export declare type CodebytesCopyFormatter = ({ text, language, }: CodebytesCopyFormatterParams) => string;
12
+ export interface CodeByteEditorProps extends Omit<BackgroundProps, 'bg'> {
13
+ text?: string;
14
+ language?: LanguageOption;
15
+ hideCopyButton?: boolean;
16
+ copyFormatter?: CodebytesCopyFormatter;
17
+ snippetsBaseUrl?: string;
18
+ onEdit?: CodebytesChangeHandler;
19
+ onLanguageChange?: CodebytesChangeHandler;
20
+ trackingData?: Omit<UserClickData, 'target'>;
21
+ trackFirstEdit?: boolean;
22
+ }
package/dist/types.js ADDED
@@ -0,0 +1 @@
1
+ export {};
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@codecademy/codebytes",
3
3
  "description": "Codebytes Editor",
4
- "version": "1.0.4-alpha.49041f645.0",
4
+ "version": "1.0.4-alpha.8d0a0395a.0",
5
5
  "author": "Codecademy Engineering <dev@codecademy.com>",
6
6
  "dependencies": {
7
- "@codecademy/tracking": "1.0.3-alpha.49041f645.0",
7
+ "@codecademy/tracking": "1.0.3-alpha.8d0a0395a.0",
8
8
  "@monaco-editor/react": "^4.4.5",
9
9
  "js-base64": "^3.6.0",
10
10
  "jsuri": "^1.3.1",
@@ -39,5 +39,5 @@
39
39
  "dist/**/[A-Z]**/[A-Z]*.js",
40
40
  "dist/**/[A-Z]**/index.js"
41
41
  ],
42
- "gitHead": "b6518e3dcad38e4ed8ac1eb02ca484649fd14e9c"
42
+ "gitHead": "491e72ff29f7f053417acf46f13a2f77169df816"
43
43
  }