i18n: use babel-loader plugin

2026-09-14 18:46:17 +00:00 · 2022-03-25 15:54:04 -05:00
parent 45d0b4071a
commit 9f254f035f
68 changed files with 609 additions and 653 deletions
@@ -0,0 +1,109 @@
+// SPDX-License-Identifier: MIT
+// Copyright (c) 2022 The Pybricks Authors
+
+import {
+    Button,
+    Classes,
+    Dialog,
+    FormGroup,
+    Radio,
+    RadioGroup,
+} from '@blueprintjs/core';
+import { useI18n } from '@shopify/react-i18n';
+import React, { useRef, useState } from 'react';
+import { useDispatch } from 'react-redux';
+import {
+    FileNameValidationResult,
+    pythonFileExtension,
+    validateFileName,
+} from '../../pybricksMicropython/lib';
+import { useSelector } from '../../reducers';
+import FileNameFormGroup from '../fileNameFormGroup/FileNameFormGroup';
+import { Hub, explorerCreateNewFile } from './../actions';
+import { I18nId } from './i18n';
+
+// This should be set to the most commonly used hub.
+const defaultHub = Hub.Technic;
+
+type NewFileWizardProps = {
+    /** Controls if the dialog is open. */
+    readonly isOpen: boolean;
+    /** Called when the dialog is closed. */
+    readonly onClose: () => void;
+};
+
+const NewFileWizard: React.VoidFunctionComponent<NewFileWizardProps> = ({
+    isOpen,
+    onClose,
+}) => {
+    const [i18n] = useI18n();
+    const dispatch = useDispatch();
+
+    const [fileName, setFileName] = useState('');
+    const fileNames = useSelector((s) => s.fileStorage.fileNames);
+    const fileNameValidation = validateFileName(
+        fileName,
+        pythonFileExtension,
+        fileNames,
+    );
+    const [hubType, setHubType] = useState(defaultHub);
+
+    const fileNameInputRef = useRef<HTMLInputElement>(null);
+
+    return (
+        <Dialog
+            icon="plus"
+            title={i18n.translate(I18nId.Title)}
+            isOpen={isOpen}
+            onOpening={() => setFileName('')}
+            onOpened={() => fileNameInputRef.current?.focus()}
+            onClose={onClose}
+        >
+            <div className={Classes.DIALOG_BODY}>
+                <FileNameFormGroup
+                    fileName={fileName}
+                    fileExtension={pythonFileExtension}
+                    validationResult={fileNameValidation}
+                    inputRef={fileNameInputRef}
+                    onChange={setFileName}
+                />
+                <FormGroup label={i18n.translate(I18nId.SmartHubLabel)}>
+                    <RadioGroup
+                        selectedValue={hubType}
+                        onChange={(e) => setHubType(e.currentTarget.value as Hub)}
+                    >
+                        <Radio value={Hub.Move}>BOOST Move Hub</Radio>
+                        <Radio value={Hub.City}>City Hub</Radio>
+                        <Radio value={Hub.Technic}>Technic Hub</Radio>
+                        <Radio value={Hub.Prime}>SPIKE Prime</Radio>
+                        <Radio value={Hub.Essential}>SPIKE Essential</Radio>
+                        <Radio value={Hub.Inventor}>MINDSTORMS Robot Inventor</Radio>
+                    </RadioGroup>
+                </FormGroup>
+            </div>
+            <div className={Classes.DIALOG_FOOTER}>
+                <div className={Classes.DIALOG_FOOTER_ACTIONS}>
+                    <Button
+                        aria-label="Create"
+                        intent="primary"
+                        disabled={fileNameValidation !== FileNameValidationResult.IsOk}
+                        onClick={() => {
+                            onClose();
+                            dispatch(
+                                explorerCreateNewFile(
+                                    fileName,
+                                    pythonFileExtension,
+                                    hubType,
+                                ),
+                            );
+                        }}
+                    >
+                        {i18n.translate(I18nId.ActionCreate)}
+                    </Button>
+                </div>
+            </div>
+        </Dialog>
+    );
+};
+
+export default NewFileWizard;