('none');
interface MenubarContextType {
- createMenuHandlers: (
- id: string
- ) => Partial<{
+ createMenuHandlers: (id: string) => Partial<{
onMouseOver: (e: React.MouseEvent) => void;
onClick: (e: React.MouseEvent) => void;
onBlur: (e: React.FocusEvent) => void;
onFocus: (e: React.FocusEvent) => void;
}>;
- createMenuItemHandlers: (
- id: string
- ) => Partial<{
+ createMenuItemHandlers: (id: string) => Partial<{
onMouseUp: (e: React.MouseEvent) => void;
onBlur: (e: React.FocusEvent) => void;
onFocus: (e: React.FocusEvent) => void;
diff --git a/client/modules/IDE/actions/preferences.types.ts b/client/modules/IDE/actions/preferences.types.ts
index dd56c65a77..f912ef93ab 100644
--- a/client/modules/IDE/actions/preferences.types.ts
+++ b/client/modules/IDE/actions/preferences.types.ts
@@ -6,7 +6,8 @@ import type { GetRootState } from '../../../reducers';
export type SetPreferencesTabValue = PreferencesState['tabIndex'];
export type SetFontSizeValue = PreferencesState['fontSize'];
export type SetLineNumbersValue = PreferencesState['lineNumbers'];
-export type SetAutocloseBracketsQuotesValue = PreferencesState['autocloseBracketsQuotes'];
+export type SetAutocloseBracketsQuotesValue =
+ PreferencesState['autocloseBracketsQuotes'];
export type SetAutocompleteHinterValue = PreferencesState['autocompleteHinter'];
export type SetAutosaveValue = PreferencesState['autosave'];
export type SetLinewrapValue = PreferencesState['linewrap'];
diff --git a/client/modules/IDE/components/CollectionList/CollectionList.jsx b/client/modules/IDE/components/CollectionList/CollectionList.jsx
index 69965119ba..afb9555a9a 100644
--- a/client/modules/IDE/components/CollectionList/CollectionList.jsx
+++ b/client/modules/IDE/components/CollectionList/CollectionList.jsx
@@ -38,10 +38,8 @@ const CollectionList = ({
}) => {
const { t } = useTranslation();
const [hasLoadedData, setHasLoadedData] = useState(false);
- const [
- addingSketchesToCollectionId,
- setAddingSketchesToCollectionId
- ] = useState(null);
+ const [addingSketchesToCollectionId, setAddingSketchesToCollectionId] =
+ useState(null);
useEffect(() => {
if (projectId) {
diff --git a/client/modules/IDE/components/CollectionList/CollectionListRow.jsx b/client/modules/IDE/components/CollectionList/CollectionListRow.jsx
index 6ae24e74e9..e331af1d02 100644
--- a/client/modules/IDE/components/CollectionList/CollectionListRow.jsx
+++ b/client/modules/IDE/components/CollectionList/CollectionListRow.jsx
@@ -1,279 +1,279 @@
-import PropTypes from 'prop-types';
-import React, { useState, useRef } from 'react';
-import { connect } from 'react-redux';
-import { Link } from 'react-router-dom';
-import { bindActionCreators } from 'redux';
-import { withTranslation } from 'react-i18next';
-import styled from 'styled-components';
-import { MenuItem } from '../../../../components/Dropdown/MenuItem';
-import { TableDropdown } from '../../../../components/Dropdown/TableDropdown';
-import * as ProjectActions from '../../actions/project';
-import * as CollectionsActions from '../../actions/collections';
-import * as IdeActions from '../../actions/ide';
-import * as ToastActions from '../../actions/toast';
-import { formatDateToString } from '../../../../utils/formatDate';
-import { remSize, prop } from '../../../../theme';
-
-const SketchsTableRow = styled.tr`
- &&& {
- margin: ${remSize(10)};
- height: ${remSize(72)};
- font-size: ${remSize(16)};
- }
- &:nth-child(odd) {
- background: ${prop('tableRowStripeColor')};
- }
-
- > th:nth-child(1) {
- padding-left: ${remSize(12)};
- }
-
- > td {
- padding-left: ${remSize(8)};
- }
-
- a {
- color: ${prop('primaryTextColor')};
- text-decoration: underline;
-
- &:hover {
- text-decoration: underline;
- text-decoration-thickness: 0.1em;
- }
- }
-
- &.is-deleted > * {
- font-style: italic;
- }
- @media (max-width: 770px) {
- &&& {
- margin: 0;
- position: relative;
- display: flex;
- flex-wrap: wrap;
- padding: ${remSize(15)};
- height: fit-content;
- gap: ${remSize(8)};
- border: 1px solid ${prop('modalBorderColor')};
- background-color: ${prop('searchBackgroundColor')};
- > th {
- padding-left: 0;
- width: 100%;
- font-weight: bold;
- margin-bottom: ${remSize(6)};
- }
- > td {
- padding-left: 0;
- width: 30%;
- font-size: ${remSize(14)};
- color: ${prop('modalBorderColor')};
- }
- }
- }
-`;
-const SketchesTableName = styled.span`
- &&& {
- display: flex;
- align-items: center;
- }
-`;
-const SketchlistDropdownColumn = styled.td`
- &&& {
- position: relative;
- width: ${remSize(60)};
- }
- @media (max-width: 770px) {
- &&& {
- position: absolute;
- top: 0;
- right: ${remSize(4)};
- width: auto !important;
- margin: ${remSize(8)};
- }
- }
-`;
-const formatDateCell = (date, mobile = false) =>
- formatDateToString(date, { showTime: !mobile });
-
-const CollectionListRowBase = (props) => {
- const [renameOpen, setRenameOpen] = useState(false);
- const [renameValue, setRenameValue] = useState('');
- const renameInput = useRef(null);
-
- const closeAll = () => {
- setRenameOpen(false);
- };
-
- const updateName = () => {
- const isValid = renameValue.trim().length !== 0;
- if (isValid) {
- props.editCollection(props.collection.id, {
- name: renameValue.trim()
- });
- }
- };
-
- const handleAddSketches = () => {
- closeAll();
- props.onAddSketches();
- };
-
- const handleCollectionDelete = () => {
- closeAll();
- if (
- window.confirm(
- props.t('Common.DeleteConfirmation', {
- name: props.collection.name
- })
- )
- ) {
- props.deleteCollection(props.collection.id);
- }
- };
-
- const handleRenameOpen = () => {
- closeAll();
- setRenameOpen(true);
- setRenameValue(props.collection.name);
- };
-
- const handleRenameChange = (e) => {
- setRenameValue(e.target.value);
- };
-
- const handleRenameEnter = (e) => {
- if (e.key === 'Enter') {
- e.preventDefault();
- updateName();
- closeAll();
- }
- };
-
- const handleRenameFocus = () => {
- if (renameInput.current) {
- renameInput.current.focus();
- }
- };
-
- const handleRenameBlur = () => {
- updateName();
- closeAll();
- };
-
- const renderActions = () => {
- const userIsOwner = props.user.username === props.username;
-
- return (
-
-
- {props.t('CollectionListRow.AddSketch')}
-
-
- {props.t('CollectionListRow.Delete')}
-
-
- {props.t('CollectionListRow.Rename')}
-
-
- );
- };
-
- const renderCollectionName = () => {
- const { collection, username } = props;
-
- return (
- <>
-
-
- {renderCollectionName()}
-
- {formatDateCell(collection.createdAt, mobile)}
- {formatDateCell(collection.updatedAt, mobile)}
-
- {mobile && 'sketches: '}
- {(collection.items || []).length}
-
- {renderActions()}
-
- );
-};
-
-CollectionListRowBase.propTypes = {
- collection: PropTypes.shape({
- id: PropTypes.string.isRequired,
- name: PropTypes.string.isRequired,
- owner: PropTypes.shape({
- username: PropTypes.string.isRequired
- }).isRequired,
- createdAt: PropTypes.string.isRequired,
- updatedAt: PropTypes.string.isRequired,
- items: PropTypes.arrayOf(
- PropTypes.shape({
- project: PropTypes.shape({
- id: PropTypes.string.isRequired
- })
- })
- )
- }).isRequired,
- username: PropTypes.string.isRequired,
- user: PropTypes.shape({
- username: PropTypes.string,
- authenticated: PropTypes.bool.isRequired
- }).isRequired,
- deleteCollection: PropTypes.func.isRequired,
- editCollection: PropTypes.func.isRequired,
- onAddSketches: PropTypes.func.isRequired,
- mobile: PropTypes.bool,
- t: PropTypes.func.isRequired
-};
-
-CollectionListRowBase.defaultProps = {
- mobile: false
-};
-
-function mapDispatchToPropsSketchListRow(dispatch) {
- return bindActionCreators(
- Object.assign(
- {},
- CollectionsActions,
- ProjectActions,
- IdeActions,
- ToastActions
- ),
- dispatch
- );
-}
-
-export default withTranslation()(
- connect(null, mapDispatchToPropsSketchListRow)(CollectionListRowBase)
-);
+import PropTypes from 'prop-types';
+import React, { useState, useRef } from 'react';
+import { connect } from 'react-redux';
+import { Link } from 'react-router-dom';
+import { bindActionCreators } from 'redux';
+import { withTranslation } from 'react-i18next';
+import styled from 'styled-components';
+import { MenuItem } from '../../../../components/Dropdown/MenuItem';
+import { TableDropdown } from '../../../../components/Dropdown/TableDropdown';
+import * as ProjectActions from '../../actions/project';
+import * as CollectionsActions from '../../actions/collections';
+import * as IdeActions from '../../actions/ide';
+import * as ToastActions from '../../actions/toast';
+import { formatDateToString } from '../../../../utils/formatDate';
+import { remSize, prop } from '../../../../theme';
+
+const SketchsTableRow = styled.tr`
+ &&& {
+ margin: ${remSize(10)};
+ height: ${remSize(72)};
+ font-size: ${remSize(16)};
+ }
+ &:nth-child(odd) {
+ background: ${prop('tableRowStripeColor')};
+ }
+
+ > th:nth-child(1) {
+ padding-left: ${remSize(12)};
+ }
+
+ > td {
+ padding-left: ${remSize(8)};
+ }
+
+ a {
+ color: ${prop('primaryTextColor')};
+ text-decoration: underline;
+
+ &:hover {
+ text-decoration: underline;
+ text-decoration-thickness: 0.1em;
+ }
+ }
+
+ &.is-deleted > * {
+ font-style: italic;
+ }
+ @media (max-width: 770px) {
+ &&& {
+ margin: 0;
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ padding: ${remSize(15)};
+ height: fit-content;
+ gap: ${remSize(8)};
+ border: 1px solid ${prop('modalBorderColor')};
+ background-color: ${prop('searchBackgroundColor')};
+ > th {
+ padding-left: 0;
+ width: 100%;
+ font-weight: bold;
+ margin-bottom: ${remSize(6)};
+ }
+ > td {
+ padding-left: 0;
+ width: 30%;
+ font-size: ${remSize(14)};
+ color: ${prop('modalBorderColor')};
+ }
+ }
+ }
+`;
+const SketchesTableName = styled.span`
+ &&& {
+ display: flex;
+ align-items: center;
+ }
+`;
+const SketchlistDropdownColumn = styled.td`
+ &&& {
+ position: relative;
+ width: ${remSize(60)};
+ }
+ @media (max-width: 770px) {
+ &&& {
+ position: absolute;
+ top: 0;
+ right: ${remSize(4)};
+ width: auto !important;
+ margin: ${remSize(8)};
+ }
+ }
+`;
+const formatDateCell = (date, mobile = false) =>
+ formatDateToString(date, { showTime: !mobile });
+
+const CollectionListRowBase = (props) => {
+ const [renameOpen, setRenameOpen] = useState(false);
+ const [renameValue, setRenameValue] = useState('');
+ const renameInput = useRef(null);
+
+ const closeAll = () => {
+ setRenameOpen(false);
+ };
+
+ const updateName = () => {
+ const isValid = renameValue.trim().length !== 0;
+ if (isValid) {
+ props.editCollection(props.collection.id, {
+ name: renameValue.trim()
+ });
+ }
+ };
+
+ const handleAddSketches = () => {
+ closeAll();
+ props.onAddSketches();
+ };
+
+ const handleCollectionDelete = () => {
+ closeAll();
+ if (
+ window.confirm(
+ props.t('Common.DeleteConfirmation', {
+ name: props.collection.name
+ })
+ )
+ ) {
+ props.deleteCollection(props.collection.id);
+ }
+ };
+
+ const handleRenameOpen = () => {
+ closeAll();
+ setRenameOpen(true);
+ setRenameValue(props.collection.name);
+ };
+
+ const handleRenameChange = (e) => {
+ setRenameValue(e.target.value);
+ };
+
+ const handleRenameEnter = (e) => {
+ if (e.key === 'Enter') {
+ e.preventDefault();
+ updateName();
+ closeAll();
+ }
+ };
+
+ const handleRenameFocus = () => {
+ if (renameInput.current) {
+ renameInput.current.focus();
+ }
+ };
+
+ const handleRenameBlur = () => {
+ updateName();
+ closeAll();
+ };
+
+ const renderActions = () => {
+ const userIsOwner = props.user.username === props.username;
+
+ return (
+
+
+ {props.t('CollectionListRow.AddSketch')}
+
+
+ {props.t('CollectionListRow.Delete')}
+
+
+ {props.t('CollectionListRow.Rename')}
+
+
+ );
+ };
+
+ const renderCollectionName = () => {
+ const { collection, username } = props;
+
+ return (
+ <>
+
+
+ {renderCollectionName()}
+
+ {formatDateCell(collection.createdAt, mobile)}
+ {formatDateCell(collection.updatedAt, mobile)}
+
+ {mobile && 'sketches: '}
+ {(collection.items || []).length}
+
+ {renderActions()}
+
+ );
+};
+
+CollectionListRowBase.propTypes = {
+ collection: PropTypes.shape({
+ id: PropTypes.string.isRequired,
+ name: PropTypes.string.isRequired,
+ owner: PropTypes.shape({
+ username: PropTypes.string.isRequired
+ }).isRequired,
+ createdAt: PropTypes.string.isRequired,
+ updatedAt: PropTypes.string.isRequired,
+ items: PropTypes.arrayOf(
+ PropTypes.shape({
+ project: PropTypes.shape({
+ id: PropTypes.string.isRequired
+ })
+ })
+ )
+ }).isRequired,
+ username: PropTypes.string.isRequired,
+ user: PropTypes.shape({
+ username: PropTypes.string,
+ authenticated: PropTypes.bool.isRequired
+ }).isRequired,
+ deleteCollection: PropTypes.func.isRequired,
+ editCollection: PropTypes.func.isRequired,
+ onAddSketches: PropTypes.func.isRequired,
+ mobile: PropTypes.bool,
+ t: PropTypes.func.isRequired
+};
+
+CollectionListRowBase.defaultProps = {
+ mobile: false
+};
+
+function mapDispatchToPropsSketchListRow(dispatch) {
+ return bindActionCreators(
+ Object.assign(
+ {},
+ CollectionsActions,
+ ProjectActions,
+ IdeActions,
+ ToastActions
+ ),
+ dispatch
+ );
+}
+
+export default withTranslation()(
+ connect(null, mapDispatchToPropsSketchListRow)(CollectionListRowBase)
+);
diff --git a/client/modules/IDE/components/Console.jsx b/client/modules/IDE/components/Console.jsx
index 3494fccdee..181ca7c362 100644
--- a/client/modules/IDE/components/Console.jsx
+++ b/client/modules/IDE/components/Console.jsx
@@ -30,10 +30,10 @@ const Console = () => {
cm.current.scrollTop = cm.current.scrollHeight;
});
- const consoleFeedStyle = useMemo(() => getConsoleFeedStyle(theme, fontSize), [
- theme,
- fontSize
- ]);
+ const consoleFeedStyle = useMemo(
+ () => getConsoleFeedStyle(theme, fontSize),
+ [theme, fontSize]
+ );
const handleMessageEvent = useHandleMessageEvent();
diff --git a/client/modules/IDE/components/ErrorModal.jsx b/client/modules/IDE/components/ErrorModal.jsx
index 66dd374c52..435cf53c94 100644
--- a/client/modules/IDE/components/ErrorModal.jsx
+++ b/client/modules/IDE/components/ErrorModal.jsx
@@ -53,7 +53,8 @@ const ErrorModal = ({ type, service, closeModal }) => {
return (
- {(() => { // eslint-disable-line
+ {(() => {
+ // eslint-disable-line
if (type === 'forceAuthentication') {
return forceAuthentication();
} else if (type === 'staleSession') {
@@ -63,6 +64,7 @@ const ErrorModal = ({ type, service, closeModal }) => {
} else if (type === 'oauthError') {
return oauthError();
}
+ return null;
})()}
);
diff --git a/client/modules/IDE/components/FileNode.jsx b/client/modules/IDE/components/FileNode.jsx
index cb872eb982..08a5cabf19 100644
--- a/client/modules/IDE/components/FileNode.jsx
+++ b/client/modules/IDE/components/FileNode.jsx
@@ -1,15 +1,15 @@
import PropTypes from 'prop-types';
import classNames from 'classnames';
import React, { useState, useRef } from 'react';
-import { connect } from 'react-redux';
+import { connect, useSelector } from 'react-redux';
import { useTranslation } from 'react-i18next';
-import { useSelector } from 'react-redux';
import * as IDEActions from '../actions/ide';
import * as FileActions from '../actions/files';
import DownArrowIcon from '../../../images/down-filled-triangle.svg';
import FolderRightIcon from '../../../images/triangle-arrow-right.svg';
import FolderDownIcon from '../../../images/triangle-arrow-down.svg';
+import LockIcon from '../../../images/lock.svg';
import FileTypeIcon from './FileTypeIcon';
function parseFileName(name) {
@@ -20,33 +20,18 @@ function parseFileName(name) {
const firstLetter = baseName[0];
const lastLetter = baseName[baseName.length - 1];
const middleText = baseName.slice(1, -1);
- return {
- baseName,
- firstLetter,
- lastLetter,
- middleText,
- extension
- };
+ return { baseName, firstLetter, lastLetter, middleText, extension };
}
const firstLetter = name[0];
const lastLetter = name[name.length - 1];
const middleText = name.slice(1, -1);
- return {
- baseName: name,
- firstLetter,
- lastLetter,
- middleText
- };
+ return { baseName: name, firstLetter, lastLetter, middleText };
}
function FileName({ name }) {
- const {
- baseName,
- firstLetter,
- lastLetter,
- middleText,
- extension
- } = parseFileName(name);
+ const { baseName, firstLetter, lastLetter, middleText, extension } =
+ parseFileName(name);
+
return (
{firstLetter}
@@ -59,9 +44,7 @@ function FileName({ name }) {
);
}
-FileName.propTypes = {
- name: PropTypes.string.isRequired
-};
+FileName.propTypes = { name: PropTypes.string.isRequired };
const FileNode = ({
id,
@@ -90,6 +73,9 @@ const FileNode = ({
const [updatedName, setUpdatedName] = useState(name);
const files = useSelector((state) => state.files);
+ const { t } = useTranslation();
+ const fileNameInput = useRef(null);
+ const fileOptionsRef = useRef(null);
const checkDuplicate = (newName) => {
const parentFolder = files.find((f) => f.id === parentId);
@@ -100,54 +86,38 @@ const FileNode = ({
.filter(Boolean)
.filter((file) => file.id !== id);
- const isDuplicate = siblingFiles.some(
+ return siblingFiles.some(
(f) => f.name.trim().toLowerCase() === newName.trim().toLowerCase()
);
-
- return isDuplicate;
};
- const { t } = useTranslation();
- const fileNameInput = useRef(null);
- const fileOptionsRef = useRef(null);
-
const handleFileClick = (event) => {
event.stopPropagation();
- if (name !== 'root' && !isDeleting) {
- setSelectedFile(id);
- }
- if (onClickFile) {
- onClickFile();
- }
- };
-
- const handleFileNameChange = (event) => {
- setUpdatedName(event.target.value);
+ if (name !== 'root' && !isDeleting) setSelectedFile(id);
+ if (onClickFile) onClickFile();
};
- const showEditFileName = () => {
- setIsEditingName(true);
- };
+ const handleFileNameChange = (event) => setUpdatedName(event.target.value);
- const hideFileOptions = () => {
- setIsOptionsOpen(false);
- };
+ const showEditFileName = () => setIsEditingName(true);
+ const hideEditFileName = () => setIsEditingName(false);
+ const hideFileOptions = () => setIsOptionsOpen(false);
const handleClickRename = () => {
setUpdatedName(name);
showEditFileName();
setTimeout(() => fileNameInput.current.focus(), 0);
- setTimeout(() => hideFileOptions(), 0);
+ setTimeout(hideFileOptions, 0);
};
const handleClickAddFile = () => {
newFile(id);
- setTimeout(() => hideFileOptions(), 0);
+ setTimeout(hideFileOptions, 0);
};
const handleClickAddFolder = () => {
newFolder(id);
- setTimeout(() => hideFileOptions(), 0);
+ setTimeout(hideFileOptions, 0);
};
const handleClickUploadFile = () => {
@@ -157,7 +127,6 @@ const FileNode = ({
const handleClickDelete = () => {
const prompt = t('Common.DeleteConfirmation', { name });
-
if (window.confirm(prompt)) {
setIsDeleting(true);
resetSelectedFile(id);
@@ -165,14 +134,8 @@ const FileNode = ({
}
};
- const hideEditFileName = () => {
- setIsEditingName(false);
- };
-
const handleKeyPress = (event) => {
- if (event.key === 'Enter') {
- hideEditFileName();
- }
+ if (event.key === 'Enter') hideEditFileName();
};
const saveUpdatedFileName = () => {
@@ -195,6 +158,7 @@ const FileNode = ({
const hasEmptyFilename = updatedName.trim() === '';
const hasOnlyExtension =
newFileExtension && updatedName.trim() === newFileExtension[0];
+
if (
hasEmptyFilename ||
hasNoExtension ||
@@ -206,14 +170,9 @@ const FileNode = ({
const userResponse = window.confirm(
'Are you sure you want to change the file extension?'
);
- if (userResponse) {
- saveUpdatedFileName();
- } else {
- setUpdatedName(currentName);
- }
- } else {
- saveUpdatedFileName();
- }
+ if (userResponse) saveUpdatedFileName();
+ else setUpdatedName(currentName);
+ } else saveUpdatedFileName();
};
const handleFileNameBlur = () => {
@@ -228,9 +187,7 @@ const FileNode = ({
const toggleFileOptions = (event) => {
event.preventDefault();
- if (!canEdit) {
- return;
- }
+ if (!canEdit) return;
setIsOptionsOpen(!isOptionsOpen);
};
@@ -246,14 +203,13 @@ const FileNode = ({
const isFile = fileType === 'file';
const isFolder = fileType === 'folder';
const isRoot = name === 'root';
-
const { extension } = parseFileName(name);
return (
{!isRoot && (
-
setTimeout(hideFileOptions, 200)}
>
@@ -343,34 +299,52 @@ const FileNode = ({
{t('FileNode.AddFile')}
- {authenticated && (
-
-
- {t('FileNode.UploadFile')}
-
-
- )}
+
+
+ {!authenticated && (
+
+
+ )}
+ {t('FileNode.UploadFile')}
+ {!authenticated && (
+
+ {t('FileNode.UploadFileRequiresLogin')}
+
+ )}
+
+
+
+
+ {t('FileNode.Rename')}
+
+
+
+
+ {t('FileNode.Delete')}
+
+
)}
-
-
- {t('FileNode.Rename')}
-
-
-
-
- {t('FileNode.Delete')}
-
-
- {ide.sidebarIsExpanded && (
+ {isExpanded && (
{
@@ -95,7 +89,7 @@ export default function SideBar() {
- {isAuthenticated && (
-
- {
+
+ {
+ if (isAuthenticated) {
dispatch(openUploadFileModal(rootFile.id));
setTimeout(() => dispatch(closeProjectOptions()), 300);
- }}
- >
- {t('Sidebar.UploadFile')}
-
-
- )}
+ }
+ }}
+ >
+ {!isAuthenticated && (
+
+
+ )}
+ {t('Sidebar.UploadFile')}
+ {!isAuthenticated && (
+
+ {t('Sidebar.UploadFileRequiresLogin')}
+
+ )}
+
+
)}
diff --git a/client/modules/IDE/reducers/editorAccessibility.js b/client/modules/IDE/reducers/editorAccessibility.js
index 94cc9ac54f..b0ba3ea6f1 100644
--- a/client/modules/IDE/reducers/editorAccessibility.js
+++ b/client/modules/IDE/reducers/editorAccessibility.js
@@ -29,10 +29,7 @@ const editorAccessibilitySlice = createSlice({
}
});
-export const {
- updateLintMessage,
- clearLintMessage,
- toggleForceDesktop
-} = editorAccessibilitySlice.actions;
+export const { updateLintMessage, clearLintMessage, toggleForceDesktop } =
+ editorAccessibilitySlice.actions;
export default editorAccessibilitySlice.reducer;
diff --git a/client/modules/Preview/EmbedFrame.jsx b/client/modules/Preview/EmbedFrame.jsx
index 2b6ac16720..09790ecc03 100644
--- a/client/modules/Preview/EmbedFrame.jsx
+++ b/client/modules/Preview/EmbedFrame.jsx
@@ -232,9 +232,10 @@ p5.prototype.registerMethod('afterSetup', p5.prototype.ensureAccessibleCanvas);`
}
const previewScripts = sketchDoc.createElement('script');
- previewScripts.src = `${
- window.location.origin
- }${getConfig('PREVIEW_SCRIPTS_URL', { nullishString: true })}`;
+ previewScripts.src = `${window.location.origin}${getConfig(
+ 'PREVIEW_SCRIPTS_URL',
+ { nullishString: true }
+ )}`;
previewScripts.setAttribute('crossorigin', '');
sketchDoc.head.appendChild(previewScripts);
diff --git a/client/routes.jsx b/client/routes.jsx
index 2195d95da2..bde0e8381d 100644
--- a/client/routes.jsx
+++ b/client/routes.jsx
@@ -26,10 +26,11 @@ import ProtectedSketchRoute from './protected-route';
* It is a nested property of `match`.
* Use an HOC to lift it up to top-level.
*/
-const withParams = (Component) => (props) => (
- // eslint-disable-next-line react/prop-types
- ,
errors: FormErrors
@@ -41,7 +37,6 @@ function validateUsernameEmail(
}
}
-/** Processes form & mutates errors to add any `password` and `confirmPassword` errors */
function validatePasswords(
formProps: Partial,
errors: FormErrors
@@ -64,12 +59,8 @@ function validatePasswords(
}
}
-// ====== PUBLIC: ========
-
-// Account Form:
export type AccountForm = UsernameAndEmail & CurrentPassword & NewPassword;
-/** Validation for the Account Form */
export function validateSettings(
formProps: Partial
): Partial {
@@ -92,10 +83,8 @@ export function validateSettings(
return errors;
}
-// Login form:
export type LoginForm = UsernameAndEmail & Password;
-/** Validation for the Login Form */
export function validateLogin(
formProps: Partial
): Partial {
@@ -111,7 +100,6 @@ export function validateLogin(
export type NewPasswordForm = PasswordsConfirm;
-/** Validation for the New Password Form */
export function validateNewPassword(
formProps: Partial
): Partial {
@@ -120,10 +108,8 @@ export function validateNewPassword(
return errors;
}
-// Signup Form:
export type SignupForm = UsernameAndEmail & PasswordsConfirm;
-/** Validation for the Signup Form */
export function validateSignup(
formProps: Partial
): Partial {
@@ -135,10 +121,8 @@ export function validateSignup(
return errors;
}
-// Reset Password Form:
export type ResetPasswordForm = Email;
-/** Validation for the Reset Password Form */
export function validateResetPassword(
formProps: Partial
): Partial {
diff --git a/contributor_docs/GSOC_hinter_and_refactoring_changes.md b/contributor_docs/GSOC_hinter_and_refactoring_changes.md
index 688127880e..1438be68ba 100644
--- a/contributor_docs/GSOC_hinter_and_refactoring_changes.md
+++ b/contributor_docs/GSOC_hinter_and_refactoring_changes.md
@@ -1,12 +1,15 @@
# GSoC 2025: p5.js Autocomplete Hinter & Refactoring System
+
This readme elaborates on the core components of the context-aware autocomplete hinter, refactoring utilities, and supporting data structures developed as part of Google Summer of Code 2025. The goal is to enable smart context-aware autocompletion, jump-to-definition, and safe variable renaming.
# Project Overview
## Autocomplete Hinter Context-Aware Functionality
+
The following files and modules work together to make the p5.js autocomplete hinter context-aware:
### p5CodeAstAnalyzer.js
+
Purpose: Parses user-written p5.js code using Babel and extracts structural information:
- Maps variable names to p5 class instances
@@ -22,6 +25,7 @@ Key Output Maps:
- userDefinedClassMetadata: Metadata for user-defined classes (methods, constructor properties)
### context-aware-hinter.js
+
Purpose: Provides code autocompletion hints based on:
- Current cursor context (draw, setup, etc.)
@@ -37,12 +41,15 @@ Features:
- Ranks hints by type and scope relevance
### getContext.js
+
Purpose: Get the context of the cursor, i.e. inside what function is the cursor in
## Context-Aware Renaming Functionality
+
The following files ensure context-aware renaming when a variable or user-defined function is selected and the F2 button is clicked
### rename-variable.js
+
Purpose: Safely renames a variable in the user's code editor by:
- Analyzing AST to find all matching identifiers
@@ -50,12 +57,15 @@ Purpose: Safely renames a variable in the user's code editor by:
- Performing in-place replacement using CodeMirror APIs
### showRenameDialog.jsx
+
Purpose: Opens either a dialog box to get the new variable name or a temporary box to show that the word selected cannot be renamed
## Jump to Definition
-The following file allows user to jump to the definition for variables or parameters when a word is ctrl-clicked.
+
+The following file allows user to jump to the definition for variables or parameters when a word is ctrl-clicked.
### jumptodefinition.js
+
Purpose: Implements “jump to definition” for variables or parameters in the editor.
How It Works:
@@ -65,19 +75,23 @@ How It Works:
- Moves the editor cursor to the source location of the definition
## Supporting Data Files
+
### p5-instance-methods-and-creators.json
+
Purpose: Maps p5.js classes to:
- Methods used to instantiate them (createMethods)
- Methods available on those instances (methods)
### p5-scope-function-access-map.json
+
Purpose: Defines which p5.js functions are allowed or disallowed inside functions like setup, draw, preload, etc.
### p5-reference-functions.json
+
Purpose: A flat list of all available p5.js functions.
Used to:
- Differentiate between built-in and user-defined functions
-- Filter out redefinitions or incorrect hints
\ No newline at end of file
+- Filter out redefinitions or incorrect hints
diff --git a/contributor_docs/accessibility.md b/contributor_docs/accessibility.md
index b29a7c02d5..e6bb144dfb 100644
--- a/contributor_docs/accessibility.md
+++ b/contributor_docs/accessibility.md
@@ -5,19 +5,19 @@ Here is a guide on [how to use the accessible editor](https://gist.github.com/Ma
The code for the p5.js web editor adheres to web accessibility standards. The following guidelines will help to ensure that accessibility continues to be a priority as development continues.
## Screen Reader and Keyboard Access
+
**Code Structure**
-* Screen Readers are an assistive technology for vision loss that helps users to navigate a web page. They are able to prioritize content based on the semantic meaning of HTML tags. Therefore, it is important to use specific tags, such as `nav`, `ul`, `li`, `section`, and so on. `div` is the least screen reader-friendly tag. For example, [here is the semantic meaning of the `body` tag](http://html5doctor.com/element-index/#body)
-* All buttons/links/windows need to be accessible by the keyboard ( By tabbing, pressing space etc.)
-* In cases where tags are not screen reader-friendly, we can take advantage of [tabIndex](http://webaim.org/techniques/keyboard/tabindex). Using tabIndex ensures that all elements are accessible via keyboard. [code example](https://github.com/processing/p5.js-web-editor/blob/edae248eede21d7ad7702945929efbcdfeb4d9ea/client/modules/IDE/components/Sidebar.jsx#L88)
-* When opening a new window or pop up window, ensure the keyboard focus also moves to the new window. [code example](https://github.com/processing/p5.js-web-editor/blob/edae248eede21d7ad7702945929efbcdfeb4d9ea/client/modules/IDE/components/NewFileForm.jsx#L32)
+- Screen Readers are an assistive technology for vision loss that helps users to navigate a web page. They are able to prioritize content based on the semantic meaning of HTML tags. Therefore, it is important to use specific tags, such as `nav`, `ul`, `li`, `section`, and so on. `div` is the least screen reader-friendly tag. For example, [here is the semantic meaning of the `body` tag](http://html5doctor.com/element-index/#body)
+- All buttons/links/windows need to be accessible by the keyboard ( By tabbing, pressing space etc.)
+- In cases where tags are not screen reader-friendly, we can take advantage of [tabIndex](http://webaim.org/techniques/keyboard/tabindex). Using tabIndex ensures that all elements are accessible via keyboard. [code example](https://github.com/processing/p5.js-web-editor/blob/edae248eede21d7ad7702945929efbcdfeb4d9ea/client/modules/IDE/components/Sidebar.jsx#L88)
+- When opening a new window or pop up window, ensure the keyboard focus also moves to the new window. [code example](https://github.com/processing/p5.js-web-editor/blob/edae248eede21d7ad7702945929efbcdfeb4d9ea/client/modules/IDE/components/NewFileForm.jsx#L32)
**Labeling**
-* When creating button icons, images, or something without text (this does not include an HTML5 ``), use [aria-labels](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label). [code example](https://github.com/processing/p5.js-web-editor/blob/edae248eede21d7ad7702945929efbcdfeb4d9ea/client/modules/IDE/components/Toolbar.jsx#L107)
-* All ``s need to have a `summary` attribute. This will ensure user is given context to what the table is. [code example](https://github.com/processing/p5.js-web-editor/blob/edae248eede21d7ad7702945929efbcdfeb4d9ea/client/modules/IDE/components/SketchList.jsx#L491)
-* `ul`s and `nav`s menus need to include a title. [code example](https://github.com/processing/p5.js-web-editor/blob/edae248eede21d7ad7702945929efbcdfeb4d9ea/client/components/Nav.jsx#L281)
-
+- When creating button icons, images, or something without text (this does not include an HTML5 ``), use [aria-labels](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label). [code example](https://github.com/processing/p5.js-web-editor/blob/edae248eede21d7ad7702945929efbcdfeb4d9ea/client/modules/IDE/components/Toolbar.jsx#L107)
+- All ``s need to have a `summary` attribute. This will ensure user is given context to what the table is. [code example](https://github.com/processing/p5.js-web-editor/blob/edae248eede21d7ad7702945929efbcdfeb4d9ea/client/modules/IDE/components/SketchList.jsx#L491)
+- `ul`s and `nav`s menus need to include a title. [code example](https://github.com/processing/p5.js-web-editor/blob/edae248eede21d7ad7702945929efbcdfeb4d9ea/client/components/Nav.jsx#L281)
## Color Blind and Low-Vision Accessibility
@@ -25,38 +25,39 @@ To make the editor accessible to color blind and low-vision users, it is importa
**Contrast**
-* The [WCAG 2.2 accessibility guidelines](https://www.w3.org/TR/WCAG22/) include guidelines [1.4.3: Perceivable - Contrast (minimum)](https://www.w3.org/TR/WCAG22/#contrast-minimum) and [1.4.11: Perceivable - Non-text Contrast](https://www.w3.org/TR/WCAG22/#non-text-contrast). The guideline for contrast is to ensure that color blind and low-vision users are able to visually distinguish elements that are different colors from one another.
+- The [WCAG 2.2 accessibility guidelines](https://www.w3.org/TR/WCAG22/) include guidelines [1.4.3: Perceivable - Contrast (minimum)](https://www.w3.org/TR/WCAG22/#contrast-minimum) and [1.4.11: Perceivable - Non-text Contrast](https://www.w3.org/TR/WCAG22/#non-text-contrast). The guideline for contrast is to ensure that color blind and low-vision users are able to visually distinguish elements that are different colors from one another.
-* These guidelines specify the AA standard of contrast ratios between the foreground and background of different types of text, images, and UI components.
+- These guidelines specify the AA standard of contrast ratios between the foreground and background of different types of text, images, and UI components.
- * Small text (above 14pt and below 18pt and not bold) must have a contrast ratio of at least 4.5:1
- * [Large text](https://www.w3.org/TR/WCAG22/#dfn-large-scale) (above 18 pt regular/14 pt bold or roughly 1.2-1.5em) must have a contrast ratio of at least 3:1
- * UI components must have a contrast ratio of at least 3:1 against all adjacent colors
- * The color marking the state of UI components (ie active vs inactive) must have a contrast ratio of at least 3:1 relative to each other
- * Graphics that are required for understanding content must have a contrast ratio of at least 3:1 against all adjacent colors
- * Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.
- * Text that is part of a logo or brand name has no contrast requirement.
+ - Small text (above 14pt and below 18pt and not bold) must have a contrast ratio of at least 4.5:1
+ - [Large text](https://www.w3.org/TR/WCAG22/#dfn-large-scale) (above 18 pt regular/14 pt bold or roughly 1.2-1.5em) must have a contrast ratio of at least 3:1
+ - UI components must have a contrast ratio of at least 3:1 against all adjacent colors
+ - The color marking the state of UI components (ie active vs inactive) must have a contrast ratio of at least 3:1 relative to each other
+ - Graphics that are required for understanding content must have a contrast ratio of at least 3:1 against all adjacent colors
+ - Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.
+ - Text that is part of a logo or brand name has no contrast requirement.
-* The [Colour Contrast Analyser](https://www.tpgi.com/color-contrast-checker/) tool by TPGi is a downloadable app that allows you to check color contrast and see if it complies with requirements for small text, large text, and GUI elements.
+- The [Colour Contrast Analyser](https://www.tpgi.com/color-contrast-checker/) tool by TPGi is a downloadable app that allows you to check color contrast and see if it complies with requirements for small text, large text, and GUI elements.
-* It is recommended that you adhere to the codelens color palettes (light, dark, and contrast) when contributing to the p5 editor, which define different colors for different parts of the GUI. These colors can be found in client/styles/components/abstracts/variables.scss. Many components come with color defaults that use theme-wide color styles. Some color combinations within the palettes meet foreground/background contrast requirements and others do not, so it is important to check them.
-* A p5 editor contributor [(Izzy Snyder)]([url](https://github.com/Izzy-Snyder)) created a tool to check which colors in the editor palette do and do not comply with contrast standards. You can [check out the Github Repository]([url](https://github.com/Izzy-Snyder/contrast-palette-checker)) to try it out yourself.
+- It is recommended that you adhere to the codelens color palettes (light, dark, and contrast) when contributing to the p5 editor, which define different colors for different parts of the GUI. These colors can be found in client/styles/components/abstracts/variables.scss. Many components come with color defaults that use theme-wide color styles. Some color combinations within the palettes meet foreground/background contrast requirements and others do not, so it is important to check them.
+- A p5 editor contributor [(Izzy Snyder)](<[url](https://github.com/Izzy-Snyder)>) created a tool to check which colors in the editor palette do and do not comply with contrast standards. You can [check out the Github Repository](<[url](https://github.com/Izzy-Snyder/contrast-palette-checker)>) to try it out yourself.
**Use of Color**
-* The [WCAG 2.2 accessibility guidelines](https://www.w3.org/TR/WCAG22/) include [guideline 1.4.1 - perceivable: use of color](https://www.w3.org/TR/WCAG22/#use-of-color). This guideline states that “Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.”
-* Essentially, information that the user needs to be aware of such as the presence of links, the state of buttons, and the presence of errors should not be communicated through color (hue) differences alone. Additionally, the user must not be expected to correctly identify a specific color to use the site (e.g saying “errors are marked in red”).
-* This does not mean color cannot be used to convey information - that is great design practice! However, that information should also be conveyed in an additional way.
-* Ways to convey information include:
- * [using text labels in addition to color](https://www.w3.org/WAI/WCAG22/Techniques/general/G14)
- * [using additional non-color styling cues](https://www.w3.org/WAI/WCAG22/Techniques/general/G182) such as underlining or bolding text to differentiate links from surrounding text
- * [using different fill patterns](https://www.w3.org/WAI/WCAG22/Techniques/general/G111) to differentiate GUI elements
- *[using appropriate contrast](https://www.w3.org/WAI/WCAG22/Techniques/general/G183) (meaning differences in lightness/darkness instead of just hue) between differently colored elements.
-* Using styling that is completely unrelated to color is often the most straightforward way to meet this guideline, compared to color contrast which requires more attention to detail on a per-component basis to implement and maintain.
+
+- The [WCAG 2.2 accessibility guidelines](https://www.w3.org/TR/WCAG22/) include [guideline 1.4.1 - perceivable: use of color](https://www.w3.org/TR/WCAG22/#use-of-color). This guideline states that “Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.”
+- Essentially, information that the user needs to be aware of such as the presence of links, the state of buttons, and the presence of errors should not be communicated through color (hue) differences alone. Additionally, the user must not be expected to correctly identify a specific color to use the site (e.g saying “errors are marked in red”).
+- This does not mean color cannot be used to convey information - that is great design practice! However, that information should also be conveyed in an additional way.
+- Ways to convey information include:
+ - [using text labels in addition to color](https://www.w3.org/WAI/WCAG22/Techniques/general/G14)
+ - [using additional non-color styling cues](https://www.w3.org/WAI/WCAG22/Techniques/general/G182) such as underlining or bolding text to differentiate links from surrounding text
+ - [using different fill patterns](https://www.w3.org/WAI/WCAG22/Techniques/general/G111) to differentiate GUI elements \*[using appropriate contrast](https://www.w3.org/WAI/WCAG22/Techniques/general/G183) (meaning differences in lightness/darkness instead of just hue) between differently colored elements.
+- Using styling that is completely unrelated to color is often the most straightforward way to meet this guideline, compared to color contrast which requires more attention to detail on a per-component basis to implement and maintain.
## Accessible web design resources
-* For more information on accessibility see the [teach access tutorial](https://teachaccess.github.io/tutorial/)
-* [WCAG 2.2 Guidelines](https://www.w3.org/WAI/WCAG22/quickref)
-* [Checklist - The A11Y Project](https://www.a11yproject.com/checklist/) - a basic accessibility checklist based on the WCAG 2.2 guidelines
-* [Resources - The A11Y Project](https://www.a11yproject.com/resources/) - resource library including articles, tools, and classes on accessible web design.
-* [Deque University](https://dequeuniversity.com/) - classes and articles on accessible design
-* [Color accessibility beyond a pass/fail by Lauren Jong](https://medium.com/san-francisco-digital-services/color-accessibility-beyond-a-pass-fail-2ea19be4b3c1) - a more nuanced case study on designing for accessibility with regard to color
+
+- For more information on accessibility see the [teach access tutorial](https://teachaccess.github.io/tutorial/)
+- [WCAG 2.2 Guidelines](https://www.w3.org/WAI/WCAG22/quickref)
+- [Checklist - The A11Y Project](https://www.a11yproject.com/checklist/) - a basic accessibility checklist based on the WCAG 2.2 guidelines
+- [Resources - The A11Y Project](https://www.a11yproject.com/resources/) - resource library including articles, tools, and classes on accessible web design.
+- [Deque University](https://dequeuniversity.com/) - classes and articles on accessible design
+- [Color accessibility beyond a pass/fail by Lauren Jong](https://medium.com/san-francisco-digital-services/color-accessibility-beyond-a-pass-fail-2ea19be4b3c1) - a more nuanced case study on designing for accessibility with regard to color
diff --git a/contributor_docs/deployment.md b/contributor_docs/deployment.md
index f40be893fa..dd04e132e9 100644
--- a/contributor_docs/deployment.md
+++ b/contributor_docs/deployment.md
@@ -3,14 +3,15 @@
This document contains information about how to deploy to production, all of the different platforms and tools, and how to configure them.
WIP:
-* Travis
-* Docker Hub
-* Kubernetes
-* S3
-* Mailgun
-* Cloudflare
-* DNS/Dreamhost
-* mLab
+
+- Travis
+- Docker Hub
+- Kubernetes
+- S3
+- Mailgun
+- Cloudflare
+- DNS/Dreamhost
+- mLab
## Deployment Process
@@ -46,7 +47,7 @@ If you are interested in hosting and deploying your own p5.js Web Editor instanc
1. Sign up for a free account at: [Heroku](https://www.heroku.com/)
2. Click here: [](https://heroku.com/deploy?template=https://github.com/processing/p5.js-web-editor/tree/develop)
-3. Enter a unique *App name*, this will become part of the URL (i.e. https://app-name.herokuapp.com/)
+3. Enter a unique _App name_, this will become part of the URL (i.e. https://app-name.herokuapp.com/)
4. Update any configuration variables, or accept the defaults for a quick evaluation (they can be changed later to enable full functionality)
5. Click on the "Deploy app" button
6. When complete, click on the "View app" button
diff --git a/contributor_docs/development.md b/contributor_docs/development.md
index 7a8b139772..4117ec766d 100644
--- a/contributor_docs/development.md
+++ b/contributor_docs/development.md
@@ -13,38 +13,43 @@ A guide for adding code to this project.
- [Technologies Used](#technologies-used)
## Installation
+
Follow the [installation guide](./installation.md).
## Development Workflow
-* This project uses git-flow. For an in-depth overview of git-flow, read ["A successful Git branching model"](https://nvie.com/posts/a-successful-git-branching-model/).
-* [Let's stop saying Master/Slave](https://medium.com/@mikebroberts/let-s-stop-saying-master-slave-10f1d1bf34df)
+
+- This project uses git-flow. For an in-depth overview of git-flow, read ["A successful Git branching model"](https://nvie.com/posts/a-successful-git-branching-model/).
+- [Let's stop saying Master/Slave](https://medium.com/@mikebroberts/let-s-stop-saying-master-slave-10f1d1bf34df)
As a person contributing code but not creating production releases (this is most people!), here's what you need to know:
-* The default branch is `develop`. All pull requests should be made to this branch. It should be stable, and all commits are visible at a staging server.
-* When working on a bug or feature, you should branch from the `develop` branch. When you're done, you should open a pull request from your feature branch to `develop`.
-* The `release` branch is the live production branch and is the code deployed to editor.p5js.org. Changes to this branch should be made carefully and will be done using git tags.
-* Emergency hotfix changes should be branched from `release` and merged via a pull request to `release`. After a PR is merged, then the commits can be merged to `develop`.
+
+- The default branch is `develop`. All pull requests should be made to this branch. It should be stable, and all commits are visible at a staging server.
+- When working on a bug or feature, you should branch from the `develop` branch. When you're done, you should open a pull request from your feature branch to `develop`.
+- The `release` branch is the live production branch and is the code deployed to editor.p5js.org. Changes to this branch should be made carefully and will be done using git tags.
+- Emergency hotfix changes should be branched from `release` and merged via a pull request to `release`. After a PR is merged, then the commits can be merged to `develop`.
See the [release guide](./release.md) for information about creating a release.
## Tests
+
To run the test suite simply run `npm test` (after installing dependencies with `npm install`)
A sample unit test could be found here: [Nav.unit.test.jsx](../client/modules/IDE/components/Header/Nav.unit.test.jsx).
## Committing Code
+
Inspired by [Git/GitHub commit standards & conventions](https://gist.github.com/digitaljhelms/3761873).
Good commit messages serve at least three important purposes:
-* They speed up the reviewing process.
-* They help us write good release notes.
-* They help future maintainers understand your change and the reasons behind it.
-
+- They speed up the reviewing process.
+- They help us write good release notes.
+- They help future maintainers understand your change and the reasons behind it.
### General Rules
-* Make [atomic commits](http://en.wikipedia.org/wiki/Atomic_commit) of changes, even across multiple files, in logical units. That is, as much as possible, each commit should be focused on one specific purpose.
-* As much as possible, make sure a commit does not contain unnecessary whitespace changes. This can be checked as follows:
+
+- Make [atomic commits](http://en.wikipedia.org/wiki/Atomic_commit) of changes, even across multiple files, in logical units. That is, as much as possible, each commit should be focused on one specific purpose.
+- As much as possible, make sure a commit does not contain unnecessary whitespace changes. This can be checked as follows:
```
$ git diff --check
@@ -54,43 +59,45 @@ $ git diff --check
Structure your commit message like this:
- ```
- [#issueid] Short (50 chars or less) summary of changes
+```
+[#issueid] Short (50 chars or less) summary of changes
+
+More detailed explanatory text, if necessary. Wrap it to about 72 characters or so. In some contexts, the first line is treated as the subject of an email and the rest of the text as the body. The blank line separating the summary from the body is critical (unless you omit the body entirely); tools like rebase can get confused if you run the two together.
- More detailed explanatory text, if necessary. Wrap it to about 72 characters or so. In some contexts, the first line is treated as the subject of an email and the rest of the text as the body. The blank line separating the summary from the body is critical (unless you omit the body entirely); tools like rebase can get confused if you run the two together.
+Further paragraphs come after blank lines.
- Further paragraphs come after blank lines.
+ - Bullet points are okay, too
- - Bullet points are okay, too
+ - Typically a hyphen or asterisk is used for the bullet, preceded by a single space, with blank lines in between, but conventions vary here
+```
- - Typically a hyphen or asterisk is used for the bullet, preceded by a single space, with blank lines in between, but conventions vary here
- ```
-* Write the summary line and description of what you have done in the imperative mode, that is as if you were commanding someone. Start the line with "Fix", "Add", "Change" instead of "Fixed", "Added", "Changed".
-* Link the GitHub issue you are working on in the summary line in brackets, e.g. [#123]
-* Always leave the second line blank.
-* Be as descriptive as possible in the description. It helps to reason about the intention of commits and gives more context about why changes happened.
-* If it seems difficult to summarize what your commit does, it may be because it includes several logical changes or bug fixes, and are better split up into several commits using `git add -p`.
-* Note that you can connect multiple issues to a commit, if necessary: `[#123][#456] Add Button component`
+- Write the summary line and description of what you have done in the imperative mode, that is as if you were commanding someone. Start the line with "Fix", "Add", "Change" instead of "Fixed", "Added", "Changed".
+- Link the GitHub issue you are working on in the summary line in brackets, e.g. [#123]
+- Always leave the second line blank.
+- Be as descriptive as possible in the description. It helps to reason about the intention of commits and gives more context about why changes happened.
+- If it seems difficult to summarize what your commit does, it may be because it includes several logical changes or bug fixes, and are better split up into several commits using `git add -p`.
+- Note that you can connect multiple issues to a commit, if necessary: `[#123][#456] Add Button component`
## Design
+
- [Style Guide/Design System on Zeplin](https://scene.zeplin.io/project/55f746c54a02e1e50e0632c3)
- [Latest Design on Figma](https://www.figma.com/file/5KychMUfHlq97H0uDsen1U/p5-web-editor-2017.p.copy?node-id=0%3A1). Note that the current design on the website has diverged, parts of this design will not be implemented, but it is still helpful to have around for reference.
- [Mobile Designs](https://www.figma.com/file/5KychMUfHlq97H0uDsen1U/p5-web-editor-2017.p.copy?node-id=0%3A2529), [Responsive Designs](https://www.figma.com/file/5KychMUfHlq97H0uDsen1U/p5-web-editor-2017.p.copy?node-id=0%3A3292)
## Technologies Used
-**MERN stack** - MongoDB, Express, React/Redux, and Node.
-
- - For a reference to the **file structure format** this project is using, please look at the [Mern Starter](https://github.com/Hashnode/mern-starter).
+**MERN stack** - MongoDB, Express, React/Redux, and Node.
+
+- For a reference to the **file structure format** this project is using, please look at the [Mern Starter](https://github.com/Hashnode/mern-starter).
+
+- This project does not use CSS Modules, styled-components, or other CSS-in-JS libraries, but uses Sass. [BEM guidelines and naming conventions](http://getbem.com/) are followed.
- - This project does not use CSS Modules, styled-components, or other CSS-in-JS libraries, but uses Sass. [BEM guidelines and naming conventions](http://getbem.com/) are followed.
-
- - For common and reusable styles, write OOSCSS (Object-Oriented SCSS) with placeholders and mixins. For organizing styles, follow the [7-1 Pattern](https://sass-guidelin.es/#the-7-1-pattern) for Sass.
+- For common and reusable styles, write OOSCSS (Object-Oriented SCSS) with placeholders and mixins. For organizing styles, follow the [7-1 Pattern](https://sass-guidelin.es/#the-7-1-pattern) for Sass.
- - We're using [ES6](http://es6-features.org/) and transpiling to ES5 using [Babel](https://babeljs.io/).
+- We're using [ES6](http://es6-features.org/) and transpiling to ES5 using [Babel](https://babeljs.io/).
- - For reference to the JavaScript style guide, see the [Airbnb Style Guide](https://github.com/airbnb/javascript), [React ESLint Plugin](https://github.com/yannickcr/eslint-plugin-react).
+- For reference to the JavaScript style guide, see the [Airbnb Style Guide](https://github.com/airbnb/javascript), [React ESLint Plugin](https://github.com/yannickcr/eslint-plugin-react).
- - The ESLint configuration is based on a few popular React/Redux boilerplates. Open to suggestions on this. If in development, you're getting annoyed with ESLint, you can disable any line from eslint by commenting at the end of the line `// eslint-disable-line`.
+- The ESLint configuration is based on a few popular React/Redux boilerplates. Open to suggestions on this. If in development, you're getting annoyed with ESLint, you can disable any line from eslint by commenting at the end of the line `// eslint-disable-line`.
- - [Jest](https://jestjs.io/) for unit tests and snapshot testing along with [Enzyme](https://airbnb.io/enzyme/) for testing React.
+- [Jest](https://jestjs.io/) for unit tests and snapshot testing along with [Enzyme](https://airbnb.io/enzyme/) for testing React.
diff --git a/contributor_docs/installation.md b/contributor_docs/installation.md
index 2971623e93..2a3ecf8d14 100644
--- a/contributor_docs/installation.md
+++ b/contributor_docs/installation.md
@@ -8,9 +8,10 @@ Before you dive in, note that there are two ways to install the project locally:
- **Docker Installation** is ideal if you want a faster setup with all dependencies (Node, MongoDB, etc.) isolated in containers. This avoids version conflicts and works consistently across environments especially helpful if you're new to backend setup or don't want to alter your local setup.
-If you're just getting started, try going with the **Manual Installation** method! Once you're comfortable with one method, feel free to try out both to see which one you prefer.
+If you're just getting started, try going with the **Manual Installation** method! Once you're comfortable with one method, feel free to try out both to see which one you prefer.
### Installation Issues
+
If you run into any issues while setting up your environment, take some time to search through [prior issues](https://github.com/processing/p5.js-web-editor/issues) here or discussions on the [Processing Foundation discourse](https://discourse.processing.org/) to see if anyone has encountered what you've faced before. If you don't find anything, feel free to open one!
## Manual Installation
@@ -18,7 +19,7 @@ If you run into any issues while setting up your environment, take some time to
_Note_: The installation steps assume you are using a Unix-like shell. If you are using Windows, you will need to use `copy` instead of `cp`.
1. Install Node.js. The recommended way is to Node through [nvm](https://github.com/nvm-sh/nvm), which is a command-line tool that helps you manage different versions of Node.js on your system. You can install nvm by using [nvm's installation guide](https://github.com/nvm-sh/nvm?tab=readme-ov-file#installing-and-updating).
- - You can also install [node.js](https://nodejs.org/download/release/v18.20.8/) version 18.20.8 directly from the Node.js website. To check if you already have Node installed on your computer, run `$ node -v`.
+ - You can also install [node.js](https://nodejs.org/download/release/v18.20.8/) version 18.20.8 directly from the Node.js website. To check if you already have Node installed on your computer, run `$ node -v`.
2. [Fork](https://help.github.com/articles/fork-a-repo) the [p5.js Web Editor repository](https://github.com/processing/p5.js-web-editor) into your own GitHub account.
3. [Clone](https://help.github.com/articles/cloning-a-repository/) your new fork of the repository from GitHub onto your local computer.
@@ -27,20 +28,21 @@ _Note_: The installation steps assume you are using a Unix-like shell. If you ar
```
4. If you are using nvm, run `$ nvm use 18.20.8` to set your Node version to 18.20.8
-5. Ensure your npm version is set to 10.8.2 by running `$ npm -v`. If it isn't, run `npm install -g npm@10.8.2` to install it.
+5. Ensure your npm version is set to 10.8.2 by running `$ npm -v`. If it isn't, run `npm install -g npm@10.8.2` to install it.
6. Navigate into the project folder and install all its necessary dependencies with npm.
```
$ cd p5.js-web-editor
$ npm install
```
+
7. Install MongoDB and make sure it is running
- * For Mac OSX with [homebrew](http://brew.sh/): `brew tap mongodb/brew` then `brew install mongodb-community` and finally start the server with `brew services start mongodb-community` or you can visit the installation guide here [Installation Guide For MacOS](https://docs.mongodb.com/manual/tutorial/install-mongodb-on-os-x/)
- * For Windows and Linux: [MongoDB Installation](https://docs.mongodb.com/manual/installation/)
+ - For Mac OSX with [homebrew](http://brew.sh/): `brew tap mongodb/brew` then `brew install mongodb-community` and finally start the server with `brew services start mongodb-community` or you can visit the installation guide here [Installation Guide For MacOS](https://docs.mongodb.com/manual/tutorial/install-mongodb-on-os-x/)
+ - For Windows and Linux: [MongoDB Installation](https://docs.mongodb.com/manual/installation/)
8. `$ cp .env.example .env`
9. (Optional) Update `.env` with necessary keys to enable certain app behaviors, i.e. add Github ID and Github Secret if you want to be able to log in with Github.
- * See the [GitHub API Configuration](#github-api-configuration) section for information on how to authenticate with Github.
- * See the [S3 Bucket Configuration](#s3-bucket-configuration) section for information on how to set up an S3 bucket
+ - See the [GitHub API Configuration](#github-api-configuration) section for information on how to authenticate with Github.
+ - See the [S3 Bucket Configuration](#s3-bucket-configuration) section for information on how to set up an S3 bucket
10. (Optional) Run `$ npm run fetch-examples` to download the example sketches into a user called 'p5'. Note that you need to configure your GitHub Credentials, which you can do by following the [Github API Configuration](#github-api-configuration) section.
11. Enable Prettier in your text editor by following [this guide](https://prettier.io/docs/en/editors.html).
12. `$ npm start`
@@ -57,17 +59,17 @@ Using Docker, you can have a complete, consistent development environment withou
Note that this takes up a significant amount of space on your machine. Make sure you have at least 5GB free.
1. Install Docker for your operating system
- * [Mac](https://www.docker.com/docker-mac)
- * [Windows](https://www.docker.com/docker-windows)
+ - [Mac](https://www.docker.com/docker-mac)
+ - [Windows](https://www.docker.com/docker-windows)
2. Install [Docker Desktop](https://www.docker.com/products/docker-desktop/)
3. Clone this repository and cd into it
4. `$ docker-compose -f docker-compose-development.yml build`
- * Note: Depending on which version of Docker Compose you are using, the base command will be either `docker-compose` or `docker compose`. More information about it can be found in Docker Compose's documentation for their [V1 to V2 transition](https://github.com/docker/compose/tree/v1?tab=readme-ov-file#v1-vs-v2-transition-hourglass_flowing_sand).
+ - Note: Depending on which version of Docker Compose you are using, the base command will be either `docker-compose` or `docker compose`. More information about it can be found in Docker Compose's documentation for their [V1 to V2 transition](https://github.com/docker/compose/tree/v1?tab=readme-ov-file#v1-vs-v2-transition-hourglass_flowing_sand).
5. `$ cp .env.example .env`
6. (Optional) Update `.env` with necessary keys to enable certain app behaviors, i.e. add Github ID and Github Secret if you want to be able to log in with Github.
- * See the [GitHub API Configuration](#github-api-configuration) section for information on how to authenticate with Github.
- * See the [S3 Bucket Configuration](#s3-bucket-configuration) section for information on how to set up an S3 bucket
-7. `$ docker-compose -f docker-compose-development.yml run --rm app npm run fetch-examples` - note that you need to configure your GitHub Credentials, which you can do by following the [Github API Configuration](#github-api-configuration) section.
+ - See the [GitHub API Configuration](#github-api-configuration) section for information on how to authenticate with Github.
+ - See the [S3 Bucket Configuration](#s3-bucket-configuration) section for information on how to set up an S3 bucket
+7. `$ docker-compose -f docker-compose-development.yml run --rm app npm run fetch-examples` - note that you need to configure your GitHub Credentials, which you can do by following the [Github API Configuration](#github-api-configuration) section.
8. Enable Prettier in your text editor by following [this guide](https://prettier.io/docs/en/editors.html).
Now, anytime you wish to start the server with its dependencies, you can run:
@@ -87,23 +89,26 @@ If you don't have the full server environment running, you can launch a one-off
See [this configuration guide](./s3_configuration.md) for information about how to configure your own S3 bucket. These instructions were adapted from [this gist](https://gist.github.com/catarak/70c9301f0fd1ac2d6b58de03f61997e3).
-Note that this is optional unless you are working on the part of the application that allows a user to upload images, videos, etc.
+Note that this is optional unless you are working on the part of the application that allows a user to upload images, videos, etc.
## GitHub API Configuration
In this application, GitHub credentials are used for:
-* Authentication with GitHub
-* Importing the p5.js examples to your local database
-* Rendering the 404 pages
+
+- Authentication with GitHub
+- Importing the p5.js examples to your local database
+- Rendering the 404 pages
If you are working on a part of the application that requires one of the above uses, then you will need to get GitHub API credentials.
When you go to the [Developer settings](https://github.com/settings/developers) in your GitHub account, you will see that you can create two types of Apps: `GitHub Apps` and `OAuth Apps` ([differences between GitHub Apps and OAuth Apps](https://docs.github.com/en/free-pro-team@latest/developers/apps/differences-between-github-apps-and-oauth-apps)). This project requires you to make an `OAuth App`. After clicking on "New OAuth App", you will need to fill in the following fields:
+
- **Application name**: `p5.js Web Editor - Local`
- **Homepage URL**: `http://localhost:8000`
- **Authorization Callback URL**: `http://localhost:8000/auth/github/callback`
Once you've created a new OAuth app, update your `.env`:
+
```
GITHUB_ID={GITHUB_ID}
GITHUB_SECRET={GITHUB_SECRET}
diff --git a/contributor_docs/preparing_a_pull_request.md b/contributor_docs/preparing_a_pull_request.md
index f903008f57..f78c5fdded 100644
--- a/contributor_docs/preparing_a_pull_request.md
+++ b/contributor_docs/preparing_a_pull_request.md
@@ -2,12 +2,13 @@
Copied and updated from the [p5.js repository](https://github.com/processing/p5.js).
-Pull-requests are easier when your code is up to date!
+Pull-requests are easier when your code is up to date!
## Before Submitting a Pull Request
+
Before submitting a pull request, make sure that:
-- Your work is related to an issue. **Pull requests that do not have an associated issue will not be accepted.**
+- Your work is related to an issue. **Pull requests that do not have an associated issue will not be accepted.**
- **The issue is not already assigned to another contributor.** We follow a "first assigned, first served" approach to avoid duplicated work. If you open a PR for an issue that someone else is already working on, your PR will be closed.
- Your work adheres to the style guidelines and fits in with the rest of the codebase.
- You ran the project locally and tested your changes. Pay special attention to any specific areas of the p5.js editor that may be affected by your changes. Does everything still work as before? Great!
@@ -17,12 +18,13 @@ Once that's done, you can use git rebase to update your code to incorporate chan
## Save and Update
### Save everything you have!
+
git status
git add -u
git commit
-
### Find out about changes
+
Make sure you're tracking the upstream p5.js repository.
git remote show upstream
@@ -36,27 +38,35 @@ Then ask git about the latest changes.
git fetch upstream
### Just in case: make a copy of your changes in a new branch
+
git branch your-branch-name-backup
-### Apply changes from develop branch, adds your changes *after*
+### Apply changes from develop branch, adds your changes _after_
+
git rebase upstream/develop
### Switches back to develop branch
+
git checkout develop
### Helps other contributors fully understand the changes that you made
- git commit -m "Fixed documentation typos"
-### Verifies what git will be committing
- git status
+ git commit -m "Fixed documentation typos"
+
+### Verifies what git will be committing
+
+ git status
## Pull Request Templates
+
Once you've opened your pull request, please ensure that you follow the guidelines.
## CONFLICTS
+
You may have some conflicts! It's okay. Feel free to ask for help. If merging with the latest upstream `develop` branch causes conflicts, you can always make a pull request with the upstream repository, which makes the merge conflicts public.
## And finally, for the great glory
+
git push --set-upstream origin your-branch-name-backup
-Here's a [good tutorial reference on rebasing](https://www.atlassian.com/git/tutorials/merging-vs-rebasing), in case you're intensely curious about the technical details.
+Here's a [good tutorial reference on rebasing](https://www.atlassian.com/git/tutorials/merging-vs-rebasing), in case you're intensely curious about the technical details.
diff --git a/contributor_docs/preparing_an_issue.md b/contributor_docs/preparing_an_issue.md
index 47c007985c..866b50b46c 100644
--- a/contributor_docs/preparing_an_issue.md
+++ b/contributor_docs/preparing_an_issue.md
@@ -1,16 +1,16 @@
-# Preparing an Issue
+# Preparing an Issue
Most activity on the p5.js Editor’s GitHub happens in issues. Issues are GitHub posts which can contain bug reports, feature requests, or broader discussions about the development of the p5.js Editor. It’s a great place to begin contributing.
## Filing a New Issue
-To file a new issue:
+To file a new issue:
-1. Visit the [Issues](https://github.com/processing/p5.js-web-editor/issues) tab on the repository.
+1. Visit the [Issues](https://github.com/processing/p5.js-web-editor/issues) tab on the repository.
2. Click the green 'New Issue' button on the right.
-3. A modal should appear with several templates for the type of issue you would like to open. Choose the one that best matches what you're looking for (i.e Bug Report, Feature Request).
+3. A modal should appear with several templates for the type of issue you would like to open. Choose the one that best matches what you're looking for (i.e Bug Report, Feature Request).
4. Fill out the form as in-depth as you can. It helps to be as clear and specific as you can in your language and supporting information. Some ways to achieve that is by including screenshots, code snippets, or steps to exactly reproduce a scenario! Doing this helps maintainers and other contributors understand and respond to your issue more quickly and accurately.
@@ -19,10 +19,12 @@ More in-depth information about filing an issue can be found within the [p5.js L
## Navigating Existing Issues
### Project Board
-Many issues are related to each other and fall under bigger projects. To get a bigger picture, look at the [All Projects](https://github.com/processing/p5.js-web-editor/projects/) board.
+
+Many issues are related to each other and fall under bigger projects. To get a bigger picture, look at the [All Projects](https://github.com/processing/p5.js-web-editor/projects/) board.
### Searching and Filtering
-If you're looking for issues to work on, a good place to start is with tickets labeled [high priority](https://github.com/processing/p5.js-web-editor/labels/priority%3Ahigh). You can also look for tickets that are [feature enhancements](https://github.com/processing/p5.js-web-editor/labels/type%3Afeature), [bug fixes](https://github.com/processing/p5.js-web-editor/labels/type%3Abug), and a few other tags.
+
+If you're looking for issues to work on, a good place to start is with tickets labeled [high priority](https://github.com/processing/p5.js-web-editor/labels/priority%3Ahigh). You can also look for tickets that are [feature enhancements](https://github.com/processing/p5.js-web-editor/labels/type%3Afeature), [bug fixes](https://github.com/processing/p5.js-web-editor/labels/type%3Abug), and a few other tags.
If you feel like an issue is tagged incorrectly (e.g. it's low priority and you think it should be high), please update the issue!
@@ -33,21 +35,25 @@ If you feel like an issue is tagged incorrectly (e.g. it's low priority and you
Labels help categorize issues and makes them easier to find and sort. You can browse the full list in our [Issue Labels](https://github.com/processing/p5.js-web-editor/labels), but here are a few helpful ones to understand early on:
### Good First Issues
-For first-time contributors or those who want to start with a small task, [check out the list of good first issues](https://github.com/processing/p5.js-web-editor/labels/good%20first%20issue), or [issues that need documentation of steps to reproduce](https://github.com/processing/p5.js-web-editor/issues?q=is%3Aissue+is%3Aopen+label%3A%22needs+steps+to+reproduce%22). It's okay to not know how to fix an issue—feel free to ask questions about to approach the problem!
+
+For first-time contributors or those who want to start with a small task, [check out the list of good first issues](https://github.com/processing/p5.js-web-editor/labels/good%20first%20issue), or [issues that need documentation of steps to reproduce](https://github.com/processing/p5.js-web-editor/issues?q=is%3Aissue+is%3Aopen+label%3A%22needs+steps+to+reproduce%22). It's okay to not know how to fix an issue—feel free to ask questions about to approach the problem!
### Good Medium Issues
+
If you're looking for a bigger project to take on, look through the issues tagged [good medium issue](https://github.com/processing/p5.js-web-editor/labels/good%20medium%20issue). These issues are self-contained projects that may take longer to work on, but are great if you're looking to get more deeply involved in contributing!
-### Awaiting Maintainer Approval
-All new issues opened on the p5.js editor repository will automatically have the 'Awaiting Maintainer Approval' label. This means that the issue needs review or confirmation from a maintainer before moving forward.
+### Awaiting Maintainer Approval
+
+All new issues opened on the p5.js editor repository will automatically have the 'Awaiting Maintainer Approval' label. This means that the issue needs review or confirmation from a maintainer before moving forward.
+
+If you see an issue with this label, it's best to hold off on development until it's been approved and has the 'Ready for Work' label.
-If you see an issue with this label, it's best to hold off on development until it's been approved and has the 'Ready for Work' label.
+### Ready for Work
-### Ready for Work
-This label means the issue has been reviewed and is ready to be picked up! If it's not assigned to anyone yet, you can leave a comment expressing your interest and asked to be assigned.
+This label means the issue has been reviewed and is ready to be picked up! If it's not assigned to anyone yet, you can leave a comment expressing your interest and asked to be assigned.
If you see an issue that does not have this label but you feel that it might be ready for development, feel free to comment on it!
### Help Wanted
-These issues need additional input, ideas, or code contributions from the community. If you're looking to get involved, this is also a great place to start.
+These issues need additional input, ideas, or code contributions from the community. If you're looking to get involved, this is also a great place to start.
diff --git a/contributor_docs/public_api.md b/contributor_docs/public_api.md
index 5d035445f3..b9d370453e 100644
--- a/contributor_docs/public_api.md
+++ b/contributor_docs/public_api.md
@@ -8,8 +8,7 @@ Access to the API is available via a Personal Access Token, linked to an existin
When contacting the API, the username and token must be sent with every request using basic auth.
-This involved sending the base64 encoded `${username}:${personalAccessToken}` in the `Authorization` header. For example:
- `Authorization: Basic cDU6YWJjMTIzYWJj`
+This involved sending the base64 encoded `${username}:${personalAccessToken}` in the `Authorization` header. For example: `Authorization: Basic cDU6YWJjMTIzYWJj`
# API Access
@@ -22,7 +21,7 @@ The API is versioned and this version is indicated in the root URL path e.g. ver
You must provide the version number when accessing the API.
| Version | Release date |
-|---------|--------------|
+| ------- | ------------ |
| v1 | Unreleased |
# Models
@@ -43,12 +42,11 @@ UI_ACCESS_TOKEN_ENABLED=true
## Sketch
-| Name | Type | Description |
-|-------|-------------------|--------------------------------------------------------------------------------------|
-| name | String | The sketch’s title |
+| Name | Type | Description |
+| --- | --- | --- |
+| name | String | The sketch’s title |
| files | DirectoryContents | The files and directories in this sketch. See `DirectoryContents` for the structure. |
-| slug | String | A path that can be used to access the sketch |
-
+| slug | String | A path that can be used to access the sketch |
{
"id": String, // opaque ID
@@ -67,7 +65,6 @@ UI_ACCESS_TOKEN_ENABLED=true
A map of filenames to `File` or `Directory`. The key of each item is used as the filename. Using a map ensures that filenames are unique in the directory.
-
{
[String]: File | Directory
}
@@ -83,7 +80,7 @@ A map of filenames to `File` or `Directory`. The key of each item is used as the
This file is editable in the Editor UI and stored in the Editor's database.
| Name | Type | Description |
-|---------|--------------|--------------------------------------------|
+| ------- | ------------ | ------------------------------------------ |
| content | UTF-8 String | The contents of the file as a UTF-8 string |
{
@@ -94,9 +91,8 @@ This file is editable in the Editor UI and stored in the Editor's database.
This file is hosted elsewhere on the Internet. It appears in the Editor's listing and can be referenced using a proxy URL in the Editor.
-
| Name | Type | Description |
-|------|------|-------------------------------------------------|
+| ---- | ---- | ----------------------------------------------- |
| url | URL | A valid URL pointing to a file hosted elsewhere |
{
@@ -110,7 +106,7 @@ A `File` is either a `DirectFile` or `ReferencedFile`. The API supports both eve
## Directory
| Name | Type | Description |
-|-------|-------------------|---------------------------------|
+| ----- | ----------------- | ------------------------------- |
| files | DirectoryContents | A map of the directory contents |
{
@@ -128,9 +124,11 @@ List a user’s sketches.
This will not return the files within the sketch, just the sketch metadata.
### Request format
+
No body.
### Response format
+
{
"sketches": Array
}
@@ -138,7 +136,7 @@ No body.
### Example
GET /p5/sketches
-
+
{
"sketches": [
{ "id": "H1PLJg8_", "name": "My Lovely Sketch" },
@@ -146,7 +144,6 @@ No body.
]
}
-
## `POST /:user/sketches`
Create a new sketch.
@@ -154,9 +151,11 @@ Create a new sketch.
A sketch must contain at least one file with the `.html` extension. If none is provided in the payload, a default `index.html` and linked `style.css` file will be created automatically.
### Request format
+
See `Sketch` in Models above.
### Response format
+
{
"id": String
}
@@ -164,7 +163,7 @@ See `Sketch` in Models above.
### Example
POST /p5/sketches
-
+
{
"name": "My Lovely Sketch",
"files": {
@@ -175,9 +174,8 @@ See `Sketch` in Models above.
`files` can be nested to represent a folder structure. For example, this will create an empty “data” directory in the sketch:
-
POST /p5/sketches
-
+
{
"name": "My Lovely Sketch 2",
"files": [
@@ -195,16 +193,15 @@ See `Sketch` in Models above.
### Responses
-| HTTP code | Body |
-|--------------------------|-------------------------------------------------------------------|
-| 201 Created | id of sketch |
+| HTTP code | Body |
+| --- | --- |
+| 201 Created | id of sketch |
| 422 Unprocessable Entity | file validation failed, unsupported filetype, slug already exists |
-
### Examples
201 CREATED
-
+
{
"id": "Ckhf0APpg"
}
@@ -214,9 +211,11 @@ See `Sketch` in Models above.
Delete a sketch and all its associated files.
### Request format
+
No body
### Response format
+
No body
### Example
@@ -226,8 +225,6 @@ No body
### Responses
| HTTP code | Description |
-|---------------|-------------------------|
+| ------------- | ----------------------- |
| 200 OK | Sketch has been deleted |
| 404 Not Found | Sketch does not exist |
-
-
diff --git a/contributor_docs/public_api_proposed.md b/contributor_docs/public_api_proposed.md
index defaa9ce3e..292782b95a 100644
--- a/contributor_docs/public_api_proposed.md
+++ b/contributor_docs/public_api_proposed.md
@@ -1,6 +1,6 @@
# Proposed Public API extensions
-This describes proposed extensions to the Public API. None of these extensions are confirmed, but they are recorded here for reference and discussion.
+This describes proposed extensions to the Public API. None of these extensions are confirmed, but they are recorded here for reference and discussion.
Refer to [Public API](./public_api.md) for the current version of the API.
@@ -22,15 +22,17 @@ Refer to [Public API](./public_api.md) for the current version of the API.
Fetch a sketch.
### Request format
+
No body.
### Response format
+
Returns `Sketch`.
### Example
GET /p5/sketches/Ckhf0APpg
-
+
{
"name": "Another title",
"slug": "example-1",
@@ -43,25 +45,26 @@ Returns `Sketch`.
### Responses
| HTTP code | Description |
-|---------------|------------------------------|
+| ------------- | ---------------------------- |
| 200 OK | Returns ID of created sketch |
| 404 Not Found | Sketch does not exist |
-
## `PUT /:user/sketches/:id`
Replace the sketch with an entirely new one, maintaining the same ID. Any existing files will be deleted before the new ones are created.
### Request format
+
See `Sketch` in Models above.
### Response format
+
No body.
### Example
PUT /p5/sketches/Ckhf0APpg
-
+
{
"name": "Another title",
"files": {
@@ -73,12 +76,11 @@ No body.
### Responses
| HTTP code | Description |
-|--------------------------|----------------------------------------------|
+| ------------------------ | -------------------------------------------- |
| 200 OK | |
| 404 Not Found | Sketch does not exist |
| 422 Unprocessable Entity | file validation failed, unsupported filetype |
-
## `PATCH /:user/sketches/:id`
Update the sketch whilst maintaining existing data:
@@ -87,25 +89,29 @@ Update the sketch whilst maintaining existing data:
- Update file’s contents or add new files
### Request format
+
See `Sketch` in Models above.
### Response format
+
No body.
### Example
+
Change the name of the sketch
PATCH /p5/sketches/Ckhf0APpg
-
+
{
"name": "My Very Lovely Sketch"
}
### Example
+
Add a file to a sketch, or replace an existing file.
PATCH /p5/sketches/Ckhf0APpg
-
+
{
"files": {
"index.html": { "content": "My new content" }, // contents will be replaced
@@ -116,12 +122,11 @@ Add a file to a sketch, or replace an existing file.
### Responses
| HTTP code | Description |
-|--------------------------|---------------------------|
+| ------------------------ | ------------------------- |
| 200 OK | Change were made |
| 404 Not Found | Sketch does not exist |
| 422 Unprocessable Entity | Validation error of files |
-
## Operating on files within a sketch
Files within a sketch can be individually accessed via their `path` e.g. `data/something.json`.
@@ -131,41 +136,44 @@ Files within a sketch can be individually accessed via their `path` e.g. `data/s
Fetch the contents of a file.
### Request format
+
No body.
### Response format
+
Returns file contents.
### Example
GET /p5/sketches/Ckhf0APpg/files/assets/something.js
-
+
Content-Type: application/javascript
-
+
var uselessness = 12;
### Responses
-| HTTP code | Description |
-|---------------|--------------------------------------------------------------------------|
-| 200 OK | Returns body of the file with the content-type set by the file extension |
-| 404 Not Found | File does not exist |
-
+| HTTP code | Description |
+| --- | --- |
+| 200 OK | Returns body of the file with the content-type set by the file extension |
+| 404 Not Found | File does not exist |
-## `PATCH /:user/sketches/:id/files/:path`
+## `PATCH /:user/sketches/:id/files/:path`
Update the name or contents of a file or directory.
### Request format
+
See `File` and `Directory` above.
### Response format
+
No body.
### Example: Change the file name
PATCH /p5/sketches/Ckhf0APpg/files/assets/something.js
-
+
{
"name": "new-name.js"
}
@@ -175,7 +183,7 @@ File `assets/something.js` → `assets/new-name.js`.
### Example: Change file contents
PATCH /p5/sketches/Ckhf0APpg/files/assets/something.js
-
+
{
"content": "var answer = 24;"
}
@@ -198,20 +206,21 @@ Files are added to the directory, in addition to what is there.
### Responses
| HTTP code | Description |
-|--------------------------|----------------------------|
+| ------------------------ | -------------------------- |
| 200 OK | The changes have been made |
| 404 Not Found | Path does not exist |
| 422 Unprocessable Entity | Validation error of files |
-
## `DELETE /:user/:sketches/files/:path`
Delete a file/directory, and its contents.
### Request format
+
No body.
### Response format
+
No body.
### Example: Delete file
@@ -222,7 +231,6 @@ No body.
### Example: Delete directory
-
DELETE /p5/sketches/Ckhf0APpg/files/assets
The `assets` directory and everything within it, will be removed.
@@ -230,9 +238,6 @@ The `assets` directory and everything within it, will be removed.
### Responses
| HTTP code | Description |
-|---------------|---------------------------|
+| ------------- | ------------------------- |
| 200 OK | The item has been deleted |
| 404 Not Found | Path does not exist |
-
-
-
diff --git a/contributor_docs/release.md b/contributor_docs/release.md
index 0ede9dab33..b2992eb063 100644
--- a/contributor_docs/release.md
+++ b/contributor_docs/release.md
@@ -3,17 +3,20 @@
A guide for deploying a release to the production environment.
## Background
+
This project's release guide is based on:
-* [git-flow](https://nvie.com/posts/a-successful-git-branching-model/)
-* [Semantic Versioning (semver)](https://semver.org/)
-* [npm-version](https://docs.npmjs.com/cli/version)
-* [Let's stop saying Master/Slave](https://medium.com/@mikebroberts/let-s-stop-saying-master-slave-10f1d1bf34df)
+
+- [git-flow](https://nvie.com/posts/a-successful-git-branching-model/)
+- [Semantic Versioning (semver)](https://semver.org/)
+- [npm-version](https://docs.npmjs.com/cli/version)
+- [Let's stop saying Master/Slave](https://medium.com/@mikebroberts/let-s-stop-saying-master-slave-10f1d1bf34df)
## Steps
+
1. `$ git checkout develop`
2. `$ git pull origin develop`
3. `$ git checkout -b release-`
-4. Do all of the release branch testing necessary. This could be as simple as running `npm test:ci`, or it could take user testing over a few days.
+4. Do all of the release branch testing necessary. This could be as simple as running `npm test:ci`, or it could take user testing over a few days.
5. `$ npm version ` (see [npm-version](https://docs.npmjs.com/cli/version) for valid values of ).
6. `$ git checkout release`
7. `$ git merge --no-ff release-`
@@ -25,8 +28,8 @@ This project's release guide is based on:
Travis CI will automatically deploy the release to production, as well as push a production tagged Docker image to DockerHub.
-
## Steps for a Patch Release
+
Sometimes you might need to push a release for an isolated and small bug fix without what's currently been merged into the `develop` branch. The steps for pushing a Patch Release are similar to a standard Release, except you work with the `release` branch as opposed to `develop`.
1. `$ git checkout release`
diff --git a/contributor_docs/s3_configuration.md b/contributor_docs/s3_configuration.md
index be5972a953..2398b88b0e 100644
--- a/contributor_docs/s3_configuration.md
+++ b/contributor_docs/s3_configuration.md
@@ -1,6 +1,8 @@
# S3 Bucket Configuration
+
1. [Create an S3 bucket](https://docs.aws.amazon.com/AmazonS3/latest/userguide/create-bucket-overview.html), with any name.
2. Navigate to the S3 bucket permissions and add the following CORS policy. This is for development only, as it allows CORS from any origin.
+
```
[
{
@@ -21,7 +23,9 @@
}
]
```
+
3. In permissions, add the following bucket policy. Change "YOUR_BUCKET_NAME" to reflect name of the S3 bucket.
+
```
{
"Version": "2008-10-17",
@@ -39,10 +43,12 @@
]
}
```
+
4. Uncheck "Block all public access" under "Block public access (bucket settings)".
5. Under "Object Ownership", check "ACLs enabled" and set "Object Ownership" to "Object writer"
6. Locate your AWS key and Secret Key. You can find this in the top AWS navigation under your name -> Security Credentials.
7. Update the following lines to your .env file:
+
```
AWS_ACCESS_KEY={AWS_ACCESS_KEY}
AWS_REGION={S3_BUCKET_REGION}
@@ -50,14 +56,9 @@ AWS_SECRET_KEY={AWS_SECRET_KEY}
S3_BUCKET={S3_BUCKET_NAME}
```
-If your S3 bucket is in the US East (N Virginia) region (us-east-1), you'll
-need to set a custom URL base for it, because it does not follow the standard
-naming pattern as the rest of the regions. Instead, add the following to your
-environment/.env file, changing `BUCKET_NAME` to your bucket name. This is necessary because this override is currently treated as the full path to the bucket rather than as a proper base URL:
-`S3_BUCKET_URL_BASE=https://s3.amazonaws.com/{BUCKET_NAME}/`
+If your S3 bucket is in the US East (N Virginia) region (us-east-1), you'll need to set a custom URL base for it, because it does not follow the standard naming pattern as the rest of the regions. Instead, add the following to your environment/.env file, changing `BUCKET_NAME` to your bucket name. This is necessary because this override is currently treated as the full path to the bucket rather than as a proper base URL: `S3_BUCKET_URL_BASE=https://s3.amazonaws.com/{BUCKET_NAME}/`
-If you've configured your S3 bucket and DNS records to use a custom domain
-name, you can also set it using this variable. I.e.:
+If you've configured your S3 bucket and DNS records to use a custom domain name, you can also set it using this variable. I.e.:
`S3_BUCKET_URL_BASE=https://files.mydomain.com`
diff --git a/contributor_docs/testing.md b/contributor_docs/testing.md
index 4daae3628b..860ff4c76e 100644
--- a/contributor_docs/testing.md
+++ b/contributor_docs/testing.md
@@ -1,13 +1,15 @@
# Testing
+
This guide explains the tools and methods used to test the p5.js Editor. It focuses mainly on the client-side, but some of it applies to the server tests too.
For a basic overview of testing React Apps, [you can read what the React developers have to say about it](https://reactjs.org/docs/testing.html). There are both unit tests and integration tests.
We are testing React components by rendering the component trees in a simplified test environment and making assertions on what gets rendered and what functions get called.
-Many files still don't have tests, so **if you're a new contributor, this is a great place to start!**
+Many files still don't have tests, so **if you're a new contributor, this is a great place to start!**
## Table of Contents
+
- [Testing](#testing)
- [Table of Contents](#table-of-contents)
- [Testing Dependencies](#testing-dependencies)
@@ -37,47 +39,53 @@ Many files still don't have tests, so **if you're a new contributor, this is a g
- [How to Handle API Calls in Tests](#how-to-handle-api-calls-in-tests)
- [Internationalization](#internationalization)
- [Useful Terminology](#useful-terminology)
- - [Test double](#test-double)
- - [Stub](#stub)
- - [Fake](#fake)
- - [Mock](#mock)
- - [Partial mock](#partial-mock)
- - [Spy](#spy)
+ - [Test double](#test-double)
+ - [Stub](#stub)
+ - [Fake](#fake)
+ - [Mock](#mock)
+ - [Partial mock](#partial-mock)
+ - [Spy](#spy)
- [Tips](#tips)
- [Files to Start With](#files-to-start-with)
- [More Resources](#more-resources)
- [References](#references)
- [Special Thanks](#special-thanks)
-
## Testing Dependencies
+
1. [Jest](https://jestjs.io/)
2. [react-testing-library](https://testing-library.com/docs/react-testing-library/intro/)
3. [redux-mock-store](https://github.com/reduxjs/redux-mock-store)
4. [msw](https://github.com/mswjs/msw)
## Useful Testing Commands
+
Run the whole test suite
+
```
$ npm run test
```
------
+---
+
+[Run tests that match the pattern](https://stackoverflow.com/questions/28725955/how-do-i-test-a-single-file-using-jest/28775887). Useful if you're writing one specific test and want to only run that one.
-[Run tests that match the pattern](https://stackoverflow.com/questions/28725955/how-do-i-test-a-single-file-using-jest/28775887). Useful if you're writing one specific test and want to only run that one.
```
$ npm run test -- someFileName
```
------
+---
+
Run the tests but update the snapshot if they don't match.
```
$ npm run test -- -u
```
-----
+---
+
For example, if you wanted to run just the SketchList test but also update the snapshot, you could do:
+
```
$ npm run test -- Sketchlist.test.js -u
```
@@ -87,23 +95,28 @@ Find more commands in the [Jest documentation](https://jestjs.io/docs/cli).
## Testing Methods
### Unit Tests
+
Unit tests test the functionality of a single component and nothing else. They provide lots of feedback on the specific component you're testing, with the cost of high [redundant coverage](https://github.com/testdouble/contributing-tests/wiki/Redundant-Coverage) and more time spent refactoring tests when components get rewritten. **Not every file needs a unit test.** Unit tests are most important for components that are either:
+
1. User facing (like a text input field or a user form component)
2. Used across multiple components like a reusable dropdown menu or reusable table element
In both of these cases, the component being tested is not merely an implementation detail. Thus, the unit tests need to test the error cases that could occur to ensure that the component is robust. For example, for a user-facing input field that should only take positive numbers, a unit test would want to cover what happens when users enter negative numbers or letters.
### Integration Tests
+
Integration tests test multiple parts of the application together. A small example is rendering a parent component in order to test the interactions between children components. Generally, they validate how multiple units of your application work together. `Jest` uses `jsdom` under the hood to emulate common browser APIs with less overhead than automation like a headless browser, and its mocking tools can stub out external API calls. We use integration tests to maximize coverage and to make sure all the pieces play nice together. We want our integration tests to cover the testing of components that don't have unit tests because they're only used in one place and are merely an implementation detail. The integration tests can test the expected user flows, while we expect the unit tests to have tested the error cases more rigorously.
See [this great article on CSS tricks](https://css-tricks.com/react-integration-testing-greater-coverage-fewer-tests/) about integration tests for more information about this.
-To reiterate, integration tests are used to maximize coverage on individual components that are only used once. Unit tests are used to test the robustness of user-facing components and reusable components.
+To reiterate, integration tests are used to maximize coverage on individual components that are only used once. Unit tests are used to test the robustness of user-facing components and reusable components.
### Snapshot Testing
+
You can save a snapshot of what the HTML looks like when the component is rendered. It doesn't hurt to add them to your tests, but they can be brittle. When you change the HTML of a component, they need to be updated.
## Why Write Tests
+
- Many of the existing components don't have tests yet, and you could write one :-) You can find a few suggested files to start with [in this section](#Files-to-start-with).
- They are a good place to start if you're learning the codebase.
- It benefits all future contributors by allowing them to check their changes for errors.
@@ -114,76 +127,86 @@ You can save a snapshot of what the HTML looks like when the component is render
## When to Run Tests
-When you `git push` your code, the tests will be run automatically for you. Tests will also be run when you make a PR and if you fail any tests it blocks the merge.
+When you `git push` your code, the tests will be run automatically for you. Tests will also be run when you make a PR and if you fail any tests it blocks the merge.
When you modify an existing component, it's a good idea to run the test suite to make sure it didn't make any changes that break the rest of the application. If they did break some tests, you would either have to fix a bug component or update the tests to match the new expected functionality.
## Writing a Test
+
Want to get started writing a test for a new file or an existing file, but not sure how?
### For React Components
+
1. Make a new file directly adjacent to your file. For example, if `example.jsx` is `src/components/example.jsx`, then you would make a file called `example.[unit|integration].test.jsx` at `src/components/example.[unit|integration].test.jsx`
2. Check if the component uses the `connect` HOC or the `useState` or `useDispatch` hooks from `react-redux`.
3. If it is, see the [redux section](#Testing-Redux) below on how to write tests for that.
4. If it's not, see the [section below on writing tests for unconnected components](#Testing-plain-components).
-5. "Arrange, Act, Assert:" In other words, *arrange* the setup for the test, *act* out whatever the subject's supposed to do, and *assert* on the results. [[3]](#References)
+5. "Arrange, Act, Assert:" In other words, _arrange_ the setup for the test, _act_ out whatever the subject's supposed to do, and _assert_ on the results. [[3]](#References)
### For Redux Action Creators or Reducers
+
See the [redux section](#Testing-Redux) below :)
### For Utility Files
+
You might still want to write tests for non-component or non-redux files, such as modules with utility functions, especially ones that are used in many places across your application. What gets tested in this case depends a lot on the module itself, but generally, you would import the module and test the functions within it.
### Querying for Elements
+
Read about the recommended order of priority for queries in [the testing library docs](https://testing-library.com/docs/guide-which-query/#priority). We recommend using roles and text, or labels. You can use this [handy extension called Testing Playground](https://chrome.google.com/webstore/detail/testing-playground/hejbmebodbijjdhflfknehhcgaklhano/related) to do this.
### File Structure
-Each test should have a top-level ``describe`` block to group related blocks together, with the name of the component under test.
-*Example.test.js*
+Each test should have a top-level `describe` block to group related blocks together, with the name of the component under test.
+
+_Example.test.js_
```js
import Example from './Example';
-describe('
-
- {children}
-
+ {children}
);
}
@@ -288,14 +314,16 @@ Then, if you want to call the render function with the wrapper with the `redux`
reduxRender(,
apiKeys: [],
+ develop
verified: 'verified',
id: 'abc123',
totalSize: 42,
diff --git a/server/controllers/user.controller/__tests__/apiKey.test.ts b/server/controllers/user.controller/__tests__/apiKey.test.ts
index 47a0b8fe8c..2f59c4d9a6 100644
--- a/server/controllers/user.controller/__tests__/apiKey.test.ts
+++ b/server/controllers/user.controller/__tests__/apiKey.test.ts
@@ -40,8 +40,8 @@ describe('user.controller > api key', () => {
User.findById = jest.fn().mockResolvedValue(null);
await createApiKey(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
@@ -59,8 +59,8 @@ describe('user.controller > api key', () => {
User.findById = jest.fn().mockResolvedValue(user);
await createApiKey(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
@@ -75,14 +75,14 @@ describe('user.controller > api key', () => {
request.setBody({ label: 'my key' });
const user = new User();
- user.apiKeys = ([] as unknown) as Types.DocumentArray;
+ user.apiKeys = [] as unknown as Types.DocumentArray;
User.findById = jest.fn().mockResolvedValue(user);
user.save = jest.fn();
await createApiKey(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
@@ -107,8 +107,8 @@ describe('user.controller > api key', () => {
User.findById = jest.fn().mockResolvedValue(null);
await removeApiKey(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
@@ -122,13 +122,13 @@ describe('user.controller > api key', () => {
request.user = createMockUser({ id: '1234' }, true);
request.params = { keyId: 'not-a-real-key' };
const user = new User();
- user.apiKeys = ([] as unknown) as Types.DocumentArray;
+ user.apiKeys = [] as unknown as Types.DocumentArray;
User.findById = jest.fn().mockResolvedValue(user);
await removeApiKey(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
@@ -142,10 +142,10 @@ describe('user.controller > api key', () => {
const mockKey1 = { _id: 'id1', id: 'id1', label: 'first key' };
const mockKey2 = { _id: 'id2', id: 'id2', label: 'second key' };
- const apiKeys = ([
+ const apiKeys = [
mockKey1,
mockKey2
- ] as unknown) as Types.DocumentArray;
+ ] as unknown as Types.DocumentArray;
apiKeys.find = Array.prototype.find;
apiKeys.pull = jest.fn();
@@ -164,8 +164,8 @@ describe('user.controller > api key', () => {
User.findById = jest.fn().mockResolvedValue(user);
await removeApiKey(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
diff --git a/server/controllers/user.controller/__tests__/authManagement/3rdPartyManagement.test.ts b/server/controllers/user.controller/__tests__/authManagement/3rdPartyManagement.test.ts
index 2910b33569..b09af96357 100644
--- a/server/controllers/user.controller/__tests__/authManagement/3rdPartyManagement.test.ts
+++ b/server/controllers/user.controller/__tests__/authManagement/3rdPartyManagement.test.ts
@@ -34,8 +34,8 @@ describe('user.controller > auth management > 3rd party auth', () => {
describe('and when there is no user in the request', () => {
beforeEach(async () => {
await unlinkGithub(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
@@ -62,8 +62,8 @@ describe('user.controller > auth management > 3rd party auth', () => {
beforeEach(async () => {
request.user = user;
await unlinkGithub(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
@@ -83,8 +83,8 @@ describe('user.controller > auth management > 3rd party auth', () => {
describe('and when there is no user in the request', () => {
beforeEach(async () => {
await unlinkGoogle(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
@@ -111,8 +111,8 @@ describe('user.controller > auth management > 3rd party auth', () => {
beforeEach(async () => {
request.user = user;
await unlinkGoogle(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
diff --git a/server/controllers/user.controller/__tests__/authManagement/passwordManagement.test.ts b/server/controllers/user.controller/__tests__/authManagement/passwordManagement.test.ts
index b5336bffe4..a1776954ca 100644
--- a/server/controllers/user.controller/__tests__/authManagement/passwordManagement.test.ts
+++ b/server/controllers/user.controller/__tests__/authManagement/passwordManagement.test.ts
@@ -57,8 +57,8 @@ describe('user.controller > auth management > password management', () => {
User.findByEmail = jest.fn().mockResolvedValue({});
request.body = { email: 'email@gmail.com' };
await resetPasswordInitiate(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
@@ -83,8 +83,8 @@ describe('user.controller > auth management > password management', () => {
request.headers.host = 'localhost:3000';
await resetPasswordInitiate(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
@@ -123,8 +123,8 @@ describe('user.controller > auth management > password management', () => {
});
it('does not send the reset password email', async () => {
await resetPasswordInitiate(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
@@ -132,8 +132,8 @@ describe('user.controller > auth management > password management', () => {
});
it('returns a success message that does not indicate if the user exists, for security purposes', async () => {
await resetPasswordInitiate(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
@@ -163,8 +163,8 @@ describe('user.controller > auth management > password management', () => {
request.headers.host = 'localhost:3000';
await resetPasswordInitiate(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
@@ -186,8 +186,8 @@ describe('user.controller > auth management > password management', () => {
request.params = { token: 'some-token' };
await validateResetPasswordToken(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
@@ -206,8 +206,8 @@ describe('user.controller > auth management > password management', () => {
request.params = { token: 'invalid-token' };
await validateResetPasswordToken(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
@@ -237,8 +237,8 @@ describe('user.controller > auth management > password management', () => {
request.params = { token: 'valid-token' };
await validateResetPasswordToken(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
@@ -260,8 +260,8 @@ describe('user.controller > auth management > password management', () => {
request.params = { token: 'some-token' };
await updatePassword(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
@@ -280,8 +280,8 @@ describe('user.controller > auth management > password management', () => {
request.params = { token: 'invalid-token' };
await updatePassword(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
@@ -323,8 +323,8 @@ describe('user.controller > auth management > password management', () => {
});
await updatePassword(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
diff --git a/server/controllers/user.controller/__tests__/authManagement/updateSettings.test.ts b/server/controllers/user.controller/__tests__/authManagement/updateSettings.test.ts
index faf6a89297..9763c1d445 100644
--- a/server/controllers/user.controller/__tests__/authManagement/updateSettings.test.ts
+++ b/server/controllers/user.controller/__tests__/authManagement/updateSettings.test.ts
@@ -96,8 +96,8 @@ describe('user.controller > auth management > updateSettings (email, username, p
request.user = createMockUser({ id: 'nonexistent-id' });
await updateSettings(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
@@ -121,8 +121,8 @@ describe('user.controller > auth management > updateSettings (email, username, p
requestBody = { ...minimumValidRequest };
request.setBody(requestBody);
await updateSettings(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
@@ -141,8 +141,8 @@ describe('user.controller > auth management > updateSettings (email, username, p
requestBody = { ...minimumValidRequest, username: NEW_USERNAME };
request.setBody(requestBody);
await updateSettings(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
@@ -163,8 +163,8 @@ describe('user.controller > auth management > updateSettings (email, username, p
requestBody = { ...minimumValidRequest, email: NEW_EMAIL };
request.setBody(requestBody);
await updateSettings(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
@@ -192,8 +192,8 @@ describe('user.controller > auth management > updateSettings (email, username, p
requestBody = { username: NEW_USERNAME, email: NEW_EMAIL };
request.setBody(requestBody);
await updateSettings(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
@@ -226,8 +226,8 @@ describe('user.controller > auth management > updateSettings (email, username, p
};
request.setBody(requestBody);
await updateSettings(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
@@ -253,8 +253,8 @@ describe('user.controller > auth management > updateSettings (email, username, p
};
request.setBody(requestBody);
await updateSettings(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
@@ -281,8 +281,8 @@ describe('user.controller > auth management > updateSettings (email, username, p
};
request.setBody(requestBody);
await updateSettings(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
@@ -316,8 +316,8 @@ describe('user.controller > auth management > updateSettings (email, username, p
};
request.setBody(requestBody);
await updateSettings(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
@@ -349,8 +349,8 @@ describe('user.controller > auth management > updateSettings (email, username, p
beforeEach(async () => {
request.setBody({ email: OLD_EMAIL });
await updateSettings(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
@@ -375,8 +375,8 @@ describe('user.controller > auth management > updateSettings (email, username, p
beforeEach(async () => {
request.setBody({ username: OLD_USERNAME });
await updateSettings(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
@@ -405,8 +405,8 @@ describe('user.controller > auth management > updateSettings (email, username, p
};
request.setBody(requestBody);
await updateSettings(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
@@ -437,8 +437,8 @@ describe('user.controller > auth management > updateSettings (email, username, p
};
request.setBody(requestBody);
await updateSettings(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
@@ -469,8 +469,8 @@ describe('user.controller > auth management > updateSettings (email, username, p
};
request.setBody(requestBody);
await updateSettings(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
@@ -498,8 +498,8 @@ describe('user.controller > auth management > updateSettings (email, username, p
};
request.setBody(requestBody);
await updateSettings(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
@@ -527,8 +527,8 @@ describe('user.controller > auth management > updateSettings (email, username, p
requestBody = minimumValidRequest;
request.setBody(requestBody);
await updateSettings(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
});
diff --git a/server/controllers/user.controller/__tests__/helpers.test.ts b/server/controllers/user.controller/__tests__/helpers.test.ts
index b04bb2548a..6997219faa 100644
--- a/server/controllers/user.controller/__tests__/helpers.test.ts
+++ b/server/controllers/user.controller/__tests__/helpers.test.ts
@@ -22,14 +22,8 @@ const mockFullUser = createMockUser(
true
) as UserDocument;
-const {
- name,
- tokens,
- password,
- resetPasswordToken,
- banned,
- ...sanitised
-} = mockFullUser;
+const { name, tokens, password, resetPasswordToken, banned, ...sanitised } =
+ mockFullUser;
describe('user.controller > helpers', () => {
describe('userResponse', () => {
@@ -69,8 +63,8 @@ describe('user.controller > helpers', () => {
};
const response = new MockResponse();
await saveUser(
- (response as unknown) as Response,
- (userWithSuccessfulSave as unknown) as UserDocument
+ response as unknown as Response,
+ userWithSuccessfulSave as unknown as UserDocument
);
expect(response.json).toHaveBeenCalledWith(sanitised);
});
@@ -82,8 +76,8 @@ describe('user.controller > helpers', () => {
};
const response = new MockResponse();
await saveUser(
- (response as unknown) as Response,
- (userWithUnsuccessfulSave as unknown) as UserDocument
+ response as unknown as Response,
+ userWithUnsuccessfulSave as unknown as UserDocument
);
expect(response.status).toHaveBeenCalledWith(500);
expect(response.json).toHaveBeenCalledWith({
diff --git a/server/controllers/user.controller/__tests__/signup.test.ts b/server/controllers/user.controller/__tests__/signup.test.ts
index 51795cda9b..139f1bbf8c 100644
--- a/server/controllers/user.controller/__tests__/signup.test.ts
+++ b/server/controllers/user.controller/__tests__/signup.test.ts
@@ -49,8 +49,8 @@ describe('user.controller > signup', () => {
});
await createUser(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
@@ -74,8 +74,8 @@ describe('user.controller > signup', () => {
});
await createUser(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
@@ -97,8 +97,8 @@ describe('user.controller > signup', () => {
request.query = { check_type: 'email', email: 'test@example.com' };
await duplicateUserCheck(
- (request as unknown) as Request<{}, {}, {}, DuplicateUserCheckQuery>,
- (response as unknown) as Response,
+ request as unknown as Request<{}, {}, {}, DuplicateUserCheckQuery>,
+ response as unknown as Response,
next
);
@@ -117,8 +117,8 @@ describe('user.controller > signup', () => {
request.query = { check_type: 'username', username: 'newuser' };
await duplicateUserCheck(
- (request as unknown) as Request<{}, {}, {}, DuplicateUserCheckQuery>,
- (response as unknown) as Response,
+ request as unknown as Request<{}, {}, {}, DuplicateUserCheckQuery>,
+ response as unknown as Response,
next
);
@@ -136,8 +136,8 @@ describe('user.controller > signup', () => {
request.query = { check_type: 'username', username: 'existinguser' };
await duplicateUserCheck(
- (request as unknown) as Request<{}, {}, {}, DuplicateUserCheckQuery>,
- (response as unknown) as Response,
+ request as unknown as Request<{}, {}, {}, DuplicateUserCheckQuery>,
+ response as unknown as Response,
next
);
@@ -156,8 +156,8 @@ describe('user.controller > signup', () => {
request.query = { check_type: 'email', email: 'existing@example.com' };
await duplicateUserCheck(
- (request as unknown) as Request<{}, {}, {}, DuplicateUserCheckQuery>,
- (response as unknown) as Response,
+ request as unknown as Request<{}, {}, {}, DuplicateUserCheckQuery>,
+ response as unknown as Response,
next
);
@@ -178,8 +178,8 @@ describe('user.controller > signup', () => {
request.query = { t: 'invalidtoken' };
await verifyEmail(
- (request as unknown) as Request<{}, {}, {}, VerifyEmailQuery>,
- (response as unknown) as Response,
+ request as unknown as Request<{}, {}, {}, VerifyEmailQuery>,
+ response as unknown as Response,
next
);
@@ -214,8 +214,8 @@ describe('user.controller > signup', () => {
request.query = { t: 'validtoken' };
await verifyEmail(
- (request as unknown) as Request<{}, {}, {}, VerifyEmailQuery>,
- (response as unknown) as Response,
+ request as unknown as Request<{}, {}, {}, VerifyEmailQuery>,
+ response as unknown as Response,
next
);
@@ -237,8 +237,8 @@ describe('user.controller > signup', () => {
request.headers.host = 'localhost:3000';
await emailVerificationInitiate(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
@@ -263,8 +263,8 @@ describe('user.controller > signup', () => {
request.headers.host = 'localhost:3000';
await emailVerificationInitiate(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
@@ -296,8 +296,8 @@ describe('user.controller > signup', () => {
request.headers.host = 'localhost:3000';
await emailVerificationInitiate(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
@@ -338,8 +338,8 @@ describe('user.controller > signup', () => {
request.headers.host = 'localhost:3000';
await emailVerificationInitiate(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
diff --git a/server/controllers/user.controller/__tests__/userPreferences.test.ts b/server/controllers/user.controller/__tests__/userPreferences.test.ts
index 9fc03189a1..4041798423 100644
--- a/server/controllers/user.controller/__tests__/userPreferences.test.ts
+++ b/server/controllers/user.controller/__tests__/userPreferences.test.ts
@@ -50,8 +50,8 @@ describe('user.controller > user preferences', () => {
};
await updatePreferences(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
@@ -72,8 +72,8 @@ describe('user.controller > user preferences', () => {
request.user = createMockUser({ id: 'nonexistentid' });
await updatePreferences(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
@@ -95,8 +95,8 @@ describe('user.controller > user preferences', () => {
request.body = { preferences: { theme: 'dark' } };
await updatePreferences(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
@@ -119,8 +119,8 @@ describe('user.controller > user preferences', () => {
request.body = { cookieConsent: CookieConsentOptions.ESSENTIAL };
await updateCookieConsent(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
@@ -142,8 +142,8 @@ describe('user.controller > user preferences', () => {
request.body = { cookieConsent: true };
await updateCookieConsent(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
@@ -166,8 +166,8 @@ describe('user.controller > user preferences', () => {
request.body = { cookieConsent: true };
await updateCookieConsent(
- (request as unknown) as Request,
- (response as unknown) as Response,
+ request as unknown as Request,
+ response as unknown as Response,
next
);
diff --git a/server/middleware/__tests__/isAuthenticated.test.ts b/server/middleware/__tests__/isAuthenticated.test.ts
index b5f12d6b6f..073ca066ab 100644
--- a/server/middleware/__tests__/isAuthenticated.test.ts
+++ b/server/middleware/__tests__/isAuthenticated.test.ts
@@ -3,7 +3,7 @@ import { isAuthenticated } from '../isAuthenticated';
describe('isAuthenticated middleware', () => {
it('should call next() if user property is present', () => {
- const req = ({ user: 'any_user' } as unknown) as Request;
+ const req = { user: 'any_user' } as unknown as Request;
const res = {} as Response;
const next = jest.fn() as NextFunction;
@@ -14,10 +14,10 @@ describe('isAuthenticated middleware', () => {
it('should return 403 if user is missing', () => {
const req = { headers: {} } as Request;
- const res = ({
+ const res = {
status: jest.fn().mockReturnThis(),
send: jest.fn()
- } as unknown) as Response;
+ } as unknown as Response;
const next = jest.fn() as NextFunction;
isAuthenticated(req, res, next);
diff --git a/server/migrations/emailConsolidation.js b/server/migrations/emailConsolidation.js
index 137cccb386..f0666b6cbd 100644
--- a/server/migrations/emailConsolidation.js
+++ b/server/migrations/emailConsolidation.js
@@ -12,7 +12,6 @@ import { renderAccountConsolidation } from '../views/mail';
const mongoConnectionString = process.env.MONGO_URL;
const { ObjectId } = mongoose.Types;
-// Connect to MongoDB
mongoose.Promise = global.Promise;
mongoose.connect(mongoConnectionString, {
useNewUrlParser: true,
@@ -26,62 +25,6 @@ mongoose.connection.on('error', () => {
process.exit(1);
});
-/*
- * Requires the MongoDB Node.js Driver
- * https://mongodb.github.io/node-mongodb-native
- */
-
-const agg = [
- // eslint-disable-line
- {
- $project: {
- email: {
- $toLower: ['$email']
- }
- }
- },
- {
- $group: {
- _id: '$email',
- total: {
- $sum: 1
- }
- }
- },
- {
- $match: {
- total: {
- $gt: 1
- }
- }
- },
- {
- $sort: {
- total: -1
- }
- }
-];
-
-// steps to make this work
-// iterate through the results
-// check if any files are on AWS
-// if so, move them to the right user bucket
-// then, update the user to currentUser
-// then, after updating all of the projects
-// also update the collections
-// delete other users
-// update user email so it is all lowercase
-// then, send the email
-// then, figure out how to iterate through all of the users.
-
-// create list of duplicate users
-// User.aggregate(agg).then((result) => {
-// return fs.writeFile('duplicates.json', JSON.stringify(result), () => {
-// console.log('File written.');
-// process.exit(0);
-// });
-// });
-
let currentUser = null;
let duplicates = null;
@@ -117,7 +60,6 @@ async function consolidateAccount(email) {
console.log('UserId: ', sketch.user);
const moveSketchFilesPromises = [];
sketch.files.forEach((file) => {
- // if the file url contains sketch user
if (
file.url &&
file.url.includes(process.env.S3_BUCKET_URL_BASE) &&
@@ -177,7 +119,6 @@ async function consolidateAccount(email) {
})
.then(() => {
console.log('Migrated email to lowercase.');
- // const protocol = process.env.NODE_ENV === 'production' ? 'https' : 'http';
const mailOptions = renderAccountConsolidation({
body: {
domain: 'https://editor.p5js.org',
@@ -202,61 +143,3 @@ async function consolidateAccount(email) {
process.exit(1);
});
}
-
-// let duplicates = [
-// "5ce3d936e0f9df0022d8330c",
-// "5cff843f091745001e83c070",
-// "5d246f5db489e6001eaee6e9"
-// ];
-// let currentUser = null;
-// User.deleteMany({ _id: { $in: duplicates } }).then(() => {
-// return User.findOne({ "email": "Silverstar09@hotmail.com" })
-// }).then((result) => {
-// currentUser = result;
-// console.log('Deleted other user accounts.');
-// currentUser.email = currentUser.email.toLowerCase();
-// return currentUser.save();
-// }).then(() => {
-// const mailOptions = renderAccountConsolidation({
-// body: {
-// domain: 'https://editor.p5js.org',
-// username: currentUser.username,
-// email: currentUser.email
-// },
-// to: currentUser.email,
-// });
-
-// return new Promise((resolve, reject) => {
-// mailerService.send(mailOptions, (mailErr, result) => {
-// console.log('Sent email.');
-// if (mailErr) {
-// return reject(mailErr);
-// }
-// return resolve(result);
-// });
-// });
-// });
-
-// import s3 from '@auth0/s3';
-
-// const client = s3.createClient({
-// maxAsyncS3: 20,
-// s3RetryCount: 3,
-// s3RetryDelay: 1000,
-// multipartUploadThreshold: 20971520, // this is the default (20 MB)
-// multipartUploadSize: 15728640, // this is the default (15 MB)
-// s3Options: {
-// accessKeyId: `${process.env.AWS_ACCESS_KEY}`,
-// secretAccessKey: `${process.env.AWS_SECRET_KEY}`,
-// region: `${process.env.AWS_REGION}`
-// },
-// });
-
-// const headParams = {
-// Bucket: `${process.env.S3_BUCKET}`,
-// Key: "5c9de807f6bccf0017da7927/8b9d95ae-7ddd-452a-b398-672392c4ac43.png"
-// };
-// client.s3.headObject(headParams, (err, data) => {
-// console.log(err);
-// console.log(data);
-// });
diff --git a/server/migrations/truncate.js b/server/migrations/truncate.js
index f26e7bc495..d1db63da67 100644
--- a/server/migrations/truncate.js
+++ b/server/migrations/truncate.js
@@ -13,24 +13,33 @@ mongoose.connect(process.env.MONGO_URL, {
useMongoClient: true
});
mongoose.connection.on('error', () => {
- console.error('MongoDB Connection Error. Please make sure that MongoDB is running.');
+ console.error(
+ 'MongoDB Connection Error. Please make sure that MongoDB is running.'
+ );
process.exit(1);
});
-Project.find({}, {}, {
- timeout: true
-}).cursor().eachAsync((project) => {
- console.log(project.name);
- if (project.name.length < 256) {
- console.log('Project name is okay.');
- return Promise.resolve();
+Project.find(
+ {},
+ {},
+ {
+ timeout: true
}
- project.name = project.name.substr(0, 255);
- project.slug = slugify(project.name, '_');
- return project.save().then(() => {
- console.log('Updated sketch slug to: ' + project.slug);
+)
+ .cursor()
+ .eachAsync((project) => {
+ console.log(project.name);
+ if (project.name.length < 256) {
+ console.log('Project name is okay.');
+ return Promise.resolve();
+ }
+ project.name = project.name.substr(0, 255);
+ project.slug = slugify(project.name, '_');
+ return project.save().then(() => {
+ console.log('Updated sketch slug to: ' + project.slug);
+ });
+ })
+ .then(() => {
+ console.log('Done iterating over every sketch.');
+ process.exit(0);
});
-}).then(() => {
- console.log('Done iterating over every sketch.');
- process.exit(0);
-});
\ No newline at end of file
diff --git a/server/models/project.js b/server/models/project.js
index 1cbcc78483..25b5dc773b 100644
--- a/server/models/project.js
+++ b/server/models/project.js
@@ -85,17 +85,16 @@ projectSchema.methods.isSlugUnique = async function isSlugUnique() {
* Queries Project collection by userId and returns all Projects that match.
* @return {Promise<{ isUnique: boolean; conflictingIds: string[] }>}
*/
-projectSchema.statics.getProjectsForUserId = async function getProjectsForUserId(
- userId
-) {
- const project = this;
+projectSchema.statics.getProjectsForUserId =
+ async function getProjectsForUserId(userId) {
+ const project = this;
- return project
- .find({ user: userId })
- .sort('-createdAt')
- .select('name files id createdAt updatedAt')
- .exec();
-};
+ return project
+ .find({ user: userId })
+ .sort('-createdAt')
+ .select('name files id createdAt updatedAt')
+ .exec();
+ };
export default mongoose.models.Project ||
mongoose.model('Project', projectSchema);
diff --git a/server/models/user.ts b/server/models/user.ts
index f3a92d93ea..02108ecc29 100644
--- a/server/models/user.ts
+++ b/server/models/user.ts
@@ -318,21 +318,22 @@ userSchema.statics.findByEmailOrUsername = async function findByEmailOrUsername(
* @param {string} username
* @return {UserDocument} - Returns User Object fulfilled by User document
*/
-userSchema.statics.findByEmailAndUsername = async function findByEmailAndUsername(
- email: string,
- username: string
-): Promise {
- const user = this;
- const query = {
- $or: [{ email }, { username }]
- };
- const foundUser = await user
- .findOne(query)
- .collation({ locale: 'en', strength: 2 })
- .exec();
+userSchema.statics.findByEmailAndUsername =
+ async function findByEmailAndUsername(
+ email: string,
+ username: string
+ ): Promise {
+ const user = this;
+ const query = {
+ $or: [{ email }, { username }]
+ };
+ const foundUser = await user
+ .findOne(query)
+ .collation({ locale: 'en', strength: 2 })
+ .exec();
- return foundUser;
-};
+ return foundUser;
+ };
userSchema.index({ username: 1 }, { collation: { locale: 'en', strength: 2 } });
userSchema.index({ email: 1 }, { collation: { locale: 'en', strength: 2 } });
diff --git a/server/routes/passport.routes.ts b/server/routes/passport.routes.ts
index c54091104e..ad1740cb2d 100644
--- a/server/routes/passport.routes.ts
+++ b/server/routes/passport.routes.ts
@@ -4,36 +4,33 @@ import { UserDocument } from '../types';
const router = Router();
-const authenticateOAuth = (service: string) => (
- req: Request,
- res: Response,
- next: NextFunction
-) => {
- passport.authenticate(
- service,
- { failureRedirect: '/login' },
- (err: unknown, user: UserDocument) => {
- if (err) {
- // use query string param to show error;
- res.redirect(`/account?error=${service}`);
- return;
- }
-
- if (!user) {
- res.redirect(`/account?error=${service}NoUser`);
- return;
- }
+const authenticateOAuth =
+ (service: string) => (req: Request, res: Response, next: NextFunction) => {
+ passport.authenticate(
+ service,
+ { failureRedirect: '/login' },
+ (err: unknown, user: UserDocument) => {
+ if (err) {
+ // use query string param to show error;
+ res.redirect(`/account?error=${service}`);
+ return;
+ }
- req.logIn(user, (loginErr) => {
- if (loginErr) {
- next(loginErr);
+ if (!user) {
+ res.redirect(`/account?error=${service}NoUser`);
return;
}
- res.redirect('/');
- });
- }
- )(req, res, next);
-};
+
+ req.logIn(user, (loginErr) => {
+ if (loginErr) {
+ next(loginErr);
+ return;
+ }
+ res.redirect('/');
+ });
+ }
+ )(req, res, next);
+ };
router.get('/auth/github', passport.authenticate('github'));
router.get('/auth/github/callback', authenticateOAuth('github'));
diff --git a/server/scripts/examples.js b/server/scripts/examples.js
index 9ea067e845..ff7dcd8c68 100644
--- a/server/scripts/examples.js
+++ b/server/scripts/examples.js
@@ -29,8 +29,7 @@ mongoose.connection.on('error', () => {
async function getCategories() {
const categories = [];
const options = {
- url:
- 'https://api.github.com/repos/processing/p5.js-website-legacy/contents/src/data/examples/en',
+ url: 'https://api.github.com/repos/processing/p5.js-website-legacy/contents/src/data/examples/en',
method: 'GET',
headers: {
...headers,
@@ -222,8 +221,7 @@ async function addAssetsToProject(assets, response, project) {
async function createProjectsInP5user(projectsInAllCategories) {
const options = {
- url:
- 'https://api.github.com/repos/processing/p5.js-website-legacy/contents/src/data/examples/assets',
+ url: 'https://api.github.com/repos/processing/p5.js-website-legacy/contents/src/data/examples/assets',
method: 'GET',
headers: {
...headers,
diff --git a/server/utils/fileUtils.js b/server/utils/fileUtils.js
index cd718a27b8..f051ee2c11 100644
--- a/server/utils/fileUtils.js
+++ b/server/utils/fileUtils.js
@@ -67,10 +67,13 @@ export const MEDIA_FILE_QUOTED_REGEX = new RegExp(
export const STRING_REGEX = /(['"])((\\\1|.)*?)\1/gm;
// these are files that have to be linked to with a blob url
-export const PLAINTEXT_FILE_REGEX = /.+\.(json|txt|csv|vert|frag|tsv|xml|stl|mtl)$/i;
+export const PLAINTEXT_FILE_REGEX =
+ /.+\.(json|txt|csv|vert|frag|tsv|xml|stl|mtl)$/i;
// these are files that users would want to edit as text (maybe svg should be here?)
-export const TEXT_FILE_REGEX = /.+\.(json|txt|csv|tsv|vert|frag|js|css|html|htm|jsx|xml|stl|mtl)$/i;
+export const TEXT_FILE_REGEX =
+ /.+\.(json|txt|csv|tsv|vert|frag|js|css|html|htm|jsx|xml|stl|mtl)$/i;
export const NOT_EXTERNAL_LINK_REGEX = /^(?!(http:\/\/|https:\/\/))/;
export const EXTERNAL_LINK_REGEX = /^(http:\/\/|https:\/\/)/;
-export const CREATE_FILE_REGEX = /.+\.(json|txt|csv|tsv|js|css|frag|vert|xml|html|htm|stl|mtl)$/i;
+export const CREATE_FILE_REGEX =
+ /.+\.(json|txt|csv|tsv|js|css|frag|vert|xml|html|htm|stl|mtl)$/i;
diff --git a/server/views/404Page.js b/server/views/404Page.js
index 50f40ea206..c9b49fd196 100644
--- a/server/views/404Page.js
+++ b/server/views/404Page.js
@@ -95,8 +95,9 @@ export const get404Sketch = async () => {
const sketch = projects[randomIndex];
// Get sketch files
- let htmlFile = sketch.files.find((file) => file.name.match(/.*\.html$/i))
- .content;
+ let htmlFile = sketch.files.find((file) =>
+ file.name.match(/.*\.html$/i)
+ ).content;
const jsFiles = sketch.files.filter((file) => file.name.match(/.*\.js$/i));
const cssFiles = sketch.files.filter((file) =>
file.name.match(/.*\.css$/i)
diff --git a/translations/contributor_docs/ko/CONTRIBUTING.md b/translations/contributor_docs/ko/CONTRIBUTING.md
index 1562eac923..b30b5d031b 100644
--- a/translations/contributor_docs/ko/CONTRIBUTING.md
+++ b/translations/contributor_docs/ko/CONTRIBUTING.md
@@ -1,8 +1,9 @@
-# p5.js 웹 에디터에 기여하기
+# p5.js 웹 에디터에 기여하기
안녕하세요! p5.js 웹 에디터에 다양한 형태로 기여해주실 분들을 환영합니다. 저희 커뮤니티에 대한 기여는 **코드 작성**에 국한되지 않으며, **버그 리포팅**, **새로운 기능 제안**, **UI/UX 디자인 제작**, **문서 업데이트** 등 여러가지 형태일 수 있습니다.
## 목차
+
- [p5.js 웹 에디터에 기여하기](#p5js-웹-에디터에-기여하기)
- [목차](#목차)
- [행동 수칙](#행동-수칙)
@@ -17,41 +18,51 @@
- [기여 가이드](#기여-가이드)
- [커밋 메세지 쓰는 법](#커밋-메세지-쓰는-법)
- [팁](#팁)
-
+
## 행동 수칙
[행동 수칙](https://github.com/processing/p5.js-web-editor/blob/develop/.github/CODE_OF_CONDUCT.md)에 있는 가이드라인을 따라주시기 바랍니다.
## 어떻게 기여할 수 있을까요?
+
만약 오픈 소스에 기여하는 게 처음이신 경우라면, [오픈 소스에 어떻게 기여할 수 있는지](https://opensource.guide/how-to-contribute/)를 읽어주시기 바랍니다.
### 첫 걸음
+
어디서 시작할지 모르시겠다구요? 시작점이 될 수 있을만한 몇 가지 제안들이 여기 있습니다:
-* 오픈 소스 작업을 통해 무엇을 배우기를 희망하는지 생각해보시기 바랍니다. 웹 에디터는 풀스택 웹 애플리케이션이므로, 여러가지 분야가 있습니다:
-- UI/UX 디자인
-- 프로젝트 매니지먼트: 티켓, 풀 리퀘스트, 과업 정리
-- 프런트엔드: 리액트/리덕스, CSS/사스(Sass), 코드 미러
-- 백엔드: Node, Express, MongoDB, Jest, AWS
-- 데브옵스: Travis CI, Jest, 도커, 쿠버네티스, AWS
-* [p5.js 웹 에디터](https://editor.p5js.org)를 사용해보세요! 버그를 찾으셨나요? 이 프로젝트에 뭔가를 더하실 수 있을 것 같으신가요? 그렇다면 이슈를 열어주세요.
-* 기존 이슈들을 확장시켜보세요. 가끔은 이슈들 중에 재현 과정이 미흡하거나, 솔루션 후보들이 필요한 경우들이 있습니다. 어쩔 땐 “이거 정말 중요해!” 하고 말해주는 목소리가 필요한 경우들도 있습니다.
-* 여러분의 로컬 컴퓨터에서 [설치 단계](./installation.md)를 따라 프로젝트를 실행해보세요.
-* [개발자 문서 디렉토리](./../../contributor_docs/) 안의 문서들을 읽어보세요. 더 확장될 수 있는 뭔가가 있나요? 뭔가 빠진게 있나요?
-* [개발 가이드](./development.md)를 읽어보세요.
+
+- 오픈 소스 작업을 통해 무엇을 배우기를 희망하는지 생각해보시기 바랍니다. 웹 에디터는 풀스택 웹 애플리케이션이므로, 여러가지 분야가 있습니다:
+
+* UI/UX 디자인
+* 프로젝트 매니지먼트: 티켓, 풀 리퀘스트, 과업 정리
+* 프런트엔드: 리액트/리덕스, CSS/사스(Sass), 코드 미러
+* 백엔드: Node, Express, MongoDB, Jest, AWS
+* 데브옵스: Travis CI, Jest, 도커, 쿠버네티스, AWS
+
+- [p5.js 웹 에디터](https://editor.p5js.org)를 사용해보세요! 버그를 찾으셨나요? 이 프로젝트에 뭔가를 더하실 수 있을 것 같으신가요? 그렇다면 이슈를 열어주세요.
+- 기존 이슈들을 확장시켜보세요. 가끔은 이슈들 중에 재현 과정이 미흡하거나, 솔루션 후보들이 필요한 경우들이 있습니다. 어쩔 땐 “이거 정말 중요해!” 하고 말해주는 목소리가 필요한 경우들도 있습니다.
+- 여러분의 로컬 컴퓨터에서 [설치 단계](./installation.md)를 따라 프로젝트를 실행해보세요.
+- [개발자 문서 디렉토리](./../../contributor_docs/) 안의 문서들을 읽어보세요. 더 확장될 수 있는 뭔가가 있나요? 뭔가 빠진게 있나요?
+- [개발 가이드](./development.md)를 읽어보세요.
### 좋은 첫 이슈들
+
처음 기여를 해보시는 분들이나, 작은 과업으로 기여를 시작하고자 하는 분들이라면, [좋은 첫 이슈들](https://github.com/processing/p5.js-web-editor/labels/good%20first%20issue) 혹은 [재현 단계들을 문서화 해야 하는 이슈들](https://github.com/processing/p5.js-web-editor/issues?q=is%3Aissue+is%3Aopen+label%3A%22needs+steps+to+reproduce%22)을 확인해보시기 바랍니다. 만약 이슈가 누구에게도 할당되지 않았다면, 여러분이 그 작업을 하셔도 좋습니다! 어떻게 이슈를 해결해야 할지 모르셔도 괜찮고, 문제를 어떻게 접근해야 할지 질문해주셔도 좋습니다! 우리는 모두 배우기 위해서, 뭔가 멋진걸 만들기 위해서 여기 있는 거니까요. 커뮤니티 멤버 중 누군가가 여러분을 도와줄 수도 있을거고, 이 이슈들은 웹 에디터, 파일 구조, 개발 과정에 대해 배울 수 있게 해주는 훌륭한 이슈들입니다.
### 좋은 중간 이슈들
+
좀 더 큰 규모의 일을 하고 싶다면, [좋은 중간 이슈](https://github.com/processing/p5.js-web-editor/labels/good%20medium%20issue)로 태그 되어 있는 이슈들을 살펴보시기 바랍니다. 이 이슈들은 꽤 오랜 시간이 걸릴 수 있는 독자적인 프로젝트인데, 더 깊이 관여해 기여하고 싶다면 이런 이슈들이 적당할 것입니다!
### 프로젝트 보드
+
많은 이슈들은 서로 연관이 있으며 더 큰 프로젝트의 일부이기도 합니다. 더 큰 그림을 보기 위해서는 [모든 프로젝트](https://github.com/processing/p5.js-web-editor/projects/4) 보드를 살펴보시기 바랍니다.
### 프로젝트 아이디어
+
구글 서머 오브 코드 혹은 더 큰 프로젝트를 위한 아이디어를 찾고 있다면, 프로세싱 재단 위키에 있는 [프로젝트 리스트](https://github.com/processing/processing/wiki/Project-List#p5js-web-editor)를 확인하시기 바랍니다.
### 이슈 검색 및 태깅
+
작업할 이슈를 찾고 있다면, [높은 우선 순위](https://github.com/processing/p5.js-web-editor/labels/priority%3Ahigh) 표시가 된 티켓들부터 시작하는 걸 권장드립니다. [기능 개선](https://github.com/processing/p5.js-web-editor/labels/type%3Afeature), [버그 수정](https://github.com/processing/p5.js-web-editor/labels/type%3Abug) 등의 태그들이 있는 티켓을 살펴보시는 것도 좋은 방법입니다.
만약 어떤 이슈가 잘못된 태그를 달고 있는 것 같다면(예: 낮은 우선 순위로 표시되어 있지만 우선 순위가 높다고 생각할 때), 이슈를 업데이트 해주시기 바랍니다!
@@ -64,41 +75,41 @@
### 기여 가이드
-* [https://guides.github.com/activities/hello-world/](https://guides.github.com/activities/hello-world/)
-* [https://guides.github.com/activities/forking/](https://guides.github.com/activities/forking/)
+- [https://guides.github.com/activities/hello-world/](https://guides.github.com/activities/hello-world/)
+- [https://guides.github.com/activities/forking/](https://guides.github.com/activities/forking/)
## 커밋 메세지 쓰는 법
좋은 커밋 메세지는 최소한 세 가지 중요한 목적을 충족시켜줍니다:
-* 리뷰 절차의 속도를 높여줍니다.
-* 좋은 릴리즈 노트를 작성하는 데에 도움을 줍니다.
-* 관리자들이 어떤 변화가 왜 일어났는지 이해하기 쉽게 해줍니다.
+- 리뷰 절차의 속도를 높여줍니다.
+- 좋은 릴리즈 노트를 작성하는 데에 도움을 줍니다.
+- 관리자들이 어떤 변화가 왜 일어났는지 이해하기 쉽게 해줍니다.
커밋 메세지는 다음과 같은 구조로 작성해주시기 바랍니다:
- ```
- 변경 사항(#이슈-번호 키워드 포함)에 대한 짧은 (50 문자 이하) 요약
-
- 필요 시 더 자세한 설명을 담은 텍스트 추가.
- 72 문자 이하로 작성.
- 어떤 맥락에서는 첫 줄은 이메일의 제목으로,
- 나머지는 본문으로 간주되기도 함.
- 요약과 본문을 분리시키는 빈 줄은 중요함(본문이 아예 빠지지 않는 한);
- 분리되지 않을 경우 리베이스 같은 툴은 혼란스러워 할 수 있음.
-
- 추가 문단들은 빈 줄 이후에 온다.
-
- - 불릿 포인트도 허용됨
-
- - 불릿은 보통 스페이스 한 칸 다음에 하이픈이나 별표가 이용되며, 불릿 간에는 빈 줄이 있지만 이 관례는 상황에 따라 다르게 적용됨
-
- ```
-
-* 요약과 설명의 경우 누군가에게 무언가를 명령하듯이 작성하시기 바랍니다. “Fixed”, “Added”, “Changed” 대신 “Fix”, “Add”, “Change”로 줄을 시작하십시오.
-* 두 번째 줄은 항상 빈 줄로 남겨두십시오.
-* 설명 란에선 최대한 자세히 서술해주십시오. 이는 커밋의 의도에 대해 더 잘 이해할 수 있게 해주고, 왜 이런 변경 사항이 있었는지 문맥을 제공해줍니다.
+```
+변경 사항(#이슈-번호 키워드 포함)에 대한 짧은 (50 문자 이하) 요약
+
+필요 시 더 자세한 설명을 담은 텍스트 추가.
+72 문자 이하로 작성.
+어떤 맥락에서는 첫 줄은 이메일의 제목으로,
+나머지는 본문으로 간주되기도 함.
+요약과 본문을 분리시키는 빈 줄은 중요함(본문이 아예 빠지지 않는 한);
+분리되지 않을 경우 리베이스 같은 툴은 혼란스러워 할 수 있음.
+
+추가 문단들은 빈 줄 이후에 온다.
+
+ - 불릿 포인트도 허용됨
+
+ - 불릿은 보통 스페이스 한 칸 다음에 하이픈이나 별표가 이용되며, 불릿 간에는 빈 줄이 있지만 이 관례는 상황에 따라 다르게 적용됨
+
+```
+
+- 요약과 설명의 경우 누군가에게 무언가를 명령하듯이 작성하시기 바랍니다. “Fixed”, “Added”, “Changed” 대신 “Fix”, “Add”, “Change”로 줄을 시작하십시오.
+- 두 번째 줄은 항상 빈 줄로 남겨두십시오.
+- 설명 란에선 최대한 자세히 서술해주십시오. 이는 커밋의 의도에 대해 더 잘 이해할 수 있게 해주고, 왜 이런 변경 사항이 있었는지 문맥을 제공해줍니다.
## 팁
-* 여러분의 커밋이 무슨 일을 하는지 요약하기 어렵다면, 여러가지 논리적 변화나 버그 수정을 하나에 담고 있기 때문일 가능성이 있으며, 이런 경우에는 `git add -p `를 이용해 여러 개의 커밋으로 나누는 편이 낫습니다.
+- 여러분의 커밋이 무슨 일을 하는지 요약하기 어렵다면, 여러가지 논리적 변화나 버그 수정을 하나에 담고 있기 때문일 가능성이 있으며, 이런 경우에는 `git add -p `를 이용해 여러 개의 커밋으로 나누는 편이 낫습니다.
diff --git a/translations/contributor_docs/ko/README.md b/translations/contributor_docs/ko/README.md
index 453ad38717..a5a04ede74 100644
--- a/translations/contributor_docs/ko/README.md
+++ b/translations/contributor_docs/ko/README.md
@@ -24,15 +24,13 @@ p5.js 웹 에디터에서 버그를 발견하셨다면, [“이슈” 탭](https
버그와 기능 요청은 각각에 알맞은 저장소에 보고해주시기 바랍니다:
-* p5.js 라이브러리와 p5.dom: [https://github.com/processing/p5.js/issues](https://github.com/processing/p5.js/issues)
-* p5.accessibility: [https://github.com/processing/p5.accessibility/issues](https://github.com/processing/p5.accessibility/issues)
-* p5.sound: [https://github.com/processing/p5.js-sound/issues](https://github.com/processing/p5.js-sound/issues)
-* p5.js 웹사이트: [https://github.com/processing/p5.js-website/issues](https://github.com/processing/p5.js-website/issues)
+- p5.js 라이브러리와 p5.dom: [https://github.com/processing/p5.js/issues](https://github.com/processing/p5.js/issues)
+- p5.accessibility: [https://github.com/processing/p5.accessibility/issues](https://github.com/processing/p5.accessibility/issues)
+- p5.sound: [https://github.com/processing/p5.js-sound/issues](https://github.com/processing/p5.js-sound/issues)
+- p5.js 웹사이트: [https://github.com/processing/p5.js-website/issues](https://github.com/processing/p5.js-website/issues)
## 감사의 말
본 프로젝트는 [프로세싱 재단](https://processingfoundation.org/), [뉴욕대 ITP](https://tisch.nyu.edu/itp), [뉴욕시 교육부의 CS4All](http://cs4all.nyc/)에서 후원해주셨습니다.
-호스팅과 기술적 지원은 다음 단체들에서 해주셨습니다:` do HTML5), use [aria-labels](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attribute). [exemplo de código](https://github.com/processing/p5.js-web-editor/blob/master/client/modules/IDE/components/Toolbar.jsx#L67)
-* Todas ``s precisam ter um atributo `summary`. Isso irá assegurar que o usuário terá o contexto para que serve a tabela. [exemplo de código](https://github.com/processing/p5.js-web-editor/blob/master/client/modules/IDE/components/SketchList.jsx#L39)
-* Menus `ul`s e `nav`s precisam incluir um título. [exemplo de código](https://github.com/processing/p5.js-web-editor/blob/master/client/components/Nav.jsx#L7)
+- Enquanto criar ícones de botões, imagens ou algo sem texto (isso não inclui o `` do HTML5), use [aria-labels](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attribute). [exemplo de código](https://github.com/processing/p5.js-web-editor/blob/master/client/modules/IDE/components/Toolbar.jsx#L67)
+- Todas ``s precisam ter um atributo `summary`. Isso irá assegurar que o usuário terá o contexto para que serve a tabela. [exemplo de código](https://github.com/processing/p5.js-web-editor/blob/master/client/modules/IDE/components/SketchList.jsx#L39)
+- Menus `ul`s e `nav`s precisam incluir um título. [exemplo de código](https://github.com/processing/p5.js-web-editor/blob/master/client/components/Nav.jsx#L7)
Para mais informações sobre acessibilidade veja o [tutorial teach access](https://teachaccess.github.io/tutorial/)
diff --git a/translations/contributor_docs/pt-br/deployment.md b/translations/contributor_docs/pt-br/deployment.md
index 7a21275cc3..03f3970e59 100644
--- a/translations/contributor_docs/pt-br/deployment.md
+++ b/translations/contributor_docs/pt-br/deployment.md
@@ -3,15 +3,16 @@
Esse documento contém informações sobre como realizar um deploy para produção, todas as plataformas e ferramentas diferentes e como configura-las.
WIP.
-* Configuração/Instalação de Produção
-* Travis
-* Docker Hub
-* Kubernetes
-* S3
-* Mailgun
-* Cloudflare
-* DNS/Dreamhost
-* mLab
+
+- Configuração/Instalação de Produção
+- Travis
+- Docker Hub
+- Kubernetes
+- S3
+- Mailgun
+- Cloudflare
+- DNS/Dreamhost
+- mLab
## Processo de Deploy
@@ -29,7 +30,7 @@ Esses são os passos que acontecem quando você realiza o deploy da aplicação.
Você só terá que fazer isso se estiver testando o ambinente de produção loclamente.
-_Nota_: Os passos de instalação assumem que você está usando um shell baseado em Unix. Se você está usando Windows, você terá que usar `copy` no lugar de `cp`.
+_Nota_: Os passos de instalação assumem que você está usando um shell baseado em Unix. Se você está usando Windows, você terá que usar `copy` no lugar de `cp`.
1. Clone esse repositório e use um `cd` para entrar nele
2. `$ npm install`
@@ -47,7 +48,7 @@ Se você está interessado em hospedar e fazer deploy da sua própria instância
1. Se cadastre para uma conta grátis em: [Heroku](https://www.heroku.com/)
2. Clique aqui: [](https://heroku.com/deploy?template=https://github.com/processing/p5.js-web-editor/tree/master)
-3. Coloque um *Nome para o App* único, ele fará parte da url(i.e. https://nome-do-app.herokuapp.com/)
+3. Coloque um _Nome para o App_ único, ele fará parte da url(i.e. https://nome-do-app.herokuapp.com/)
4. Atualize qualquer variável de configuração ou aceite os valores default para uma avaliação rápida (elas podem ser alteradas depois para permitir total funcionalidade)
-5. Clique no botão "Deploy app"
+5. Clique no botão "Deploy app"
6. Quando copleto, clique no botão "View app"
diff --git a/translations/contributor_docs/pt-br/development.md b/translations/contributor_docs/pt-br/development.md
index 3456033ff0..8c3535338b 100644
--- a/translations/contributor_docs/pt-br/development.md
+++ b/translations/contributor_docs/pt-br/development.md
@@ -3,32 +3,35 @@
Um guia para adicionar código nesse projeto.
## Instalação
+
Sigua o [guia de instalação](https://github.com/processing/p5.js-web-editor/blob/master/developer_docs/pt-br/installation.md).
## Testes
+
Para rodar a suite de testes apenas rode `npm test` (depois de instalar as dependências com `npm install`)
Um exemplo de teste unitário pode ser encontrado aqui: [Nav.test.jsx](../client/components/__test__/Nav.test.jsx).
## Design
+
- [Guia de estilo/Design System on Figma](https://github.com/processing/p5.js-web-editor/labels/good%20medium%20issues)
- [ùltimo Design no Figma](https://www.figma.com/file/5KychMUfHlq97H0uDsen1U/p5-web-editor-2017.p.copy?node-id=0%3A1). Note que o design atual no website se divergiu, partes desse design não serão implementados, mas ainda é útil telos por perto para referência.
- [Designs para dispositivos móveis](https://www.figma.com/file/5KychMUfHlq97H0uDsen1U/p5-web-editor-2017.p.copy?node-id=0%3A2529), [Designs Responsivos](https://www.figma.com/file/5KychMUfHlq97H0uDsen1U/p5-web-editor-2017.p.copy?node-id=0%3A3292)
# Tecnologias usadas
-**MERN stack** - MongoDB, Express, React/Redux e Node.
+**MERN stack** - MongoDB, Express, React/Redux e Node.
+
+- Para uma referência para a **estrutura de arquivos** que esse projeto está usando, por favor olhe no [Mern Starter](https://github.com/Hashnode/mern-starter).
- - Para uma referência para a **estrutura de arquivos** que esse projeto está usando, por favor olhe no [Mern Starter](https://github.com/Hashnode/mern-starter).
+- Esse projeto não utiliza CSS Modules, styled-components, ou outras bibliotecas CSS-in-JS, mas usa Sass. [Orientações BEM e convenções de nome](http://getbem.com/) são seguidas.
- - Esse projeto não utiliza CSS Modules, styled-components, ou outras bibliotecas CSS-in-JS, mas usa Sass. [Orientações BEM e convenções de nome](http://getbem.com/) são seguidas.
-
- - Para estilos comuns e reutilizáveis, escreva OOSCSS (Object-Oriented SCSS) com placeholders e mixins. Para organizar estilos, siga o [Padrão 7-1](https://sass-guidelin.es/#the-7-1-pattern) para Sass.
+- Para estilos comuns e reutilizáveis, escreva OOSCSS (Object-Oriented SCSS) com placeholders e mixins. Para organizar estilos, siga o [Padrão 7-1](https://sass-guidelin.es/#the-7-1-pattern) para Sass.
- - Estamos usando [ES6](http://es6-features.org/) e transpilando para ES5 usando [Babel](https://babeljs.io/).
+- Estamos usando [ES6](http://es6-features.org/) e transpilando para ES5 usando [Babel](https://babeljs.io/).
- - Para referência para o guia de estilo de Javascript, veja o [Guia de Estilo do Airbnb](https://github.com/airbnb/javascript), [React ESLint Plugin](https://github.com/yannickcr/eslint-plugin-react).
+- Para referência para o guia de estilo de Javascript, veja o [Guia de Estilo do Airbnb](https://github.com/airbnb/javascript), [React ESLint Plugin](https://github.com/yannickcr/eslint-plugin-react).
- - A configuração de ESLint é baseada em alguns boilerplates populares de React/Redux. Abra para sugerir nisso. Se em desenvolvimento, você estiver ficando irritado com o ESLint, você pode remover temporariamente o `eslint-loader` do `webpack/config.dev.js` no JavaScript loader ou desativar qualquer linha de usar o eslint comentando `// eslint-disable-line` na linha.
+- A configuração de ESLint é baseada em alguns boilerplates populares de React/Redux. Abra para sugerir nisso. Se em desenvolvimento, você estiver ficando irritado com o ESLint, você pode remover temporariamente o `eslint-loader` do `webpack/config.dev.js` no JavaScript loader ou desativar qualquer linha de usar o eslint comentando `// eslint-disable-line` na linha.
- - [Jest](https://jestjs.io/) para testes unitários e testes de snapshop junto com o [Enzyme](https://airbnb.io/enzyme/) para testar React.
\ No newline at end of file
+- [Jest](https://jestjs.io/) para testes unitários e testes de snapshop junto com o [Enzyme](https://airbnb.io/enzyme/) para testar React.
diff --git a/translations/contributor_docs/pt-br/installation.md b/translations/contributor_docs/pt-br/installation.md
index 70e54b7930..d86d6cd302 100644
--- a/translations/contributor_docs/pt-br/installation.md
+++ b/translations/contributor_docs/pt-br/installation.md
@@ -21,9 +21,10 @@ _Nota_: Os passos de instalação assumem que você está usando um shell basead
$ cd p5.js-web-editor
$ npm install
```
+
6. Instale o MongoDB e cheque se está rodando.
- * Para Mac OSX com [homebrew](http://brew.sh/): `brew tap mongodb/brew` e então `brew install mongodb-community` e finalmente comece o server com `brew services start mongodb-community` ou você pode visitar o guia de instalação aqui [Guia de Instalação para MacOS](https://docs.mongodb.com/manual/tutorial/install-mongodb-on-os-x/)
- * Para Windows e Linux: [Instalação do MongoDB](https://docs.mongodb.com/manual/installation/)
+ - Para Mac OSX com [homebrew](http://brew.sh/): `brew tap mongodb/brew` e então `brew install mongodb-community` e finalmente comece o server com `brew services start mongodb-community` ou você pode visitar o guia de instalação aqui [Guia de Instalação para MacOS](https://docs.mongodb.com/manual/tutorial/install-mongodb-on-os-x/)
+ - Para Windows e Linux: [Instalação do MongoDB](https://docs.mongodb.com/manual/installation/)
7. `$ cp .env.example .env`
8. (Opcional) Atualize o `.env` com as chaves necessárias para permitir certos comportamentos do app, i.e. adicionar GiHub ID e GitHub Secret se você quer conseguir entrar com o GitHub.
9. `$ npm run fetch-examples` - isso faz o download dos exemplos de esboço para um usuário chamado 'p5'
@@ -41,8 +42,8 @@ Usando Docker você pode ter um ambiente de desenvolvimento completo e consisten
Note que isso usa um espaço significante da sua máquina. Cheque se você tem pelo menos 5GB disponíveis.
1. Instale o Docker no seu sistema operacional
- * Mac: https://www.docker.com/docker-mac
- * Windows: https://www.docker.com/docker-windows
+ - Mac: https://www.docker.com/docker-mac
+ - Windows: https://www.docker.com/docker-windows
2. Clone esse repositŕio e use `cd` para entrar nele
3. `$ docker-compose -f docker-compose-development.yml build`
4. `$ cp .env.example .env`
@@ -54,20 +55,19 @@ Agora, em qualquer momento que você quiser iniciar o server com suas dependênc
7. `$ docker-compose -f docker-compose-development.yml up`
8. Navegue para [http://localhost:8000](http://localhost:8000) no seu browser
-Para abrir um terminal/shell no server Docker que está rodando (i.e. depois de ter rodado `docker-compose up`):
+Para abrir um terminal/shell no server Docker que está rodando (i.e. depois de ter rodado `docker-compose up`):
9. `$ docker-compose -f docker-compose-development.yml exec app bash -l`
Se você não tem todo o ambiente rodando, você pode rodar a instância de apenas um container (e deleta-lo automaticamente depois de ter o utilizado):
-10. `$ docker-compose -f docker-compose-development.yml run app --rm bash -l`
+10. `$ docker-compose -f docker-compose-development.yml run app --rm bash -l`
## Configuração do S3 Bucket
Note que isso é opcioal, a menos que você esteja trabalhando na parte da aplicação que permite que o usuário faça o upload de imagens, vídeos, etc. Por favor consulte o [gist](https://gist.github.com/catarak/70c9301f0fd1ac2d6b58de03f61997e3) para configurar um S3 bucket para ser usado com esse projeto.
-Se seu S3 bucket está na região Leste dos EUA (N Virginia) (us-east-1), você irá precisar configurar um URL customizada para isso, porque ele não segue o padrão de nomes do resto das regiões. Em vez disso, adicione o seguinte para seu arquivo
-environment/.env :
+Se seu S3 bucket está na região Leste dos EUA (N Virginia) (us-east-1), você irá precisar configurar um URL customizada para isso, porque ele não segue o padrão de nomes do resto das regiões. Em vez disso, adicione o seguinte para seu arquivo environment/.env :
`S3_BUCKET_URL_BASE=https://s3.amazonaws.com`
diff --git a/translations/contributor_docs/pt-br/preparing_a_pull_request.md b/translations/contributor_docs/pt-br/preparing_a_pull_request.md
index 02ee1183da..1a6cbfa5d6 100644
--- a/translations/contributor_docs/pt-br/preparing_a_pull_request.md
+++ b/translations/contributor_docs/pt-br/preparing_a_pull_request.md
@@ -7,12 +7,13 @@ Pull-requests são mais fáceis quando seu código está atualizado! Você pode
## Salve e Atualize
### Salve tudo que você tem!
+
git status
git add -u
git commit
-
### Descubra a respeito de mudanças
+
Verifique se você está acompanhando o repositório upstream p5.js.
git remote show upstream
@@ -26,24 +27,31 @@ Então pergunte ao git sobre as últimas mudanças.
git fetch upstream
### Só para garantir: faça uma cópia das suas mudanças em uma nova branch
+
git branch your-branch-name-backup
-### Aplique mudanças da branch master, adicione suas mudanças *depois*
+### Aplique mudanças da branch master, adicione suas mudanças _depois_
+
git rebase upstream/master
### Volte para a branch master
+
git checkout master
### Ajude outros contribuidores a entender as mudanças que você fez
- git commit -m "Fixed documentation typos"
-### Verifique o que o git estará commitando
- git status
+ git commit -m "Fixed documentation typos"
+
+### Verifique o que o git estará commitando
+
+ git status
## CONFLITOS
+
Você pode ter alguns conflitos! Tudo bem. Se sinta a vontade para pedir ajuda. Se merjar com a última master upstream causar conflitos, você pode sempre fazer um pull request com o repositório upstream, que torna os conflitos públicos.
## E finalmente, para grande glória
+
git push --set-upstream origin your-branch-name-backup
Aqui está uma boa referência sobre rebases, caso você esteja curioso sobre os detalhes técnicos. https://www.atlassian.com/git/tutorials/merging-vs-rebasing
diff --git a/translations/contributor_docs/pt-br/public_api.md b/translations/contributor_docs/pt-br/public_api.md
index ecbed9c2c7..fb743a7d0e 100644
--- a/translations/contributor_docs/pt-br/public_api.md
+++ b/translations/contributor_docs/pt-br/public_api.md
@@ -2,14 +2,13 @@
Essa API provê uma forma de importar informações para o p5.js Web Editor de forma programática.
-# Authenticação
+# Authenticação
Acesso à API está disponível via um Token de Acesso Pessoal, relacionado à uma conta de editor existente. Tokens podem ser criados e deletados na tela de Configurações de um usuário loggado.
Quando entrar em contato com a API, o nome de usuário e token devem ser enviados em todas requisições usando autenticação básica.
-Isso envolve enviar o base64 codificado `${username}:${personalAccessToken}` no header `Authorization`, Por exemplo:
- `Authorization: Basic cDU6YWJjMTIzYWJj`
+Isso envolve enviar o base64 codificado `${username}:${personalAccessToken}` no header `Authorization`, Por exemplo: `Authorization: Basic cDU6YWJjMTIzYWJj`
# Acesso à API
@@ -31,12 +30,11 @@ A API aceita e retorna as seguintes Models como JSON.
## Sketch
-| Nome | Tipo | Descrição |
-| ----- | ----------------- | ------------------------------------------------------------------------------ |
-| name | String | O título do esboço |
+| Nome | Tipo | Descrição |
+| --- | --- | --- |
+| name | String | O título do esboço |
| files | DirectoryContents | Os arquivos e diretórios no esboço. Veja `DirectoryContents` para a estrutura. |
-| slug | String | Um caminho que pode ser usado para acessar o esboço |
-
+| slug | String | Um caminho que pode ser usado para acessar o esboço |
{
"id": String, // opaque ID
@@ -81,10 +79,9 @@ Isso é editável na interfáce do editor e guardada no bando de dados do Editor
Esse arquivo é hospedado em outro lugar na Internet. Ele aparece na listagem do Editor e pode ser referenciado usando um proxy URL no Editor.
-
-| Nome | Tipo | Descrição |
-| ---- | ---- | ----------------------------------------------------------------- |
-| url | URL | Uma URL váçida apontando para um arquivo hospedado em outro lugar |
+| Nome | Tipo | Descrição |
+| --- | --- | --- |
+| url | URL | Uma URL váçida apontando para um arquivo hospedado em outro lugar |
{
"url": URL
@@ -115,9 +112,11 @@ Liste os esboços de um usuário.
Isso não irá retornar os arquivos dentro de um esboço, apenas a metadata do esboço.
### Formato da requisição
+
Sem corpo.
### Formato da resposta
+
{
"sketches": Array
}
@@ -125,7 +124,7 @@ Sem corpo.
### Exemplo
GET /p5/sketches
-
+
{
"sketches": [
{ "id": "H1PLJg8_", "name": "My Lovely Sketch" },
@@ -133,7 +132,6 @@ Sem corpo.
]
}
-
## `POST /:user/sketches`
Criar um novo esboço.
@@ -141,9 +139,11 @@ Criar um novo esboço.
Um esboço deve conter pelo menos um arquivo com a extenção `.html`. Se nenhum for fornecido no payload, um `index.html` padrão e um arquivo `style.css` associado serão criados automaticamente.
### Formato da requisição
+
Veja `Sketch` nas Models abaixo.
### Formato da resposta
+
{
"id": String
}
@@ -151,7 +151,7 @@ Veja `Sketch` nas Models abaixo.
### Exemplo
POST /p5/sketches
-
+
{
"name": "My Lovely Sketch",
"files": {
@@ -162,9 +162,8 @@ Veja `Sketch` nas Models abaixo.
`files` podem possuir uma hierarquia para representar uma estrutura de pastas. Por exemplo, isso irá criar um diretório "data" vazio no esboço:
-
POST /p5/sketches
-
+
{
"name": "My Lovely Sketch 2",
"files": [
@@ -182,16 +181,15 @@ Veja `Sketch` nas Models abaixo.
### Respostas
-| Código HTTP | Descrição |
-| ------------------------ | ------------------------------------------------------------------------------- |
-| 201 Created | id do esboço |
+| Código HTTP | Descrição |
+| --- | --- |
+| 201 Created | id do esboço |
| 422 Unprocessable Entity | falha na validação de um arquivo, tipo de arquivo não suportado, slug já existe |
-
### Exemplos
201 CREATED
-
+
{
"id": "Ckhf0APpg"
}
@@ -201,9 +199,11 @@ Veja `Sketch` nas Models abaixo.
Delete um esboço e todos os seus arquivos associados.
### Formato da requisição
+
Sem corpo
### Formato da resposta
+
Sem corpo
### Exemplo
diff --git a/translations/contributor_docs/pt-br/public_api_proposed.md b/translations/contributor_docs/pt-br/public_api_proposed.md
index d4c4682fa7..8c554b206c 100644
--- a/translations/contributor_docs/pt-br/public_api_proposed.md
+++ b/translations/contributor_docs/pt-br/public_api_proposed.md
@@ -22,15 +22,17 @@ Referência para a [API pública](./public_api.md) para a atual versão da API.
Buscar um esboço
### Formato da requisição
+
Sem corpo.
### Formato da resposta
+
Retorna `Sketch`.
### Exemplo
GET /p5/sketches/Ckhf0APpg`
-
+
{
"name": "Another title",
"slug": "example-1",
@@ -47,21 +49,22 @@ Retorna `Sketch`.
| 200 OK | Retorna o ID de um esboço criado |
| 404 Not Found | Esboço não existe |
-
## `PUT /:user/sketches/:id`
Substitui o esboço por um inteiramente novo, mantendo o mesmo ID. Qualquer arquivo existente será apagado antes que os novos sejam criados.
### Formato da requisição
+
Veja `Sketch` nas Models abaixo.
### Formato de resposta
+
Sem corpo.
### Exemplo
PUT /p5/sketches/Ckhf0APpg
-
+
{
"name": "Another title",
"files": {
@@ -72,13 +75,12 @@ Sem corpo.
### Respostas
-| Código HTTP | Descrição |
-| ------------------------ | ---------------------------------------------------------- |
-| 200 OK | |
-| 404 Not Found | Esboço não existe |
+| Código HTTP | Descrição |
+| --- | --- |
+| 200 OK | |
+| 404 Not Found | Esboço não existe |
| 422 Unprocessable Entity | validação de arquivo falhou, tipo de arquivo não suportado |
-
## `PATCH /:user/sketches/:id`
Atualiza o esboço enquanto mantém informações existentes:
@@ -87,25 +89,29 @@ Atualiza o esboço enquanto mantém informações existentes:
- Atualizar conteúdo de arquivo ou adicionar novos arquivos
### Formato da requisição
+
Veja `Sketch` nas Models abaixo.
### Formato da resposta
+
Sem corpo.
### Exemplo
+
Mudar o nome do esboço
PATCH /p5/sketches/Ckhf0APpg
-
+
{
"name": "My Very Lovely Sketch"
}
### Exemplo
+
Adicionar um arquivo ao esboço ou substituir um arquivo existente.
PATCH /p5/sketches/Ckhf0APpg
-
+
{
"files": {
"index.html": { "content": "My new content" }, // contents will be replaced
@@ -121,7 +127,6 @@ Adicionar um arquivo ao esboço ou substituir um arquivo existente.
| 404 Not Found | Esboço não existe |
| 422 Unprocessable Entity | Erro de validação dos arquivos |
-
## Operando em arquivos dentro de um esboço
Arquivos dentro de um esboço podem ser acessados individualmente pelos seus `path` e.g `data/something.json`.
@@ -131,41 +136,44 @@ Arquivos dentro de um esboço podem ser acessados individualmente pelos seus `pa
Buscar os conteúdos de um arquivo.
### Formato da requisição
+
Sem corpo.
### Formato da resposta
+
Retorna conteúdo dos arquivos
### Exemplo
GET /p5/sketches/Ckhf0APpg/files/assets/something.js
-
+
Content-Type: application/javascript
-
+
var uselessness = 12;
### Respostas
-| Código HTTP | Descrição |
-| ------------- | ----------------------------------------------------------------------------- |
-| 200 OK | Retorna corpo do arquivo com o content-type definido pela extenção do arquivo |
-| 404 Not Found | Arquivo não existe |
+| Código HTTP | Descrição |
+| --- | --- |
+| 200 OK | Retorna corpo do arquivo com o content-type definido pela extenção do arquivo |
+| 404 Not Found | Arquivo não existe |
-
-## `PATCH /:user/sketches/:id/files/:path`
+## `PATCH /:user/sketches/:id/files/:path`
Atualizar o nome ou conteúdos de um arquivo ou diretório.
### Formato da requisição
+
Veja `File` e `Directory` abaixo.
### Formato da resposta
+
Sem corpo.
### Exemplo: Mudar nome do arquivo
PATCH /p5/sketches/Ckhf0APpg/files/assets/something.js
-
+
{
"name": "new-name.js"
}
@@ -175,7 +183,7 @@ Arquivo `assets/something.js` → `assets/new-name.js`.
### Exemplo: Mudar o conteúdo do arquivo
PATCH /p5/sketches/Ckhf0APpg/files/assets/something.js
-
+
{
"content": "var answer = 24;"
}
@@ -203,15 +211,16 @@ Arquivos são adicionados ao diretório, em adição à o que está lá.
| 404 Not Found | Caminho não existe |
| 422 Unprocessable Entity | Erro de validação de arquivos |
-
## `DELETE /:user/:sketches/files/:path`
Delete um arquivo/diretório e seus conteúdos.
### Formato da requisição
+
Sem corpo.
### Formato da resposta
+
Sem corpo.
### Exemplo: Deletar arquivo
@@ -232,6 +241,3 @@ O diretório `assets` e tudo dentro dele será removido.
| ------------- | ------------------- |
| 200 OK | O item foi deletado |
| 404 Not Found | Caminho não existe |
-
-
-
diff --git a/translations/locales/de/translations.json b/translations/locales/de/translations.json
index 9c763d16b1..38bd01362c 100644
--- a/translations/locales/de/translations.json
+++ b/translations/locales/de/translations.json
@@ -87,7 +87,7 @@
"LogoARIA": "{{serviceauth}} logo"
},
"About": {
- "Title": "Über",
+ "Title": "Über",
"TitleHelmet": "p5.js Web Editor | Über",
"Contribute": "Mitwirken",
"NewP5": "Neu bei p5.js?",
@@ -280,7 +280,7 @@
"errorEmptyPassword": "Gib bitte ein Passwort ein",
"errorShortPassword": "Das Passwort muss mindestens aus 6 Zeichen bestehen",
"errorConfirmPassword": "Gib bitte das Passwort erneut ein",
- "errorNewPasswordRepeat":"Your New Password must differ from the current one.",
+ "errorNewPasswordRepeat": "Your New Password must differ from the current one.",
"errorNewPassword": "Gib bitte ein neues Passwort ein oder lass dieses Feld frei.",
"errorEmptyUsername": "Gib bitte einen Nutzernamen ein.",
"errorLongUsername": "Der Nutzername muss weniger als 20 Zeichen haben.",
@@ -588,8 +588,8 @@
"Off": "Aus"
},
"MobileDashboardView": {
- "Examples": "Beispiele",
- "Sketches": "Sketche",
+ "Examples": "Beispiele",
+ "Sketches": "Sketche",
"Collections": "Sammlungen",
"Assets": "Assets",
"MyStuff": "Mein Zeug",
@@ -600,4 +600,3 @@
"Files": "Dateien"
}
}
-
diff --git a/translations/locales/en-US/translations.json b/translations/locales/en-US/translations.json
index 1d254a5afc..82d4717380 100644
--- a/translations/locales/en-US/translations.json
+++ b/translations/locales/en-US/translations.json
@@ -275,7 +275,8 @@
"AddFile": "Create file",
"AddFileARIA": "add file",
"UploadFile": "Upload file",
- "UploadFileARIA": "upload file"
+ "UploadFileARIA": "upload file",
+ "UploadFileRequiresLogin": "You must log in to upload files"
},
"FileNode": {
"OpenFolderARIA": "Open folder contents",
@@ -288,7 +289,8 @@
"UploadFile": "Upload file",
"UploadFileARIA": "upload file",
"Rename": "Rename",
- "Delete": "Delete"
+ "Delete": "Delete",
+ "UploadFileRequiresLogin": "You must log in to upload files"
},
"Common": {
"SiteName": "p5.js Web Editor",
@@ -466,7 +468,8 @@
"UploadFileModal": {
"Title": "Upload File",
"CloseButtonARIA": "Close upload file modal",
- "SizeLimitError": "Error: You cannot upload any more files. You have reached the total size limit of {{sizeLimit}}.\n If you would like to upload more, please remove the ones you aren't using anymore by\n in your "
+ "SizeLimitError": "Error: You cannot upload any more files. You have reached the total size limit of {{sizeLimit}}.\n If you would like to upload more, please remove the ones you aren't using anymore by\n in your ",
+ "UploadFileRequiresLogin": "You must log in to upload files"
},
"FileUploader": {
"DictDefaultMessage": "Drop files here or click to use the file browser"
diff --git a/translations/locales/es-419/translations.json b/translations/locales/es-419/translations.json
index 3694eba545..f59a3f8c2d 100644
--- a/translations/locales/es-419/translations.json
+++ b/translations/locales/es-419/translations.json
@@ -245,9 +245,9 @@
"SubmitFeedback": "Enviar retroalimentación",
"SubmitFeedbackARIA": "Enviar retroalimentación",
"AddCollectionTitle": "Agregar a colección",
- "AddCollectionARIA":"Agregar a colección",
+ "AddCollectionARIA": "Agregar a colección",
"ShareTitle": "Compartir",
- "ShareARIA":"compartir"
+ "ShareARIA": "compartir"
},
"NewFileModal": {
"Title": "Crear Archivo",
@@ -291,7 +291,7 @@
"errorShortPassword": "La contraseña debe tener al menos 6 caracteres",
"errorConfirmPassword": "Por favor confirma una contraseña",
"errorNewPassword": "Por favor introduce una nueva contraseña o deja la actual contraseña vacía",
- "errorNewPasswordRepeat":"Your New Password must differ from the current one.",
+ "errorNewPasswordRepeat": "Your New Password must differ from the current one.",
"errorEmptyUsername": "Por favor introduce tu identificación",
"errorLongUsername": "La identificación debe ser menor a 20 caracteres.",
"errorValidUsername": "La identificación debe consistir solamente de números, letras, puntos, guiones y guiones bajos."
@@ -445,7 +445,7 @@
"Description": "descripción",
"NumSketches": "{{count}} bosquejo",
"NumSketches_plural": "{{count}} bosquejos",
- "By":"Colección por ",
+ "By": "Colección por ",
"NoSketches": "No hay bosquejos en la colección",
"TableSummary": "tabla que contiene todas las colecciones",
"HeaderName": "Nombre",
@@ -509,7 +509,7 @@
"Overlay": {
"AriaLabel": "Cerrar la capa {{title}}"
},
- "QuickAddList":{
+ "QuickAddList": {
"ButtonRemoveARIA": "Remover de colección",
"ButtonAddToCollectionARIA": "Agregar a colección",
"View": "Ver"
diff --git a/translations/locales/fr-CA/translations.json b/translations/locales/fr-CA/translations.json
index f3b1767a75..6af9dcb580 100644
--- a/translations/locales/fr-CA/translations.json
+++ b/translations/locales/fr-CA/translations.json
@@ -1,616 +1,615 @@
{
- "Nav": {
- "File": {
- "Title": "Fichier",
- "New": "Nouveau",
- "Share": "Partager",
- "Duplicate": "Dupliquer",
- "Open": "Ouvrir",
- "Download": "Télécharger",
- "AddToCollection": "Ajouter à la collection",
- "Examples": "Exemples"
- },
- "Edit": {
- "Title": "Edition",
- "TidyCode": "Nettoyer le code",
- "Find": "Rechercher",
- "FindNext": "Prochaine correspondance",
- "Replace": "Remplacer"
- },
- "Sketch": {
- "Title": "Croquis",
- "AddFile": "Nouveau fichier",
- "AddFolder": "Nouveau dossier",
- "Run": "Exécuter",
- "Stop": "Arrêter"
- },
- "Help": {
- "Title": "Aide",
- "KeyboardShortcuts": "Raccourcis clavier",
- "Reference": "Référence",
- "About": "À propos"
- },
- "Lang": "Langue",
- "BackEditor": "Retour à l'éditeur",
- "WarningUnsavedChanges": "Êtes-vous certain de vouloir quitter cette page? Vous avez des changements non enregistrés.",
- "Login": "Se connecter",
- "LoginOr": "ou",
- "SignUp": "S'inscrire",
- "Auth": {
- "Welcome": "Bienvenue",
- "Hello": "Bonjour",
- "MyAccount": "compte",
- "My": "Mon",
- "MySketches": "Mes croquis",
- "MyCollections": "Mes collections",
- "Asset": "Ressources",
- "MyAssets": "Mes ressources",
- "LogOut": "Se déconnecter"
- }
- },
- "Banner": {
- "Copy": "Donate Today! Support p5.js and the Processing Foundation."
- },
- "CodemirrorFindAndReplace": {
- "ToggleReplace": "Activer/désactiver le remplacement",
- "Find": "Rechercher",
- "FindPlaceholder": "Trouver dans les fichiers",
- "Replace": "Remplacer",
- "ReplaceAll": "Remplacer tout",
- "ReplacePlaceholder": "Texte à remplacer",
- "Regex": "Expression régulière",
- "CaseSensitive": "Sensible à la casse",
- "WholeWords": "Mots entiers",
- "Previous": "Précédent",
- "Next": "Suivant",
- "NoResults": "Aucun résultat",
- "Close": "Fermer"
- },
- "LoginForm": {
- "UsernameOrEmail": "Courriel ou nom d'utilisateur",
- "UsernameOrEmailARIA": "Courriel ou nom d'utilisateur",
- "Password": "Mot de passe",
- "PasswordARIA": "Mot de passe",
- "Submit": "Se connecter"
- },
- "LoginView": {
- "Title": "Editeur web p5.js | Se connecter",
- "Login": "Se connecter",
- "LoginOr": "ou",
- "SignUp": "S'enregistrer",
- "Email": "courriel",
- "Username": "Nom d'utilisateur",
- "DontHaveAccount": "Vous n'avez pas encore de compte? ",
- "ForgotPassword": "Mot de passe oublié? ",
- "ResetPassword": "Réinitialiser son mot de passe"
- },
- "SocialAuthButton": {
- "Connect": "Connecter au compte {{serviceauth}}",
- "Unlink": "Se déconnecter du compte {{serviceauth}}",
- "Login": "Se connecter via {{serviceauth}}",
- "LogoARIA": "logo {{serviceauth}}"
- },
- "About": {
- "Title": "À propos",
- "TitleHelmet": "Éditeur web p5.js | À propos",
- "Contribute": "Contribuer",
- "NewP5": "Nouveau à p5.js?",
- "Report": "Signaler un bogue",
- "Learn": "Apprendre",
- "Twitter": "Twitter",
- "Home": "Accueil",
- "Instagram": "Instagram",
- "Discord": "Discord",
- "WebEditor": "Éditeur web",
- "Resources": "Ressources",
- "Libraries": "Librairies",
- "Forum": "Forum",
- "Examples": "Exemples",
- "PrivacyPolicy": "Politique de confidentialité",
- "TermsOfUse": "Conditions d'utilisation",
- "CodeOfConduct": "Code de conduite"
- },
- "Toast": {
- "OpenedNewSketch": "Ouvrir un nouveau croquis.",
- "SketchSaved": "Croquis sauvegardé.",
- "SketchFailedSave": "Echec de la sauvegarde du croquis.",
- "AutosaveEnabled": "Sauvegarde automatique activée.",
- "LangChange": "Langue changée.",
- "SettingsSaved": "Paramètres sauvegardés."
- },
- "Toolbar": {
- "Preview": "Aperçu",
- "Auto-refresh": "Actualisation automatique",
- "OpenPreferencesARIA": "Ouvrir les préférences",
- "PlaySketchARIA": "Exécuter le croquis",
- "PlayOnlyVisualSketchARIA": "Exécuter seulement le croquis visuel",
- "StopSketchARIA": "Arrêter le croquis",
- "EditSketchARIA": "Éditer le nom du croquis",
- "NewSketchNameARIA": "Nouveau nom de croquis",
- "By": " par "
- },
- "Console": {
- "Title": "Console",
- "Clear": "Effacer",
- "ClearARIA": "Effacer la console",
- "Close": "Fermer",
- "CloseARIA": "Fermer la console",
- "Open": "Ouvrir",
- "OpenARIA": "Ouvrir la console"
- },
- "Preferences": {
- "Settings": "Paramètres",
- "GeneralSettings": "Paramètres généraux",
- "Accessibility": "Accessibilité",
- "LibraryManagement": "Gestion de bibliothèque",
- "Theme": "Thème",
- "LightTheme": "Clair",
- "LightThemeARIA": "Thème clair activé",
- "DarkTheme": "Sombre",
- "DarkThemeARIA": "Thème sombre activé",
- "HighContrastTheme": "Contraste élevé",
- "HighContrastThemeARIA": "Thème contraste élevé activé",
- "TextSize": "Taille du texte",
- "DecreaseFont": "Diminuer",
- "DecreaseFontARIA": "diminuer la taille de la police",
- "IncreaseFont": "Augmenter",
- "IncreaseFontARIA": "augmenter la taille de la police",
- "Autosave": "Sauvegarde automatique",
- "On": "Activé",
- "AutosaveOnARIA": "sauvegarde automatique activée",
- "Off": "Désactivé",
- "AutosaveOffARIA": "sauvegarde automatique désactivée",
- "AutocloseBracketsQuotes": "Fermeture automatique des crochets et des guillemets",
- "AutocloseBracketsQuotesOnARIA": "fermeture automatique des crochets et des guillemets activée",
- "AutocloseBracketsQuotesOffARIA": "fermeture automatique des crochets et des guillemets désactivée",
- "WordWrap": "Retour à la ligne automatique",
- "WordWrapOnARIA": "retour à la ligne automatique activé",
- "WordWrapOffARIA": "retour à la ligne automatique désactivé",
- "LineNumbers": "Numéros de lignes",
- "LineNumbersOnARIA": "numéros de lignes activés",
- "LineNumbersOffARIA": "numéros de lignes désactivés",
- "LintWarningSound": "Son d'alarme Lint",
- "LintWarningOnARIA": "son d'alarme Lint activé",
- "LintWarningOffARIA": "son d'alarme Lint désactivé",
- "PreviewSound": "Tester le son",
- "PreviewSoundARIA": "Tester le son",
- "AccessibleTextBasedCanvas": "Canvas textuel accessible",
- "UsedScreenReader": "Utilisé avec un lecteur de texte",
- "PlainText": "Texte brut",
- "TextOutputARIA": "sortie texte activée",
- "TableText": "Tableau de texte",
- "TableOutputARIA": "sortie tableau de texte activée",
- "LibraryVersion": "Version de p5.js",
- "LibraryVersionInfo": "Une [nouvelle version 2.0](https://github.com/processing/p5.js/releases/) de p5.js est disponible ! Elle deviendra la version par défaut en août 2026, alors profitez de ce temps pour la tester et signaler les bogues. Intéressé à migrer vos esquisses de 1.x vers 2.0 ? Consultez les [ressources de compatibilité et de transition.](https://github.com/processing/p5.js-compatibility)",
- "SoundAddon": "p5.sound.js Add-on Bibliothèque",
- "PreloadAddon": "p5.js 1.x Compatibility Add-on Bibliothèque — Préchargement",
- "ShapesAddon": "p5.js 1.x Compatibility Add-on Bibliothèque — Formes",
- "DataAddon": "p5.js 1.x Compatibility Add-on Bibliothèque — Structures de données",
- "Sound": "Son",
- "SoundOutputARIA": "sortie son activée"
- },
- "KeyboardShortcuts": {
- "Title": " Raccourcis clavier",
- "ShortcutsFollow": "Les raccourcis clavier de l'éditeur suivent",
- "SublimeText": "les raccourcis de Sublime Text",
- "CodeEditing": {
- "Tidy": "Nettoyer",
- "FindText": "Rechercher",
- "FindNextMatch": "Correspondance suivante",
- "FindPrevMatch": "Correspondance précédente",
- "IndentCodeLeft": "Indenter le code à gauche",
- "ReplaceTextMatch": "Remplacer la correspondance",
- "IndentCodeRight": "Indenter le code à droite",
- "CommentLine": "Ligne de commentaire",
- "FindNextTextMatch": "Correspondance texte suivante",
- "FindPreviousTextMatch": "Correspondance texte précédente",
- "CodeEditing": "Édition de code"
- },
- "GeneralSelection": {
- "StartSketch": "Exécuter le croquis",
- "StopSketch": "Arrêter le croquis",
- "TurnOnAccessibleOutput": "Activer la sortie accessible",
- "TurnOffAccessibleOutput": "Désactiver la sortie accessible"
- }
- },
- "Sidebar": {
- "Title": "Fichiers croquis",
- "ToggleARIA": "Alterner les options d'ouverture/fermeture du fichier croquis",
- "AddFolder": "Créer un dossier",
- "AddFolderARIA": "ajouter un dossier",
- "AddFile": "Créer un fichier",
- "AddFileARIA": "ajouter un fichier",
- "UploadFile": "Téléverser un fichier",
- "UploadFileARIA": "téléverser un fichier"
- },
- "FileNode": {
- "OpenFolderARIA": "Ouvrir le contenu du dossier",
- "CloseFolderARIA": "Fermer le contenu du dossier",
- "ToggleFileOptionsARIA": "Alterner l'ouverture/fermeture des options de fichiers",
- "AddFolder": "Créer un dossier",
- "AddFolderARIA": "ajouter un dossier",
- "AddFile": "Créer un fichier",
- "AddFileARIA": "ajouter un fichier",
- "UploadFile": "Téléverser un fichier",
- "UploadFileARIA": "téléverser un fichier",
- "Rename": "Renommer",
- "Delete": "Supprimer"
- },
- "Common": {
- "SiteName": "Éditeur web p5.js",
- "Error": "Erreur",
- "ErrorARIA": "Erreur",
- "Save": "Sauvegarder",
- "p5logoARIA": "Logo p5.js",
- "DeleteConfirmation": "Etes-vous sûr que vous voulez supprimer {{name}}?"
- },
- "IDEView": {
- "SubmitFeedback": "Soumettre des commentaires",
- "SubmitFeedbackARIA": "Soumettre des commentaires",
- "AddCollectionTitle": "Ajouter à la collection",
- "AddCollectionARIA":"Ajouter à la collection",
- "ShareTitle": "Partager",
- "ShareARIA":"partager"
- },
- "NewFileModal": {
- "Title": "Créer un fichier",
- "CloseButtonARIA": "Fermer la boîte de dialogue de création de fichier",
- "EnterName": "Veuillez saisir un nom",
- "InvalidType": "Type de fichier invalide. Les extensions valides sont .js, .css, .json, .txt, .csv, .tsv, .frag, and .vert."
- },
- "NewFileForm": {
- "AddFileSubmit": "Ajouter un fichier",
- "Placeholder": "Nom"
- },
- "NewFolderModal": {
- "Title": "Créer un dossier",
- "CloseButtonARIA": "Fermer la boîte de dialogue de création de dossier",
- "EnterName": "Veuillez saisir un nom",
- "EmptyName": "Le nom du dossier ne peut contenir uniquement des espaces",
- "InvalidExtension": "Le nom du dossier ne peut contenir une extension"
- },
- "NewFolderForm": {
- "AddFolderSubmit": "Ajouter un dossier",
- "Placeholder": "Nom"
- },
- "ResetPasswordForm": {
- "Email": "Courriel utilisé pour l'inscription",
- "EmailARIA": "courriel",
- "Submit": "Envoyer un courriel de réinitialisation du mot de passe"
- },
- "ResetPasswordView": {
- "Title": "Éditeur web p5.js | Réinitialisation du mot de passe",
- "Reset": "Réinitialiser votre mot de passe",
- "Submitted": "Votre courriel de réinitialisation de mot de passe devrait arriver sous peu. Si vous ne le voyez pas, vérifiez\n vos courriers indésirables, il est possible qu'il s'y retrouve.",
- "Login": "Se connecter",
- "LoginOr": "ou",
- "SignUp": "S'enregistrer"
- },
- "ReduxFormUtils": {
- "errorInvalidEmail": "Veuillez saisir une adresse courriel valide",
- "errorEmptyEmail": "Veuillez saisir une adresse courriel",
- "errorPasswordMismatch": "Les mots de passe doivent correspondre",
- "errorEmptyPassword": "Veuillez saisir un mot de passe",
- "errorShortPassword": "Le mot de passe doit comporter au moins 6 caractères",
- "errorConfirmPassword": "Veuillez saisir une confirmation de mot de passe",
- "errorNewPasswordRepeat":"Votre nouveau mot de passe doit être différent du mot de passe actuel.",
- "errorNewPassword": "Veuillez saisir un nouveau mot de passe ou laisser le mot de passe actuel vide.",
- "errorEmptyUsername": "Veuillez saisir un nom d'utilisateur.",
- "errorLongUsername": "Le nom d'utilisateur doit comporter moins de 20 caractères.",
- "errorValidUsername": "Le nom d'utilisateur ne peut qu'être composé de chiffres, de lettres, de points, de tirets et de traits de soulignement."
- },
- "NewPasswordView": {
- "Title": "Éditeur Web p5.js | Nouveau mot de passe",
- "Description": "Définir un nouveau mot de passe",
- "TokenInvalidOrExpired": "Le jeton de réinitialisation du mot de passe n'est pas valide ou a expiré.",
- "EmptyPassword": "Veuillez saisir un mot de passe",
- "PasswordConfirmation": "Veuillez saisir une confirmation de mot de passe",
- "PasswordMismatch": "les mots de passe doivent correspondre"
- },
- "AccountForm": {
- "Email": "Courriel",
- "EmailARIA": "courriel",
- "Unconfirmed": "Non confirmé.",
- "EmailSent": "Confirmation envoyée, vérifiez votre courriel.",
- "Resend": "Renvoyer un courriel de confirmation",
- "UserName": "Nom d'utilisateur",
- "UserNameARIA": "Nom d'utilisateur",
- "CurrentPassword": "Mot de passe actuel",
- "CurrentPasswordARIA": "Mot de passe actuel",
- "NewPassword": "Nouveau mot de passe",
- "NewPasswordARIA": "Nouveau mot de passe",
- "SubmitSaveAllSettings": "Sauvegarder tous les paramètres"
- },
- "AccountView": {
- "SocialLogin": "Identification à l'aide des réseaux sociaux",
- "SocialLoginDescription": "Utilisez votre compte GitHub ou Google pour vous connecter à l'éditeur Web p5.js.",
- "Title": "Éditeur web p5.js | Paramètres du compte",
- "Settings": "Paramètres du compte",
- "AccountTab": "Compte",
- "AccessTokensTab": "Jetons d'accès"
- },
- "APIKeyForm": {
- "ConfirmDelete": "Êtes-vous sûr de vouloir supprimer {{key_label}}?",
- "Summary": "Les jetons d'accès personnels agissent comme votre mot de passe\n pour permettre aux scripts automatisés d'accéder à l'API de l'éditeur.\n Créez un jeton pour chaque script nécessitant un accès.",
- "CreateToken": "Créer un nouveau jeton",
- "TokenLabel": "À quoi sert ce jeton?",
- "TokenPlaceholder": "À quoi sert ce jeton ? p. ex. Exemple de script d'importation",
- "CreateTokenSubmit": "Créer",
- "NoTokens": "Vous n'avez pas de jetons existants.",
- "NewTokenTitle": "Votre nouveau jeton d'accès",
- "NewTokenInfo": "Assurez-vous de copier votre nouveau jeton d'accès personnel.\n Vous ne pourrez plus revenir le voir!",
- "ExistingTokensTitle": "Jetons existants"
- },
- "APIKeyList": {
- "Name": "Nom",
- "Created": "Créée le",
- "LastUsed": "Dernière utilisation",
- "Actions": "Actions",
- "Never": "Jamais",
- "DeleteARIA": "Supprimer la clé API"
- },
- "NewPasswordForm": {
- "Title": "Mot de passe",
- "TitleARIA": "Mot de passe",
- "ConfirmPassword": "Confirmer le mot de passe",
- "ConfirmPasswordARIA": "Confirmer le mot de passe",
- "SubmitSetNewPassword": "Définir un nouveau mot de passe"
- },
- "SignupForm": {
- "Title": "Nom d'utilisateur",
- "TitleARIA": "nom d'utilisateur",
- "Email": "Courriel",
- "EmailARIA": "courriel",
- "Password": "Mot de passe",
- "PasswordARIA": "mot de passe",
- "ConfirmPassword": "Confirmer le mot de passe",
- "ConfirmPasswordARIA": "Confirmer le mot de passe",
- "SubmitSignup": "S'inscrire"
- },
- "SignupView": {
- "Title": "Éditeur web p5.js | S'inscrire",
- "Description": "S'inscrire",
- "Or": "Ou",
- "AlreadyHave": "Vous avez déjà un compte?",
- "Login": "Se connecter",
- "Warning" : "En vous inscrivant, vous acceptez les <0>Conditions d'utilisation et la <1>Politique de confidentialité de l'éditeur p5.js."
- },
- "EmailVerificationView": {
- "Title": "Éditeur web p5.js | Vérification du courriel",
- "Verify": "Vérifiez votre courriel",
- "InvalidTokenNull": "Ce lien n'est pas valide.",
- "Checking": "Validation du jeton, veuillez patienter...",
- "Verified": "Ça y est, votre adresse courriel a été vérifiée.",
- "InvalidState": "Le jeton est invalide ou expiré."
- },
- "AssetList": {
- "Title": "Éditeur web p5.js | Mes ressources",
- "ToggleOpenCloseARIA": "Activer/désactiver l'ouverture/fermeture des options ressources",
- "Delete": "Supprimer",
- "OpenNewTab": "Ouvrir dans un nouvel onglet",
- "NoUploadedAssets": "Aucune ressource téléversée.",
- "HeaderName": "Nom",
- "HeaderSize": "Taille",
- "HeaderSketch": "Croquis"
- },
- "Feedback": {
- "Title": "Éditeur web p5.js | Commentaires",
- "ViaGithubHeader": "Via Github Issues",
- "ViaGithubDescription": "Si vous connaissez bien Github, c'est notre méthode préférée pour recevoir des rapports de bugs et des commentaires.",
- "GoToGithub": "Aller à Github",
- "ViaGoogleHeader": "Via Google Form",
- "ViaGoogleDescription": "Vous pouvez également soumettre vos commentaires via ce formulaire.",
- "GoToForm": "Aller au formulaire"
- },
- "Searchbar": {
- "SearchSketch": "Chercher des croquis...",
- "SearchCollection": "Chercher des collections...",
- "ClearTerm": "effacer"
- },
- "UploadFileModal": {
- "Title": "Téléverser un fichier",
- "CloseButtonARIA": "Fermer la boîte de dialogue de téléversement de fichiers",
- "SizeLimitError": "Erreur: Vous ne pouvez plus téléverser de fichiers. Vous avez atteint la limite de taille totale de {{sizeLimit}}.\n If you would like to upload more, please remove the ones you aren't using anymore by\n in your "
- },
- "FileUploader": {
- "DictDefaultMessage": "Déposez des fichiers ici ou cliquez pour utiliser le navigateur de fichiers"
- },
- "ErrorModal": {
- "MessageLogin": "Pour pouvoir sauvegarder les croquis, vous devez être connecté. Veuillez ",
- "Login": "Se connecter",
- "LoginOr": " ou ",
- "SignUp": "S'enregistrer",
- "MessageLoggedOut": "Il semble que vous ayez été déconnecté. Veuillez ",
- "LogIn": "Se connecter",
- "SavedDifferentWindow": "Le projet que vous avez tenté de sauvegarder a été sauvegardé à partir d'une\n autre fenêtre. Veuillez rafraîchir la page pour voir la dernière version.",
- "LinkTitle": "Erreur de liaison de compte",
- "LinkMessage": "Il y a eu un problème pour relier votre compte {{serviceauth}} à votre compte éditeur web p5.js. Votre compte {{serviceauth}} a déjà été lié à un autre compte de éditeur Web p5.js."
- },
- "ShareModal": {
- "Embed": "Intégrer",
- "Present": "Présenter",
- "Fullscreen": "Plein écran",
- "Edit": "Éditer"
- },
- "CollectionView": {
- "TitleCreate": "Créer une collection",
- "TitleDefault": "collection"
- },
- "Collection": {
- "Title": "Éditeur web p5.js | Mes collections",
- "AnothersTitle": "Éditeur web p5.js | Collections de {{anotheruser}}",
+ "Nav": {
+ "File": {
+ "Title": "Fichier",
+ "New": "Nouveau",
"Share": "Partager",
- "URLLink": "Lien vers la collection",
- "AddSketch": "Ajouter un croquis",
- "DeleteFromCollection": "Êtes-vous sûr de vouloir supprimer {{name_sketch}} de cette collection?",
- "SketchDeleted": "Croquis supprimé",
- "SketchRemoveARIA": "Supprimer le croquis de la collection",
- "DescriptionPlaceholder": "Ajouter une description",
- "Description": "description",
- "NumSketches": "{{count}} croquis",
- "NumSketches_plural": "{{count}} croquis",
- "By":"Collection par ",
- "NoSketches": "Aucun croquis dans la collection",
- "TableSummary": "tableau contenant toutes les collections",
- "HeaderName": "Nom",
- "HeaderCreatedAt": "Date ajoutée",
- "HeaderUser": "Propriétaire",
- "DirectionAscendingARIA": "Ascendant",
- "DirectionDescendingARIA": "Descendant",
- "ButtonLabelAscendingARIA": "Trier par {{displayName}} ascendant.",
- "ButtonLabelDescendingARIA": "Trier par {{displayName}} descendant."
- },
- "AddToCollectionList": {
- "Title": "Éditeur web p5.js | Mes collections",
- "AnothersTitle": "Éditeur web p5.js | Collections de {{anotheruser}}",
- "Empty": "Aucune collection"
- },
- "CollectionCreate": {
- "Title": "Éditeur web p5.js | Créer une collection",
- "FormError": "Impossible de créer une collection",
- "FormLabel": "Nom de la collection",
- "FormLabelARIA": "nom",
- "NameRequired": "Le nom de la collection est requis",
- "Description": "Description (optionnel)",
- "DescriptionARIA": "description",
- "DescriptionPlaceholder": "Mes croquis préférés",
- "SubmitCollectionCreate": "Créer la collection"
- },
- "DashboardView": {
- "CreateCollection": "Créer une collection",
- "NewSketch": "Nouveau croquis",
- "CreateCollectionOverlay": "Créer une collection"
- },
- "DashboardTabSwitcher": {
- "Sketches": "Croquis",
- "Collections": "Collections",
- "Assets": "Ressources"
- },
- "CollectionList": {
- "Title": "Éditeur web p5.js | Mes collections",
- "AnothersTitle": "Éditeur web p5.js | collections de {{anotheruser}}",
- "NoCollections": "Aucune collection.",
- "TableSummary": "tableau contenant toutes les collections",
- "HeaderName": "Nom",
- "HeaderCreatedAt": "Date de création",
- "HeaderCreatedAt_mobile": "Créé",
- "HeaderUpdatedAt": "Date de mise à jour",
- "HeaderUpdatedAt_mobile": "Mise à jour",
- "HeaderNumItems": "# croquis",
- "HeaderNumItems_mobile": "# croquis",
- "DirectionAscendingARIA": "Ascendant",
- "DirectionDescendingARIA": "Descendant",
- "ButtonLabelAscendingARIA": "Trier par {{displayName}} ascendant.",
- "ButtonLabelDescendingARIA": "Trier par {{displayName}} descendant.",
- "AddSketch": "Ajouter un croquis"
- },
- "CollectionListRow": {
- "ToggleCollectionOptionsARIA": "Activer/désactiver l'ouverture/fermeture des options de collections",
- "AddSketch": "Ajouter un croquis",
- "Delete": "Supprimer",
- "Rename": "Renommer"
- },
- "Overlay": {
- "AriaLabel": "Fermer {{title}} superposé"
- },
- "QuickAddList":{
- "ButtonRemoveARIA": "Supprimer de la collection",
- "ButtonAddToCollectionARIA": "Ajouter à la collection",
- "View": "Voir"
- },
- "SketchList": {
- "View": "Voir",
- "Title": "Éditeur web p5.js | Mes croquis",
- "AnothersTitle": "Éditeur web p5.js | Croquis de {{anotheruser}}",
- "ToggleLabelARIA": "Activer/désactiver l'ouverture/fermeture des options de croquis",
- "DropdownRename": "Renommer",
- "DropdownDownload": "Télécharger",
- "DropdownDuplicate": "Dupliquer",
- "DropdownAddToCollection": "Ajouter à la collection",
- "DropdownDelete": "Supprimer",
- "DirectionAscendingARIA": "Ascendant",
- "DirectionDescendingARIA": "Descendant",
- "ButtonLabelAscendingARIA": "Trier par {{displayName}} ascendant.",
- "ButtonLabelDescendingARIA": "Trier par {{displayName}} descendant.",
- "AddToCollectionOverlayTitle": "Ajouter à la collection",
- "TableSummary": "tableau contenant toutes projets sauvegardés",
- "HeaderName": "Croquis",
- "HeaderCreatedAt": "Date de création",
- "HeaderCreatedAt_mobile": "Créé",
- "HeaderUpdatedAt": "Date de mise à jour",
- "HeaderUpdatedAt_mobile": "mise à jour",
- "NoSketches": "Aucun croquis."
- },
- "AddToCollectionSketchList": {
- "Title": "Éditeur web p5.js | Mes croquis",
- "AnothersTitle": "Éditeur web p5.js | Croquis de {{anotheruser}}",
- "NoCollections": "Aucune collection."
- },
- "Editor": {
- "OpenSketchARIA": "Ouvrir la navigation dans les fichiers croquis",
- "CloseSketchARIA": "Fermer la navigation dans les fichiers croquis",
- "UnsavedChangesARIA": "Le croquis a des modifications non sauvegardées",
- "KeyUpLineNumber": "ligne {{lineNumber}}"
- },
- "EditorAccessibility": {
- "NoLintMessages": "Il n'y a pas de messages lint",
- "CurrentLine": "Ligne actuelle"
- },
- "Timer": {
- "SavedAgo": "Sauvegardé: {{timeAgo}}"
- },
- "formatDate": {
- "JustNow": "à l'instant",
- "15Seconds": "Il y a 15 secondes",
- "25Seconds": "Il y a 25 secondes",
- "35Seconds": "Il y a 35 secondes",
- "Ago": "Il y a {{timeAgo}}"
- },
- "CopyableInput": {
- "CopiedARIA": "Copié dans le presse-papiers!",
- "OpenViewTabARIA": "Ouvrir la fenêtre {{label}} dans un nouvel onglet"
- },
- "EditableInput": {
- "EditValue": "Modifier la valeur de {{display}}",
- "EmptyPlaceholder": "Aucune valeur"
- },
- "PreviewNav": {
- "EditSketchARIA": "Modifier le croquis",
- "ByUser": "par"
- },
- "MobilePreferences": {
- "Settings": "Paramètres",
- "GeneralSettings": "Paramètres généraux",
- "Accessibility": "Accessibilité",
- "AccessibleOutput": "Sortie accessible",
- "Theme": "Thème",
- "LightTheme": "Clair",
- "DarkTheme": "Sombre",
- "HighContrastTheme": "Contraste élevé",
- "Autosave": "Sauvegarde automatique",
- "WordWrap": "Retour à la ligne automatique",
- "LineNumbers": "Numéros de ligne",
- "LintWarningSound": "Son d'alarme Lint",
- "UsedScreenReader": "Utilisé avec un lecteur de texte",
- "PlainText": "Text brut",
- "TableText": "Tableau de texte",
- "Sound": "Son"
- },
- "PreferenceCreators": {
- "On": "Activé",
- "Off": "Désactivé"
- },
- "MobileDashboardView": {
- "Examples": "Exemples",
- "Sketches": "Croquis",
- "Collections": "Collections",
- "Assets": "Ressources",
- "MyStuff": "Mes trucs",
- "CreateSketch": "Créer un croquis",
- "CreateCollection": "Créer une collection"
+ "Duplicate": "Dupliquer",
+ "Open": "Ouvrir",
+ "Download": "Télécharger",
+ "AddToCollection": "Ajouter à la collection",
+ "Examples": "Exemples"
},
- "Explorer": {
- "Files": "Fichiers"
+ "Edit": {
+ "Title": "Edition",
+ "TidyCode": "Nettoyer le code",
+ "Find": "Rechercher",
+ "FindNext": "Prochaine correspondance",
+ "Replace": "Remplacer"
+ },
+ "Sketch": {
+ "Title": "Croquis",
+ "AddFile": "Nouveau fichier",
+ "AddFolder": "Nouveau dossier",
+ "Run": "Exécuter",
+ "Stop": "Arrêter"
+ },
+ "Help": {
+ "Title": "Aide",
+ "KeyboardShortcuts": "Raccourcis clavier",
+ "Reference": "Référence",
+ "About": "À propos"
+ },
+ "Lang": "Langue",
+ "BackEditor": "Retour à l'éditeur",
+ "WarningUnsavedChanges": "Êtes-vous certain de vouloir quitter cette page? Vous avez des changements non enregistrés.",
+ "Login": "Se connecter",
+ "LoginOr": "ou",
+ "SignUp": "S'inscrire",
+ "Auth": {
+ "Welcome": "Bienvenue",
+ "Hello": "Bonjour",
+ "MyAccount": "compte",
+ "My": "Mon",
+ "MySketches": "Mes croquis",
+ "MyCollections": "Mes collections",
+ "Asset": "Ressources",
+ "MyAssets": "Mes ressources",
+ "LogOut": "Se déconnecter"
+ }
+ },
+ "Banner": {
+ "Copy": "Donate Today! Support p5.js and the Processing Foundation."
+ },
+ "CodemirrorFindAndReplace": {
+ "ToggleReplace": "Activer/désactiver le remplacement",
+ "Find": "Rechercher",
+ "FindPlaceholder": "Trouver dans les fichiers",
+ "Replace": "Remplacer",
+ "ReplaceAll": "Remplacer tout",
+ "ReplacePlaceholder": "Texte à remplacer",
+ "Regex": "Expression régulière",
+ "CaseSensitive": "Sensible à la casse",
+ "WholeWords": "Mots entiers",
+ "Previous": "Précédent",
+ "Next": "Suivant",
+ "NoResults": "Aucun résultat",
+ "Close": "Fermer"
+ },
+ "LoginForm": {
+ "UsernameOrEmail": "Courriel ou nom d'utilisateur",
+ "UsernameOrEmailARIA": "Courriel ou nom d'utilisateur",
+ "Password": "Mot de passe",
+ "PasswordARIA": "Mot de passe",
+ "Submit": "Se connecter"
+ },
+ "LoginView": {
+ "Title": "Editeur web p5.js | Se connecter",
+ "Login": "Se connecter",
+ "LoginOr": "ou",
+ "SignUp": "S'enregistrer",
+ "Email": "courriel",
+ "Username": "Nom d'utilisateur",
+ "DontHaveAccount": "Vous n'avez pas encore de compte? ",
+ "ForgotPassword": "Mot de passe oublié? ",
+ "ResetPassword": "Réinitialiser son mot de passe"
+ },
+ "SocialAuthButton": {
+ "Connect": "Connecter au compte {{serviceauth}}",
+ "Unlink": "Se déconnecter du compte {{serviceauth}}",
+ "Login": "Se connecter via {{serviceauth}}",
+ "LogoARIA": "logo {{serviceauth}}"
+ },
+ "About": {
+ "Title": "À propos",
+ "TitleHelmet": "Éditeur web p5.js | À propos",
+ "Contribute": "Contribuer",
+ "NewP5": "Nouveau à p5.js?",
+ "Report": "Signaler un bogue",
+ "Learn": "Apprendre",
+ "Twitter": "Twitter",
+ "Home": "Accueil",
+ "Instagram": "Instagram",
+ "Discord": "Discord",
+ "WebEditor": "Éditeur web",
+ "Resources": "Ressources",
+ "Libraries": "Librairies",
+ "Forum": "Forum",
+ "Examples": "Exemples",
+ "PrivacyPolicy": "Politique de confidentialité",
+ "TermsOfUse": "Conditions d'utilisation",
+ "CodeOfConduct": "Code de conduite"
+ },
+ "Toast": {
+ "OpenedNewSketch": "Ouvrir un nouveau croquis.",
+ "SketchSaved": "Croquis sauvegardé.",
+ "SketchFailedSave": "Echec de la sauvegarde du croquis.",
+ "AutosaveEnabled": "Sauvegarde automatique activée.",
+ "LangChange": "Langue changée.",
+ "SettingsSaved": "Paramètres sauvegardés."
+ },
+ "Toolbar": {
+ "Preview": "Aperçu",
+ "Auto-refresh": "Actualisation automatique",
+ "OpenPreferencesARIA": "Ouvrir les préférences",
+ "PlaySketchARIA": "Exécuter le croquis",
+ "PlayOnlyVisualSketchARIA": "Exécuter seulement le croquis visuel",
+ "StopSketchARIA": "Arrêter le croquis",
+ "EditSketchARIA": "Éditer le nom du croquis",
+ "NewSketchNameARIA": "Nouveau nom de croquis",
+ "By": " par "
+ },
+ "Console": {
+ "Title": "Console",
+ "Clear": "Effacer",
+ "ClearARIA": "Effacer la console",
+ "Close": "Fermer",
+ "CloseARIA": "Fermer la console",
+ "Open": "Ouvrir",
+ "OpenARIA": "Ouvrir la console"
+ },
+ "Preferences": {
+ "Settings": "Paramètres",
+ "GeneralSettings": "Paramètres généraux",
+ "Accessibility": "Accessibilité",
+ "LibraryManagement": "Gestion de bibliothèque",
+ "Theme": "Thème",
+ "LightTheme": "Clair",
+ "LightThemeARIA": "Thème clair activé",
+ "DarkTheme": "Sombre",
+ "DarkThemeARIA": "Thème sombre activé",
+ "HighContrastTheme": "Contraste élevé",
+ "HighContrastThemeARIA": "Thème contraste élevé activé",
+ "TextSize": "Taille du texte",
+ "DecreaseFont": "Diminuer",
+ "DecreaseFontARIA": "diminuer la taille de la police",
+ "IncreaseFont": "Augmenter",
+ "IncreaseFontARIA": "augmenter la taille de la police",
+ "Autosave": "Sauvegarde automatique",
+ "On": "Activé",
+ "AutosaveOnARIA": "sauvegarde automatique activée",
+ "Off": "Désactivé",
+ "AutosaveOffARIA": "sauvegarde automatique désactivée",
+ "AutocloseBracketsQuotes": "Fermeture automatique des crochets et des guillemets",
+ "AutocloseBracketsQuotesOnARIA": "fermeture automatique des crochets et des guillemets activée",
+ "AutocloseBracketsQuotesOffARIA": "fermeture automatique des crochets et des guillemets désactivée",
+ "WordWrap": "Retour à la ligne automatique",
+ "WordWrapOnARIA": "retour à la ligne automatique activé",
+ "WordWrapOffARIA": "retour à la ligne automatique désactivé",
+ "LineNumbers": "Numéros de lignes",
+ "LineNumbersOnARIA": "numéros de lignes activés",
+ "LineNumbersOffARIA": "numéros de lignes désactivés",
+ "LintWarningSound": "Son d'alarme Lint",
+ "LintWarningOnARIA": "son d'alarme Lint activé",
+ "LintWarningOffARIA": "son d'alarme Lint désactivé",
+ "PreviewSound": "Tester le son",
+ "PreviewSoundARIA": "Tester le son",
+ "AccessibleTextBasedCanvas": "Canvas textuel accessible",
+ "UsedScreenReader": "Utilisé avec un lecteur de texte",
+ "PlainText": "Texte brut",
+ "TextOutputARIA": "sortie texte activée",
+ "TableText": "Tableau de texte",
+ "TableOutputARIA": "sortie tableau de texte activée",
+ "LibraryVersion": "Version de p5.js",
+ "LibraryVersionInfo": "Une [nouvelle version 2.0](https://github.com/processing/p5.js/releases/) de p5.js est disponible ! Elle deviendra la version par défaut en août 2026, alors profitez de ce temps pour la tester et signaler les bogues. Intéressé à migrer vos esquisses de 1.x vers 2.0 ? Consultez les [ressources de compatibilité et de transition.](https://github.com/processing/p5.js-compatibility)",
+ "SoundAddon": "p5.sound.js Add-on Bibliothèque",
+ "PreloadAddon": "p5.js 1.x Compatibility Add-on Bibliothèque — Préchargement",
+ "ShapesAddon": "p5.js 1.x Compatibility Add-on Bibliothèque — Formes",
+ "DataAddon": "p5.js 1.x Compatibility Add-on Bibliothèque — Structures de données",
+ "Sound": "Son",
+ "SoundOutputARIA": "sortie son activée"
+ },
+ "KeyboardShortcuts": {
+ "Title": " Raccourcis clavier",
+ "ShortcutsFollow": "Les raccourcis clavier de l'éditeur suivent",
+ "SublimeText": "les raccourcis de Sublime Text",
+ "CodeEditing": {
+ "Tidy": "Nettoyer",
+ "FindText": "Rechercher",
+ "FindNextMatch": "Correspondance suivante",
+ "FindPrevMatch": "Correspondance précédente",
+ "IndentCodeLeft": "Indenter le code à gauche",
+ "ReplaceTextMatch": "Remplacer la correspondance",
+ "IndentCodeRight": "Indenter le code à droite",
+ "CommentLine": "Ligne de commentaire",
+ "FindNextTextMatch": "Correspondance texte suivante",
+ "FindPreviousTextMatch": "Correspondance texte précédente",
+ "CodeEditing": "Édition de code"
+ },
+ "GeneralSelection": {
+ "StartSketch": "Exécuter le croquis",
+ "StopSketch": "Arrêter le croquis",
+ "TurnOnAccessibleOutput": "Activer la sortie accessible",
+ "TurnOffAccessibleOutput": "Désactiver la sortie accessible"
}
+ },
+ "Sidebar": {
+ "Title": "Fichiers croquis",
+ "ToggleARIA": "Alterner les options d'ouverture/fermeture du fichier croquis",
+ "AddFolder": "Créer un dossier",
+ "AddFolderARIA": "ajouter un dossier",
+ "AddFile": "Créer un fichier",
+ "AddFileARIA": "ajouter un fichier",
+ "UploadFile": "Téléverser un fichier",
+ "UploadFileARIA": "téléverser un fichier"
+ },
+ "FileNode": {
+ "OpenFolderARIA": "Ouvrir le contenu du dossier",
+ "CloseFolderARIA": "Fermer le contenu du dossier",
+ "ToggleFileOptionsARIA": "Alterner l'ouverture/fermeture des options de fichiers",
+ "AddFolder": "Créer un dossier",
+ "AddFolderARIA": "ajouter un dossier",
+ "AddFile": "Créer un fichier",
+ "AddFileARIA": "ajouter un fichier",
+ "UploadFile": "Téléverser un fichier",
+ "UploadFileARIA": "téléverser un fichier",
+ "Rename": "Renommer",
+ "Delete": "Supprimer"
+ },
+ "Common": {
+ "SiteName": "Éditeur web p5.js",
+ "Error": "Erreur",
+ "ErrorARIA": "Erreur",
+ "Save": "Sauvegarder",
+ "p5logoARIA": "Logo p5.js",
+ "DeleteConfirmation": "Etes-vous sûr que vous voulez supprimer {{name}}?"
+ },
+ "IDEView": {
+ "SubmitFeedback": "Soumettre des commentaires",
+ "SubmitFeedbackARIA": "Soumettre des commentaires",
+ "AddCollectionTitle": "Ajouter à la collection",
+ "AddCollectionARIA": "Ajouter à la collection",
+ "ShareTitle": "Partager",
+ "ShareARIA": "partager"
+ },
+ "NewFileModal": {
+ "Title": "Créer un fichier",
+ "CloseButtonARIA": "Fermer la boîte de dialogue de création de fichier",
+ "EnterName": "Veuillez saisir un nom",
+ "InvalidType": "Type de fichier invalide. Les extensions valides sont .js, .css, .json, .txt, .csv, .tsv, .frag, and .vert."
+ },
+ "NewFileForm": {
+ "AddFileSubmit": "Ajouter un fichier",
+ "Placeholder": "Nom"
+ },
+ "NewFolderModal": {
+ "Title": "Créer un dossier",
+ "CloseButtonARIA": "Fermer la boîte de dialogue de création de dossier",
+ "EnterName": "Veuillez saisir un nom",
+ "EmptyName": "Le nom du dossier ne peut contenir uniquement des espaces",
+ "InvalidExtension": "Le nom du dossier ne peut contenir une extension"
+ },
+ "NewFolderForm": {
+ "AddFolderSubmit": "Ajouter un dossier",
+ "Placeholder": "Nom"
+ },
+ "ResetPasswordForm": {
+ "Email": "Courriel utilisé pour l'inscription",
+ "EmailARIA": "courriel",
+ "Submit": "Envoyer un courriel de réinitialisation du mot de passe"
+ },
+ "ResetPasswordView": {
+ "Title": "Éditeur web p5.js | Réinitialisation du mot de passe",
+ "Reset": "Réinitialiser votre mot de passe",
+ "Submitted": "Votre courriel de réinitialisation de mot de passe devrait arriver sous peu. Si vous ne le voyez pas, vérifiez\n vos courriers indésirables, il est possible qu'il s'y retrouve.",
+ "Login": "Se connecter",
+ "LoginOr": "ou",
+ "SignUp": "S'enregistrer"
+ },
+ "ReduxFormUtils": {
+ "errorInvalidEmail": "Veuillez saisir une adresse courriel valide",
+ "errorEmptyEmail": "Veuillez saisir une adresse courriel",
+ "errorPasswordMismatch": "Les mots de passe doivent correspondre",
+ "errorEmptyPassword": "Veuillez saisir un mot de passe",
+ "errorShortPassword": "Le mot de passe doit comporter au moins 6 caractères",
+ "errorConfirmPassword": "Veuillez saisir une confirmation de mot de passe",
+ "errorNewPasswordRepeat": "Votre nouveau mot de passe doit être différent du mot de passe actuel.",
+ "errorNewPassword": "Veuillez saisir un nouveau mot de passe ou laisser le mot de passe actuel vide.",
+ "errorEmptyUsername": "Veuillez saisir un nom d'utilisateur.",
+ "errorLongUsername": "Le nom d'utilisateur doit comporter moins de 20 caractères.",
+ "errorValidUsername": "Le nom d'utilisateur ne peut qu'être composé de chiffres, de lettres, de points, de tirets et de traits de soulignement."
+ },
+ "NewPasswordView": {
+ "Title": "Éditeur Web p5.js | Nouveau mot de passe",
+ "Description": "Définir un nouveau mot de passe",
+ "TokenInvalidOrExpired": "Le jeton de réinitialisation du mot de passe n'est pas valide ou a expiré.",
+ "EmptyPassword": "Veuillez saisir un mot de passe",
+ "PasswordConfirmation": "Veuillez saisir une confirmation de mot de passe",
+ "PasswordMismatch": "les mots de passe doivent correspondre"
+ },
+ "AccountForm": {
+ "Email": "Courriel",
+ "EmailARIA": "courriel",
+ "Unconfirmed": "Non confirmé.",
+ "EmailSent": "Confirmation envoyée, vérifiez votre courriel.",
+ "Resend": "Renvoyer un courriel de confirmation",
+ "UserName": "Nom d'utilisateur",
+ "UserNameARIA": "Nom d'utilisateur",
+ "CurrentPassword": "Mot de passe actuel",
+ "CurrentPasswordARIA": "Mot de passe actuel",
+ "NewPassword": "Nouveau mot de passe",
+ "NewPasswordARIA": "Nouveau mot de passe",
+ "SubmitSaveAllSettings": "Sauvegarder tous les paramètres"
+ },
+ "AccountView": {
+ "SocialLogin": "Identification à l'aide des réseaux sociaux",
+ "SocialLoginDescription": "Utilisez votre compte GitHub ou Google pour vous connecter à l'éditeur Web p5.js.",
+ "Title": "Éditeur web p5.js | Paramètres du compte",
+ "Settings": "Paramètres du compte",
+ "AccountTab": "Compte",
+ "AccessTokensTab": "Jetons d'accès"
+ },
+ "APIKeyForm": {
+ "ConfirmDelete": "Êtes-vous sûr de vouloir supprimer {{key_label}}?",
+ "Summary": "Les jetons d'accès personnels agissent comme votre mot de passe\n pour permettre aux scripts automatisés d'accéder à l'API de l'éditeur.\n Créez un jeton pour chaque script nécessitant un accès.",
+ "CreateToken": "Créer un nouveau jeton",
+ "TokenLabel": "À quoi sert ce jeton?",
+ "TokenPlaceholder": "À quoi sert ce jeton ? p. ex. Exemple de script d'importation",
+ "CreateTokenSubmit": "Créer",
+ "NoTokens": "Vous n'avez pas de jetons existants.",
+ "NewTokenTitle": "Votre nouveau jeton d'accès",
+ "NewTokenInfo": "Assurez-vous de copier votre nouveau jeton d'accès personnel.\n Vous ne pourrez plus revenir le voir!",
+ "ExistingTokensTitle": "Jetons existants"
+ },
+ "APIKeyList": {
+ "Name": "Nom",
+ "Created": "Créée le",
+ "LastUsed": "Dernière utilisation",
+ "Actions": "Actions",
+ "Never": "Jamais",
+ "DeleteARIA": "Supprimer la clé API"
+ },
+ "NewPasswordForm": {
+ "Title": "Mot de passe",
+ "TitleARIA": "Mot de passe",
+ "ConfirmPassword": "Confirmer le mot de passe",
+ "ConfirmPasswordARIA": "Confirmer le mot de passe",
+ "SubmitSetNewPassword": "Définir un nouveau mot de passe"
+ },
+ "SignupForm": {
+ "Title": "Nom d'utilisateur",
+ "TitleARIA": "nom d'utilisateur",
+ "Email": "Courriel",
+ "EmailARIA": "courriel",
+ "Password": "Mot de passe",
+ "PasswordARIA": "mot de passe",
+ "ConfirmPassword": "Confirmer le mot de passe",
+ "ConfirmPasswordARIA": "Confirmer le mot de passe",
+ "SubmitSignup": "S'inscrire"
+ },
+ "SignupView": {
+ "Title": "Éditeur web p5.js | S'inscrire",
+ "Description": "S'inscrire",
+ "Or": "Ou",
+ "AlreadyHave": "Vous avez déjà un compte?",
+ "Login": "Se connecter",
+ "Warning": "En vous inscrivant, vous acceptez les <0>Conditions d'utilisation et la <1>Politique de confidentialité de l'éditeur p5.js."
+ },
+ "EmailVerificationView": {
+ "Title": "Éditeur web p5.js | Vérification du courriel",
+ "Verify": "Vérifiez votre courriel",
+ "InvalidTokenNull": "Ce lien n'est pas valide.",
+ "Checking": "Validation du jeton, veuillez patienter...",
+ "Verified": "Ça y est, votre adresse courriel a été vérifiée.",
+ "InvalidState": "Le jeton est invalide ou expiré."
+ },
+ "AssetList": {
+ "Title": "Éditeur web p5.js | Mes ressources",
+ "ToggleOpenCloseARIA": "Activer/désactiver l'ouverture/fermeture des options ressources",
+ "Delete": "Supprimer",
+ "OpenNewTab": "Ouvrir dans un nouvel onglet",
+ "NoUploadedAssets": "Aucune ressource téléversée.",
+ "HeaderName": "Nom",
+ "HeaderSize": "Taille",
+ "HeaderSketch": "Croquis"
+ },
+ "Feedback": {
+ "Title": "Éditeur web p5.js | Commentaires",
+ "ViaGithubHeader": "Via Github Issues",
+ "ViaGithubDescription": "Si vous connaissez bien Github, c'est notre méthode préférée pour recevoir des rapports de bugs et des commentaires.",
+ "GoToGithub": "Aller à Github",
+ "ViaGoogleHeader": "Via Google Form",
+ "ViaGoogleDescription": "Vous pouvez également soumettre vos commentaires via ce formulaire.",
+ "GoToForm": "Aller au formulaire"
+ },
+ "Searchbar": {
+ "SearchSketch": "Chercher des croquis...",
+ "SearchCollection": "Chercher des collections...",
+ "ClearTerm": "effacer"
+ },
+ "UploadFileModal": {
+ "Title": "Téléverser un fichier",
+ "CloseButtonARIA": "Fermer la boîte de dialogue de téléversement de fichiers",
+ "SizeLimitError": "Erreur: Vous ne pouvez plus téléverser de fichiers. Vous avez atteint la limite de taille totale de {{sizeLimit}}.\n If you would like to upload more, please remove the ones you aren't using anymore by\n in your "
+ },
+ "FileUploader": {
+ "DictDefaultMessage": "Déposez des fichiers ici ou cliquez pour utiliser le navigateur de fichiers"
+ },
+ "ErrorModal": {
+ "MessageLogin": "Pour pouvoir sauvegarder les croquis, vous devez être connecté. Veuillez ",
+ "Login": "Se connecter",
+ "LoginOr": " ou ",
+ "SignUp": "S'enregistrer",
+ "MessageLoggedOut": "Il semble que vous ayez été déconnecté. Veuillez ",
+ "LogIn": "Se connecter",
+ "SavedDifferentWindow": "Le projet que vous avez tenté de sauvegarder a été sauvegardé à partir d'une\n autre fenêtre. Veuillez rafraîchir la page pour voir la dernière version.",
+ "LinkTitle": "Erreur de liaison de compte",
+ "LinkMessage": "Il y a eu un problème pour relier votre compte {{serviceauth}} à votre compte éditeur web p5.js. Votre compte {{serviceauth}} a déjà été lié à un autre compte de éditeur Web p5.js."
+ },
+ "ShareModal": {
+ "Embed": "Intégrer",
+ "Present": "Présenter",
+ "Fullscreen": "Plein écran",
+ "Edit": "Éditer"
+ },
+ "CollectionView": {
+ "TitleCreate": "Créer une collection",
+ "TitleDefault": "collection"
+ },
+ "Collection": {
+ "Title": "Éditeur web p5.js | Mes collections",
+ "AnothersTitle": "Éditeur web p5.js | Collections de {{anotheruser}}",
+ "Share": "Partager",
+ "URLLink": "Lien vers la collection",
+ "AddSketch": "Ajouter un croquis",
+ "DeleteFromCollection": "Êtes-vous sûr de vouloir supprimer {{name_sketch}} de cette collection?",
+ "SketchDeleted": "Croquis supprimé",
+ "SketchRemoveARIA": "Supprimer le croquis de la collection",
+ "DescriptionPlaceholder": "Ajouter une description",
+ "Description": "description",
+ "NumSketches": "{{count}} croquis",
+ "NumSketches_plural": "{{count}} croquis",
+ "By": "Collection par ",
+ "NoSketches": "Aucun croquis dans la collection",
+ "TableSummary": "tableau contenant toutes les collections",
+ "HeaderName": "Nom",
+ "HeaderCreatedAt": "Date ajoutée",
+ "HeaderUser": "Propriétaire",
+ "DirectionAscendingARIA": "Ascendant",
+ "DirectionDescendingARIA": "Descendant",
+ "ButtonLabelAscendingARIA": "Trier par {{displayName}} ascendant.",
+ "ButtonLabelDescendingARIA": "Trier par {{displayName}} descendant."
+ },
+ "AddToCollectionList": {
+ "Title": "Éditeur web p5.js | Mes collections",
+ "AnothersTitle": "Éditeur web p5.js | Collections de {{anotheruser}}",
+ "Empty": "Aucune collection"
+ },
+ "CollectionCreate": {
+ "Title": "Éditeur web p5.js | Créer une collection",
+ "FormError": "Impossible de créer une collection",
+ "FormLabel": "Nom de la collection",
+ "FormLabelARIA": "nom",
+ "NameRequired": "Le nom de la collection est requis",
+ "Description": "Description (optionnel)",
+ "DescriptionARIA": "description",
+ "DescriptionPlaceholder": "Mes croquis préférés",
+ "SubmitCollectionCreate": "Créer la collection"
+ },
+ "DashboardView": {
+ "CreateCollection": "Créer une collection",
+ "NewSketch": "Nouveau croquis",
+ "CreateCollectionOverlay": "Créer une collection"
+ },
+ "DashboardTabSwitcher": {
+ "Sketches": "Croquis",
+ "Collections": "Collections",
+ "Assets": "Ressources"
+ },
+ "CollectionList": {
+ "Title": "Éditeur web p5.js | Mes collections",
+ "AnothersTitle": "Éditeur web p5.js | collections de {{anotheruser}}",
+ "NoCollections": "Aucune collection.",
+ "TableSummary": "tableau contenant toutes les collections",
+ "HeaderName": "Nom",
+ "HeaderCreatedAt": "Date de création",
+ "HeaderCreatedAt_mobile": "Créé",
+ "HeaderUpdatedAt": "Date de mise à jour",
+ "HeaderUpdatedAt_mobile": "Mise à jour",
+ "HeaderNumItems": "# croquis",
+ "HeaderNumItems_mobile": "# croquis",
+ "DirectionAscendingARIA": "Ascendant",
+ "DirectionDescendingARIA": "Descendant",
+ "ButtonLabelAscendingARIA": "Trier par {{displayName}} ascendant.",
+ "ButtonLabelDescendingARIA": "Trier par {{displayName}} descendant.",
+ "AddSketch": "Ajouter un croquis"
+ },
+ "CollectionListRow": {
+ "ToggleCollectionOptionsARIA": "Activer/désactiver l'ouverture/fermeture des options de collections",
+ "AddSketch": "Ajouter un croquis",
+ "Delete": "Supprimer",
+ "Rename": "Renommer"
+ },
+ "Overlay": {
+ "AriaLabel": "Fermer {{title}} superposé"
+ },
+ "QuickAddList": {
+ "ButtonRemoveARIA": "Supprimer de la collection",
+ "ButtonAddToCollectionARIA": "Ajouter à la collection",
+ "View": "Voir"
+ },
+ "SketchList": {
+ "View": "Voir",
+ "Title": "Éditeur web p5.js | Mes croquis",
+ "AnothersTitle": "Éditeur web p5.js | Croquis de {{anotheruser}}",
+ "ToggleLabelARIA": "Activer/désactiver l'ouverture/fermeture des options de croquis",
+ "DropdownRename": "Renommer",
+ "DropdownDownload": "Télécharger",
+ "DropdownDuplicate": "Dupliquer",
+ "DropdownAddToCollection": "Ajouter à la collection",
+ "DropdownDelete": "Supprimer",
+ "DirectionAscendingARIA": "Ascendant",
+ "DirectionDescendingARIA": "Descendant",
+ "ButtonLabelAscendingARIA": "Trier par {{displayName}} ascendant.",
+ "ButtonLabelDescendingARIA": "Trier par {{displayName}} descendant.",
+ "AddToCollectionOverlayTitle": "Ajouter à la collection",
+ "TableSummary": "tableau contenant toutes projets sauvegardés",
+ "HeaderName": "Croquis",
+ "HeaderCreatedAt": "Date de création",
+ "HeaderCreatedAt_mobile": "Créé",
+ "HeaderUpdatedAt": "Date de mise à jour",
+ "HeaderUpdatedAt_mobile": "mise à jour",
+ "NoSketches": "Aucun croquis."
+ },
+ "AddToCollectionSketchList": {
+ "Title": "Éditeur web p5.js | Mes croquis",
+ "AnothersTitle": "Éditeur web p5.js | Croquis de {{anotheruser}}",
+ "NoCollections": "Aucune collection."
+ },
+ "Editor": {
+ "OpenSketchARIA": "Ouvrir la navigation dans les fichiers croquis",
+ "CloseSketchARIA": "Fermer la navigation dans les fichiers croquis",
+ "UnsavedChangesARIA": "Le croquis a des modifications non sauvegardées",
+ "KeyUpLineNumber": "ligne {{lineNumber}}"
+ },
+ "EditorAccessibility": {
+ "NoLintMessages": "Il n'y a pas de messages lint",
+ "CurrentLine": "Ligne actuelle"
+ },
+ "Timer": {
+ "SavedAgo": "Sauvegardé: {{timeAgo}}"
+ },
+ "formatDate": {
+ "JustNow": "à l'instant",
+ "15Seconds": "Il y a 15 secondes",
+ "25Seconds": "Il y a 25 secondes",
+ "35Seconds": "Il y a 35 secondes",
+ "Ago": "Il y a {{timeAgo}}"
+ },
+ "CopyableInput": {
+ "CopiedARIA": "Copié dans le presse-papiers!",
+ "OpenViewTabARIA": "Ouvrir la fenêtre {{label}} dans un nouvel onglet"
+ },
+ "EditableInput": {
+ "EditValue": "Modifier la valeur de {{display}}",
+ "EmptyPlaceholder": "Aucune valeur"
+ },
+ "PreviewNav": {
+ "EditSketchARIA": "Modifier le croquis",
+ "ByUser": "par"
+ },
+ "MobilePreferences": {
+ "Settings": "Paramètres",
+ "GeneralSettings": "Paramètres généraux",
+ "Accessibility": "Accessibilité",
+ "AccessibleOutput": "Sortie accessible",
+ "Theme": "Thème",
+ "LightTheme": "Clair",
+ "DarkTheme": "Sombre",
+ "HighContrastTheme": "Contraste élevé",
+ "Autosave": "Sauvegarde automatique",
+ "WordWrap": "Retour à la ligne automatique",
+ "LineNumbers": "Numéros de ligne",
+ "LintWarningSound": "Son d'alarme Lint",
+ "UsedScreenReader": "Utilisé avec un lecteur de texte",
+ "PlainText": "Text brut",
+ "TableText": "Tableau de texte",
+ "Sound": "Son"
+ },
+ "PreferenceCreators": {
+ "On": "Activé",
+ "Off": "Désactivé"
+ },
+ "MobileDashboardView": {
+ "Examples": "Exemples",
+ "Sketches": "Croquis",
+ "Collections": "Collections",
+ "Assets": "Ressources",
+ "MyStuff": "Mes trucs",
+ "CreateSketch": "Créer un croquis",
+ "CreateCollection": "Créer une collection"
+ },
+ "Explorer": {
+ "Files": "Fichiers"
}
-
+}
diff --git a/translations/locales/it/translations.json b/translations/locales/it/translations.json
index 28dd939f18..421ddfef5f 100644
--- a/translations/locales/it/translations.json
+++ b/translations/locales/it/translations.json
@@ -248,9 +248,9 @@
"SubmitFeedback": "Invia Feedback",
"SubmitFeedbackARIA": "invia-feedback",
"AddCollectionTitle": "Aggiungi a collezione",
- "AddCollectionARIA":"aggiungi a collezione",
+ "AddCollectionARIA": "aggiungi a collezione",
"ShareTitle": "Condividi",
- "ShareARIA":"condividi"
+ "ShareARIA": "condividi"
},
"NewFileModal": {
"Title": "Crea File",
@@ -294,7 +294,7 @@
"errorShortPassword": "La password dev'essere di almeno 6 caratteri",
"errorConfirmPassword": "Per favore inserisci la password di conferma",
"errorNewPassword": "Per favore inserisci una nuova password o lascia la password corrente vuota.",
- "errorNewPasswordRepeat":"Your New Password must differ from the current one.",
+ "errorNewPasswordRepeat": "Your New Password must differ from the current one.",
"errorEmptyUsername": "Per favore inserisci un nome utente.",
"errorLongUsername": "Il nome utente deve avere meno di 20 caratteri.",
"errorValidUsername": "Il nome utente dev'essere composto solo da numeri, lettere, must only consist of numbers, letters, punti, trattini e trattini bassi."
@@ -448,7 +448,7 @@
"Description": "descrizione",
"NumSketches": "{{count}} sketch",
"NumSketches_plural": "{{count}} sketch",
- "By":"Collezione da ",
+ "By": "Collezione da ",
"NoSketches": "Nessuno sketch nella collezione",
"TableSummary": "pagina contenente tutte le collezioni",
"HeaderName": "Nome",
@@ -512,7 +512,7 @@
"Overlay": {
"AriaLabel": "Chiudi {{title}} sovrapposizione"
},
- "QuickAddList":{
+ "QuickAddList": {
"ButtonRemoveARIA": "Rimuovi dalla collezione",
"ButtonAddToCollectionARIA": "Aggiungi alla collezione",
"View": "Vista"
diff --git a/translations/locales/ja/translations.json b/translations/locales/ja/translations.json
index bb65617c9c..bfe967a534 100644
--- a/translations/locales/ja/translations.json
+++ b/translations/locales/ja/translations.json
@@ -1,608 +1,608 @@
{
- "Nav": {
- "File": {
- "Title": "ファイル",
- "New": "新規作成",
- "Share": "共有",
- "Duplicate": "別名で保存",
- "Open": "開く",
- "Download": "ダウンロード",
- "AddToCollection": "コレクションへ追加",
- "Examples": "サンプルを開く"
- },
- "Edit": {
- "Title": "編集",
- "TidyCode": "コード整形",
- "Find": "検索",
- "Replace": "置換"
- },
- "Sketch": {
- "Title": "スケッチ",
- "AddFile": "ファイルを追加",
- "AddFolder": "フォルダを追加",
- "Run": "実行",
- "Stop": "停止"
- },
- "Help": {
- "Title": "ヘルプ",
- "KeyboardShortcuts": "キーボードショートカット",
- "Reference": "リファレンス（英語）",
- "About": "ウェブエディタについて"
- },
- "Lang": "言語",
- "BackEditor": "エディタに戻る",
- "WarningUnsavedChanges": "このページを離れてもよろしいですか？未保存の変更があります。",
- "Login": "ログイン",
- "LoginOr": "もしくは",
- "SignUp": "アカウント作成",
- "Auth": {
- "Welcome": "ようこそ",
- "Hello": "こんにちは",
- "MyAccount": "マイアカウント",
- "My": "My",
- "MySketches": "マイスケッチ",
- "MyCollections": "マイコレクション",
- "Asset": "アセット",
- "MyAssets": "マイアセット",
- "LogOut": "ログアウト"
- }
- },
- "Banner": {
- "Copy": "Donate Today! Support p5.js and the Processing Foundation."
- },
- "CodemirrorFindAndReplace": {
- "ToggleReplace": "置換の切り替え",
- "Find": "検索",
- "FindPlaceholder": "ファイル内検索",
- "Replace": "置換",
- "ReplaceAll": "全て置換",
- "ReplacePlaceholder": "置換するテキスト",
- "Regex": "正規表現",
- "CaseSensitive": "大文字小文字を区別する",
- "WholeWords": "全単語",
- "Previous": "前へ",
- "Next": "次へ",
- "NoResults": "該当なし",
- "Close": "閉じる"
- },
- "LoginForm": {
- "UsernameOrEmail": "メールアドレスもしくはユーザー名",
- "UsernameOrEmailARIA": "メールアドレスもしくはユーザー名",
- "Password": "パスワード",
- "PasswordARIA": "パスワード",
- "Submit": "ログイン"
- },
- "LoginView": {
- "Title": "p5.js ウェブエディタ | ログイン",
- "Login": "ログイン",
- "LoginOr": "もしくは",
- "SignUp": "アカウントを作成してください",
- "Email": "メールアドレス",
- "Username": "ユーザー名",
- "DontHaveAccount": "ユーザー登録してない場合",
- "ForgotPassword": "パスワードを忘れた場合",
- "ResetPassword": "パスワードを再設定してください"
- },
- "SocialAuthButton": {
- "Connect": "{{serviceauth}} アカウントへ接続",
- "Unlink": "{{serviceauth}} アカウントへの接続解除",
- "Login": "{{serviceauth}} でログイン",
- "LogoARIA": "{{serviceauth}} ロゴ"
- },
- "About": {
- "Title": "ウェブエディタについて",
- "TitleHelmet": "p5.js ウェブエディター | ウェブエディタについて",
- "Contribute": "コントリビュート",
- "NewP5": "p5.jsは初めてですか?",
- "Report": "バグレポート",
- "Learn": "p5.jsを学ぶ",
- "Twitter": "Twitter",
- "Home": "ホーム",
- "Instagram": "Instagram",
- "Discord": "Discord",
- "WebEditor": "ウェブエディタ",
- "Resources": "参考資料",
- "Libraries": "ライブラリ",
- "Forum": "フォーラム",
- "Examples": "サンプルを開く",
- "PrivacyPolicy": "プライバシーポリシー",
- "TermsOfUse": "利用規約",
- "CodeOfConduct": "行動規範"
- },
- "Toast": {
- "OpenedNewSketch": "新しいスケッチを開きました",
- "SketchSaved": "スケッチを保存しました",
- "SketchFailedSave": "スケッチの保存に失敗しました",
- "AutosaveEnabled": "自動保存を有効にしました",
- "LangChange": "言語を変更しました",
- "SettingsSaved": "設定を保存しました"
- },
- "Toolbar": {
- "Preview": "プレビュー",
- "Auto-refresh": "自動更新",
- "OpenPreferencesARIA": "設定を開く",
- "PlaySketchARIA": "スケッチを実行",
- "PlayOnlyVisualSketchARIA": "ビジュアルスケッチのみ実行",
- "StopSketchARIA": "スケッチを停止",
- "EditSketchARIA": "スケッチ名を編集",
- "NewSketchNameARIA": "新しいスケッチ名",
- "By": " by "
- },
- "Console": {
- "Title": "コンソール",
- "Clear": "クリア",
- "ClearARIA": "コンソールをクリア",
- "Close": "閉じる",
- "CloseARIA": "コンソールを閉じる",
- "Open": "開く",
- "OpenARIA": "コンソールを開く"
- },
- "Preferences": {
- "Settings": "設定",
- "GeneralSettings": "一般設定",
- "Accessibility": "アクセシビリティ",
- "Theme": "テーマ",
- "LightTheme": "ライト",
- "LightThemeARIA": "ライトテーマ オン",
- "DarkTheme": "ダーク",
- "DarkThemeARIA": "ダークテーマ オン",
- "HighContrastTheme": "ハイコントラスト",
- "HighContrastThemeARIA": "ハイコントラストテーマ オン",
- "TextSize": "フォントサイズ",
- "DecreaseFont": "小さく",
- "DecreaseFontARIA": "フォントサイズを小さくする",
- "IncreaseFont": "大きく",
- "IncreaseFontARIA": "フォントサイズを大きくする",
- "Autosave": "自動保存",
- "On": "オン",
- "AutosaveOnARIA": "自動保存 オン",
- "Off": "オフ",
- "AutosaveOffARIA": "自動保存 オフ",
- "AutocloseBracketsQuotes": "括弧を自動的に閉じる",
- "AutocloseBracketsQuotesOnARIA": "括弧を自動的に閉じる オン",
- "AutocloseBracketsQuotesOffARIA": "括弧を自動的に閉じる オフ",
- "WordWrap": "ワードラップ",
- "WordWrapOnARIA": "ラインラップ オン",
- "WordWrapOffARIA": "ラインラップ オフ",
- "LineNumbers": "行番号",
- "LineNumbersOnARIA": "行番号 表示",
- "LineNumbersOffARIA": "行番号 非表示",
- "LintWarningSound": "リント警告音",
- "LintWarningOnARIA": "リント オン",
- "LintWarningOffARIA": "リント オフ",
- "PreviewSound": "プレビューサウンド",
- "PreviewSoundARIA": "プレビューサウンド",
- "AccessibleTextBasedCanvas": "アクセシビリティ用テキストベースのキャンバス",
- "UsedScreenReader": "スクリーンリーダーと併用",
- "PlainText": "プレーンテキスト",
- "TextOutputARIA": "テキスト出力 オン",
- "TableText": "テーブルテキスト",
- "TableOutputARIA": "テーブルテキスト出力 オン"
- },
- "KeyboardShortcuts": {
- "Title": " キーボードショートカット",
- "ShortcutsFollow": "エディタのショートカットは以下の通りです",
- "SublimeText": "Sublime Text ショートカット",
- "CodeEditing": {
- "Tidy": "整形",
- "FindText": "テキスト検索",
- "FindNextMatch": "次の一致を検索",
- "FindPrevMatch": "前の一致を検索",
- "ReplaceTextMatch": "一致するテキストの置換",
- "IndentCodeLeft": "インデント左揃え",
- "IndentCodeRight": "インデント右揃え",
- "CommentLine": "コメントアウト",
- "FindNextTextMatch": "次の一致するテキストを検索",
- "FindPreviousTextMatch": "前の一致するテキストを検索",
- "CodeEditing": "コード編集"
- },
- "GeneralSelection": {
- "StartSketch": "スケッチを実行",
- "StopSketch": "スケッチを停止",
- "TurnOnAccessibleOutput": "アクセシビリティ出力を有効にする",
- "TurnOffAccessibleOutput": "アクセシビリティ出力を無効にする"
- }
- },
- "Sidebar": {
- "Title": "スケッチファイル",
- "ToggleARIA": "スケッチファイルオプションの開く/閉じるを切り替える",
- "AddFolder": "フォルダを作成",
- "AddFolderARIA": "フォルダを追加",
- "AddFile": "ファイルを作成",
- "AddFileARIA": "ファイルを追加",
- "UploadFile": "ファイルアップロード",
- "UploadFileARIA": "ファイルアップロード"
- },
- "FileNode": {
- "OpenFolderARIA": "フォルダ内のコンテンツを開く",
- "CloseFolderARIA": "フォルダ内のコンテンツを閉じる",
- "ToggleFileOptionsARIA": "ファイルオプションの開く/閉じるを切り替える",
- "AddFolder": "フォルダを作成",
- "AddFolderARIA": "フォルダを追加",
- "AddFile": "ファイル作成",
- "AddFileARIA": "ファイルを追加",
- "UploadFile": "ファイルアップロード",
- "UploadFileARIA": "ファイルアップロード",
- "Rename": "名前を変更",
- "Delete": "削除"
- },
- "Common": {
- "SiteName": "p5.js Web Editor",
- "Error": "エラー",
- "ErrorARIA": "エラー",
- "Save": "保存",
- "p5logoARIA": "p5.js ロゴ",
- "DeleteConfirmation": "{{name}}を削除してもよろしいですか？"
- },
- "IDEView": {
- "SubmitFeedback": "フィードバック送信",
- "SubmitFeedbackARIA": "フィードバックを送信",
- "AddCollectionTitle": "コレクション追加",
- "AddCollectionARIA":"コレクションに追加する",
- "ShareTitle": "共有",
- "ShareARIA":"共有する"
- },
- "NewFileModal": {
- "Title": "ファイル作成",
- "CloseButtonARIA": "新規ファイルモーダルを閉じる",
- "EnterName": "ファイル名を入力してください",
- "InvalidType": "ファイルタイプが無効です。有効な拡張子は、.js、.css、.json、.xml、.stl、.txt、.csv、.tsv、.mtl、.frag、.vertです。"
- },
- "NewFileForm": {
- "AddFileSubmit": "ファイルを追加",
- "Placeholder": "ファイル名"
- },
- "NewFolderModal": {
- "Title": "フォルダ作成",
- "CloseButtonARIA": "新しいフォルダモーダルを閉じる",
- "EnterName": "フォルダ名を入力してください",
- "EmptyName": "スペースのみのフォルダ名は無効です",
- "InvalidExtension": "フォルダ名に拡張子を含めることはできません"
- },
- "NewFolderForm": {
- "AddFolderSubmit": "フォルダを追加",
- "Placeholder": "フォルダ名"
- },
- "ResetPasswordForm": {
- "Email": "登録に使用したメールアドレス",
- "EmailARIA": "メールアドレス",
- "Submit": "パスワードリセットのメールを送信する"
- },
- "ResetPasswordView": {
- "Title": "p5.js ウェブエディター | パスワードリセット",
- "Reset": "パスワードをリセットする",
- "Submitted": "パスワードリセットのメールを送信しました。もし、見当たらない場合は\n 迷惑メールフォルダに入っている可能性がありますので、確認してください。",
- "Login": "ログイン",
- "LoginOr": "もしくは",
- "SignUp": "アカウントを作成する"
- },
- "ReduxFormUtils": {
- "errorInvalidEmail": "無効なメールアドレスを入力してください",
- "errorEmptyEmail": "メールアドレスを入力してください",
- "errorPasswordMismatch": "パスワードが一致しません",
- "errorEmptyPassword": "パスワードを入力してください",
- "errorShortPassword": "パスワードは6文字以上にしてください",
- "errorConfirmPassword": "確認用のパスワードを入力してください",
- "errorNewPassword": "新しいパスワードを入力するか、現在のパスワードを空欄のままにしてください。",
- "errorNewPasswordRepeat":"Your New Password must differ from the current one.",
- "errorEmptyUsername": "ユーザー名を入力してください。",
- "errorLongUsername": "ユーザー名は20文字以内にしてください。",
- "errorValidUsername": "ユーザー名は、英数字、ピリオド(.)、ダッシュ(-)、アンダースコア(_)のみで構成されている必要があります。"
- },
- "NewPasswordView": {
- "Title": "p5.js ウェブエディター | 新しいパスワード",
- "Description": "新しいパスワードの設定",
- "TokenInvalidOrExpired": "パスワードリセットトークンが無効か、有効期限が切れています。",
- "EmptyPassword": "パスワードを入力してください",
- "PasswordConfirmation": "確認用のパスワードを入力してください",
- "PasswordMismatch": "パスワードは一致している必要があります"
- },
- "AccountForm": {
- "Email": "メールアドレス",
- "EmailARIA": "メールアドレス",
- "Unconfirmed": "未確認。",
- "EmailSent": "確認メールが送信されましたので、メールを確認してください。",
- "Resend": "確認メールを再送する",
- "UserName": "ユーザー名",
- "UserNameARIA": "ユーザー名",
- "CurrentPassword": "現在のパスワード",
- "CurrentPasswordARIA": "現在のパスワード",
- "NewPassword": "新しいパスワード",
- "NewPasswordARIA": "新しいパスワード",
- "SubmitSaveAllSettings": "すべての設定を保存"
- },
- "AccountView": {
- "SocialLogin": "ソーシャルログイン",
- "SocialLoginDescription": "GitHubやGoogleアカウントを使って、p5.js ウェブエディターにログインできます。",
- "Title": "p5.js ウェブエディター | アカウント設定",
- "Settings": "アカウント設定",
- "AccountTab": "アカウント",
- "AccessTokensTab": "アクセストークン"
- },
- "APIKeyForm": {
- "ConfirmDelete": "本当に{{key_label}}を削除しますか?",
- "Summary": "パーソナルアクセストークンは、自動スクリプトがエディタAPIにアクセスできるようにするための\n パスワードのような役割を果たします。\n アクセスを必要とするスクリプトごとにトークンを作成します。",
- "CreateToken": "新しいトークンを作成",
- "TokenLabel": "このトークンはなんのため?",
- "TokenPlaceholder": "このトークンはなんのため? 例：インポートスクリプト",
- "CreateTokenSubmit": "作成",
- "NoTokens": "既存のトークンはありません。",
- "NewTokenTitle": "新しいアクセストークン",
- "NewTokenInfo": "新しいパーソナルアクセストークンをコピーしてください。\n トークンをもう1度と見ることはできません!",
- "ExistingTokensTitle": "既存のトークン"
- },
- "APIKeyList": {
- "Name": "名前",
- "Created": "作成日時",
- "LastUsed": "最後に使用した日時",
- "Actions": "アクション",
- "Never": "一度も使用されていません",
- "DeleteARIA": "APIキーを削除"
- },
- "NewPasswordForm": {
- "Title": "パスワード",
- "TitleARIA": "パスワード",
- "ConfirmPassword": "確認用パスワード",
- "ConfirmPasswordARIA": "確認用パスワード",
- "SubmitSetNewPassword": "新しいパスワードを設定"
- },
- "SignupForm": {
- "Title": "ユーザー名",
- "TitleARIA": "ユーザー名",
- "Email": "メールアドレス",
- "EmailARIA": "メールアドレス",
- "Password": "パスワード",
- "PasswordARIA": "パスワード",
- "ConfirmPassword": "確認用パスワード",
- "ConfirmPasswordARIA": "確認用パスワード",
- "SubmitSignup": "アカウント作成"
- },
- "SignupView": {
- "Title": "p5.js ウェブエディター | ユーザー登録",
- "Description": "ユーザー登録",
- "Or": "もしくは",
- "AlreadyHave": "既にアカウントをお持ちですか？",
- "Login": "ログイン",
- "Warning": "アカウント作成をすると、p5.js エディターの <0>利用規約 と <1>プライバシー ポリシー に同意したことになります。"
- },
- "EmailVerificationView": {
- "Title": "p5.js ウェブエディター | メールアドレス認証",
- "Verify": "メールアドレスを確認してください",
- "InvalidTokenNull": "そのリンクは無効です。",
- "Checking": "トークンを検証中です、お待ちください...",
- "Verified": "すべて完了しました、あなたのメールアドレスは確認されました。",
- "InvalidState": "何か問題が発生しました。"
- },
- "AssetList": {
- "Title": "p5.js ウェブエディター | マイアセット",
- "ToggleOpenCloseARIA": "アセットオプションの開閉を切り替え",
- "Delete": "削除",
- "OpenNewTab": "新しいタブで開く",
- "NoUploadedAssets": "アップロードされたアセットはありません。",
- "HeaderName": "Name",
- "HeaderSize": "サイズ",
- "HeaderSketch": "スケッチ"
- },
- "Feedback": {
- "Title": "p5.js ウェブエディター | フィードバック",
- "ViaGithubHeader": "Github Issuesを利用",
- "ViaGithubDescription": "Githubに詳しい方は、バグレポートやフィードバックのために、こちらからお願いします。",
- "GoToGithub": "Githubへアクセスする",
- "ViaGoogleHeader": "Google Formを利用",
- "ViaGoogleDescription": "こちらのフォームから報告することもできます。",
- "GoToForm": "フォームへアクセスする"
- },
- "Searchbar": {
- "SearchSketch": "スケッチを検索...",
- "SearchCollection": "コレクションを検索...",
- "ClearTerm": "clear"
- },
- "UploadFileModal": {
- "Title": "アップロードファイル",
- "CloseButtonARIA": "アップロードファイルモーダルを閉じる",
- "SizeLimitError": "エラー: これ以上ファイルをアップロードすることはできません。{{sizeLimit}}の合計サイズの上限に達しました。\n もっとアップロードしたい場合は、もう使っていないものを削除してください。 "
- },
- "FileUploader": {
- "DictDefaultMessage": "ここにファイルをドロップするか、クリックしてファイルブラウザを使用してください"
- },
- "ErrorModal": {
- "MessageLogin": "スケッチを保存するにはログインが必要です。ログインしてください。 ",
- "Login": "ログイン",
- "LoginOr": " もしくは ",
- "SignUp": "アカウントを作成してください",
- "MessageLoggedOut": "ログアウトされたようです。ログインしてください。 ",
- "LogIn": "ログイン",
- "SavedDifferentWindow": "保存しようとしたプロジェクトが別のウィンドウから保存されました。\n 最新版をご覧になるにはページを更新してください。",
- "LinkTitle": "アカウント接続エラー",
- "LinkMessage": "あなたの {{serviceauth}} アカウントとp5.js ウェブエディターアカウントの接続に問題がありました。 あなたの {{serviceauth}} アカウントは、すでに別のp5.js ウェブエディターアカウントに接続されています。"
- },
- "ShareModal": {
- "Embed": "埋め込み",
- "Present": "プレゼンモード",
- "Fullscreen": "フルスクリーン",
- "Edit": "共同編集"
- },
- "CollectionView": {
- "TitleCreate": "コレクション作成",
- "TitleDefault": "コレクション"
- },
- "Collection": {
- "Title": "p5.js ウェブエディター | マイコレクション",
- "AnothersTitle": "p5.js ウェブエディター | {{anotheruser}} のコレクション",
+ "Nav": {
+ "File": {
+ "Title": "ファイル",
+ "New": "新規作成",
"Share": "共有",
- "URLLink": "コレクションのリンク",
- "AddSketch": "スケッチを追加する",
- "DeleteFromCollection": "このコレクションから {{name_sketch}} を削除してもよろしいですか？",
- "SketchDeleted": "スケッチが削除されました",
- "SketchRemoveARIA": "コレクションからスケッチを削除する",
- "DescriptionPlaceholder": "スケッチについて記述する",
- "Description": "コレクションについて",
- "NumSketches": "{{count}} スケッチ",
- "NumSketches_plural": "{{count}} スケッチ",
- "By":"作成者 ",
- "NoSketches": "コレクション内にスケッチがありません",
- "TableSummary": "全コレクションのテーブル",
- "HeaderName": "名前",
- "HeaderCreatedAt": "追加日時",
- "HeaderUser": "所有者",
- "DirectionAscendingARIA": "昇順",
- "DirectionDescendingARIA": "降順",
- "ButtonLabelAscendingARIA": "昇順に{{displayName}}で並び替えます。",
- "ButtonLabelDescendingARIA": "降順に{{displayName}}で並び替えます。"
- },
- "AddToCollectionList": {
- "Title": "p5.js ウェブエディター | マイコレクション",
- "AnothersTitle": "p5.js ウェブエディター | {{anotheruser}}のコレクション",
- "Empty": "コレクションは空です"
- },
- "CollectionCreate": {
- "Title": "p5.js ウェブエディター | コレクション作成",
- "FormError": "コレクションを作成することが出来ませんでした",
- "FormLabel": "コレクション名",
- "FormLabelARIA": "名前",
- "NameRequired": "コレクション名は必須です",
- "Description": "コレクションについて (任意)",
- "DescriptionARIA": "スケッチについて",
- "DescriptionPlaceholder": "お気に入りスケッチ",
- "SubmitCollectionCreate": "コレクションを作成"
- },
- "DashboardView": {
- "CreateCollection": "コレクションを作成",
- "NewSketch": "新しいスケッチ",
- "CreateCollectionOverlay": "コレクションを作成"
- },
- "DashboardTabSwitcher": {
- "Sketches": "スケッチ",
- "Collections": "コレクション",
- "Assets": "アセット"
- },
- "CollectionList": {
- "Title": "p5.js ウェブエディター | マイコレクション",
- "AnothersTitle": "p5.js ウェブエディター | {{anotheruser}}のコレクション",
- "NoCollections": "コレクションがありません。",
- "TableSummary": "全コレクションのテーブル",
- "HeaderName": "名前",
- "HeaderCreatedAt": "作成日",
- "HeaderCreatedAt_mobile": "作成",
- "HeaderUpdatedAt": "更新日",
- "HeaderUpdatedAt_mobile": "更新",
- "HeaderNumItems": "スケッチ No.",
- "HeaderNumItems_mobile": "スケッチ No.",
- "DirectionAscendingARIA": "昇順",
- "DirectionDescendingARIA": "降順",
- "ButtonLabelAscendingARIA": "昇順に{{displayName}}で並び替えます。",
- "ButtonLabelDescendingARIA": "降順に{{displayName}}で並び替えます。",
- "AddSketch": "スケッチを追加"
- },
- "CollectionListRow": {
- "ToggleCollectionOptionsARIA": "開く/閉じるコレクションのオプションを切り替え",
- "AddSketch": "スケッチを追加",
- "Delete": "削除",
- "Rename": "名前を変更"
- },
- "Overlay": {
- "AriaLabel": "{{title}} オーバーレイを閉じる"
- },
- "QuickAddList":{
- "ButtonRemoveARIA": "コレクションから削除",
- "ButtonAddToCollectionARIA": "コレクションへ追加",
- "View": "表示"
- },
- "SketchList": {
- "View": "表示",
- "Title": "p5.js ウェブエディター | マイスケッチ",
- "AnothersTitle": "p5.js ウェブエディター | {{anotheruser}} のスケッチ",
- "ToggleLabelARIA": "開く/閉じるスケッチ オプションの切り替え",
- "DropdownRename": "名前変更",
- "DropdownDownload": "ダウンロード",
- "DropdownDuplicate": "別名で保存",
- "DropdownAddToCollection": "コレクションへ追加",
- "DropdownDelete": "削除",
- "DirectionAscendingARIA": "昇順",
- "DirectionDescendingARIA": "降順",
- "ButtonLabelAscendingARIA": "昇順に{{displayName}}で並び替えます。",
- "ButtonLabelDescendingARIA": "降順に{{displayName}}で並び替えます。",
- "AddToCollectionOverlayTitle": "コレクションへ追加",
- "TableSummary": "保存されたすべてのプロジェクトを含むテーブル",
- "HeaderName": "スケッチ",
- "HeaderCreatedAt": "作成日",
- "HeaderCreatedAt_mobile": "作成",
- "HeaderUpdatedAt": "更新日",
- "HeaderUpdatedAt_mobile": "更新",
- "NoSketches": "スケッチがありません"
- },
- "AddToCollectionSketchList": {
- "Title": "p5.js ウェブエディター | マイスケッチ",
- "AnothersTitle": "p5.js ウェブエディター | {{anotheruser}} のスケッチ",
- "NoCollections": "コレクションがありません。"
- },
- "Editor": {
- "OpenSketchARIA": "スケッチファイルのナビゲーションを開く",
- "CloseSketchARIA": "スケッチファイルのナビゲーションを閉じる",
- "UnsavedChangesARIA": "スケッチに未保存の変更があります",
- "KeyUpLineNumber": "{{lineNumber}} 行"
- },
- "EditorAccessibility": {
- "NoLintMessages": "リントメッセージはありません",
- "CurrentLine": "現在の行"
- },
- "Timer": {
- "SavedAgo": "保存されました: {{timeAgo}}"
- },
- "formatDate": {
- "JustNow": "たった今",
- "15Seconds": "15秒前",
- "25Seconds": "25秒前",
- "35Seconds": "35秒前",
- "Ago": "{{timeAgo}}前"
- },
- "CopyableInput": {
- "CopiedARIA": "クリップボードへコピーしました！",
- "OpenViewTabARIA": "新しいタブで {{label}} ビューを開く"
- },
- "EditableInput": {
- "EditValue": "{{display}} 値を編集",
- "EmptyPlaceholder": "値がありません"
- },
- "PreviewNav": {
- "EditSketchARIA": "スケッチを編集する",
- "ByUser": "によって"
- },
- "MobilePreferences": {
- "Settings": "設定",
- "GeneralSettings": "一般設定",
- "Accessibility": "アクセシビリティ",
- "AccessibleOutput": "アクセシビリティ出力",
- "Theme": "テーマ",
- "LightTheme": "ライト",
- "DarkTheme": "ダーク",
- "HighContrastTheme": "ハイコントラスト",
- "Autosave": "自動保存",
- "WordWrap": "ワードラップ",
- "LineNumbers": "行番号",
- "LintWarningSound": "リント警告音",
- "UsedScreenReader": "スクリーンリーダーと併用",
- "PlainText": "プレーンテキスト",
- "TableText": "テーブルテキスト",
- "Sound": "サウンド"
- },
- "PreferenceCreators": {
- "On": "オン",
- "Off": "オフ"
- },
- "MobileDashboardView": {
- "Examples": "サンプル",
- "Sketches": "スケッチ",
- "Collections": "コレクション",
- "Assets": "アセット",
- "MyStuff": "マイスタッフ",
- "CreateSketch": "スケッチ作成",
- "CreateCollection": "コレクション作成"
- },
- "Explorer": {
- "Files": "ファイル"
+ "Duplicate": "別名で保存",
+ "Open": "開く",
+ "Download": "ダウンロード",
+ "AddToCollection": "コレクションへ追加",
+ "Examples": "サンプルを開く"
},
- "Cookies": {
+ "Edit": {
+ "Title": "編集",
+ "TidyCode": "コード整形",
+ "Find": "検索",
+ "Replace": "置換"
+ },
+ "Sketch": {
+ "Title": "スケッチ",
+ "AddFile": "ファイルを追加",
+ "AddFolder": "フォルダを追加",
+ "Run": "実行",
+ "Stop": "停止"
+ },
+ "Help": {
+ "Title": "ヘルプ",
+ "KeyboardShortcuts": "キーボードショートカット",
+ "Reference": "リファレンス（英語）",
+ "About": "ウェブエディタについて"
+ },
+ "Lang": "言語",
+ "BackEditor": "エディタに戻る",
+ "WarningUnsavedChanges": "このページを離れてもよろしいですか？未保存の変更があります。",
+ "Login": "ログイン",
+ "LoginOr": "もしくは",
+ "SignUp": "アカウント作成",
+ "Auth": {
+ "Welcome": "ようこそ",
+ "Hello": "こんにちは",
+ "MyAccount": "マイアカウント",
+ "My": "My",
+ "MySketches": "マイスケッチ",
+ "MyCollections": "マイコレクション",
+ "Asset": "アセット",
+ "MyAssets": "マイアセット",
+ "LogOut": "ログアウト"
+ }
+ },
+ "Banner": {
+ "Copy": "Donate Today! Support p5.js and the Processing Foundation."
+ },
+ "CodemirrorFindAndReplace": {
+ "ToggleReplace": "置換の切り替え",
+ "Find": "検索",
+ "FindPlaceholder": "ファイル内検索",
+ "Replace": "置換",
+ "ReplaceAll": "全て置換",
+ "ReplacePlaceholder": "置換するテキスト",
+ "Regex": "正規表現",
+ "CaseSensitive": "大文字小文字を区別する",
+ "WholeWords": "全単語",
+ "Previous": "前へ",
+ "Next": "次へ",
+ "NoResults": "該当なし",
+ "Close": "閉じる"
+ },
+ "LoginForm": {
+ "UsernameOrEmail": "メールアドレスもしくはユーザー名",
+ "UsernameOrEmailARIA": "メールアドレスもしくはユーザー名",
+ "Password": "パスワード",
+ "PasswordARIA": "パスワード",
+ "Submit": "ログイン"
+ },
+ "LoginView": {
+ "Title": "p5.js ウェブエディタ | ログイン",
+ "Login": "ログイン",
+ "LoginOr": "もしくは",
+ "SignUp": "アカウントを作成してください",
+ "Email": "メールアドレス",
+ "Username": "ユーザー名",
+ "DontHaveAccount": "ユーザー登録してない場合",
+ "ForgotPassword": "パスワードを忘れた場合",
+ "ResetPassword": "パスワードを再設定してください"
+ },
+ "SocialAuthButton": {
+ "Connect": "{{serviceauth}} アカウントへ接続",
+ "Unlink": "{{serviceauth}} アカウントへの接続解除",
+ "Login": "{{serviceauth}} でログイン",
+ "LogoARIA": "{{serviceauth}} ロゴ"
+ },
+ "About": {
+ "Title": "ウェブエディタについて",
+ "TitleHelmet": "p5.js ウェブエディター | ウェブエディタについて",
+ "Contribute": "コントリビュート",
+ "NewP5": "p5.jsは初めてですか?",
+ "Report": "バグレポート",
+ "Learn": "p5.jsを学ぶ",
+ "Twitter": "Twitter",
+ "Home": "ホーム",
+ "Instagram": "Instagram",
+ "Discord": "Discord",
+ "WebEditor": "ウェブエディタ",
+ "Resources": "参考資料",
+ "Libraries": "ライブラリ",
+ "Forum": "フォーラム",
+ "Examples": "サンプルを開く",
+ "PrivacyPolicy": "プライバシーポリシー",
+ "TermsOfUse": "利用規約",
+ "CodeOfConduct": "行動規範"
+ },
+ "Toast": {
+ "OpenedNewSketch": "新しいスケッチを開きました",
+ "SketchSaved": "スケッチを保存しました",
+ "SketchFailedSave": "スケッチの保存に失敗しました",
+ "AutosaveEnabled": "自動保存を有効にしました",
+ "LangChange": "言語を変更しました",
+ "SettingsSaved": "設定を保存しました"
+ },
+ "Toolbar": {
+ "Preview": "プレビュー",
+ "Auto-refresh": "自動更新",
+ "OpenPreferencesARIA": "設定を開く",
+ "PlaySketchARIA": "スケッチを実行",
+ "PlayOnlyVisualSketchARIA": "ビジュアルスケッチのみ実行",
+ "StopSketchARIA": "スケッチを停止",
+ "EditSketchARIA": "スケッチ名を編集",
+ "NewSketchNameARIA": "新しいスケッチ名",
+ "By": " by "
+ },
+ "Console": {
+ "Title": "コンソール",
+ "Clear": "クリア",
+ "ClearARIA": "コンソールをクリア",
+ "Close": "閉じる",
+ "CloseARIA": "コンソールを閉じる",
+ "Open": "開く",
+ "OpenARIA": "コンソールを開く"
+ },
+ "Preferences": {
+ "Settings": "設定",
+ "GeneralSettings": "一般設定",
+ "Accessibility": "アクセシビリティ",
+ "Theme": "テーマ",
+ "LightTheme": "ライト",
+ "LightThemeARIA": "ライトテーマ オン",
+ "DarkTheme": "ダーク",
+ "DarkThemeARIA": "ダークテーマ オン",
+ "HighContrastTheme": "ハイコントラスト",
+ "HighContrastThemeARIA": "ハイコントラストテーマ オン",
+ "TextSize": "フォントサイズ",
+ "DecreaseFont": "小さく",
+ "DecreaseFontARIA": "フォントサイズを小さくする",
+ "IncreaseFont": "大きく",
+ "IncreaseFontARIA": "フォントサイズを大きくする",
+ "Autosave": "自動保存",
+ "On": "オン",
+ "AutosaveOnARIA": "自動保存 オン",
+ "Off": "オフ",
+ "AutosaveOffARIA": "自動保存 オフ",
+ "AutocloseBracketsQuotes": "括弧を自動的に閉じる",
+ "AutocloseBracketsQuotesOnARIA": "括弧を自動的に閉じる オン",
+ "AutocloseBracketsQuotesOffARIA": "括弧を自動的に閉じる オフ",
+ "WordWrap": "ワードラップ",
+ "WordWrapOnARIA": "ラインラップ オン",
+ "WordWrapOffARIA": "ラインラップ オフ",
+ "LineNumbers": "行番号",
+ "LineNumbersOnARIA": "行番号 表示",
+ "LineNumbersOffARIA": "行番号 非表示",
+ "LintWarningSound": "リント警告音",
+ "LintWarningOnARIA": "リント オン",
+ "LintWarningOffARIA": "リント オフ",
+ "PreviewSound": "プレビューサウンド",
+ "PreviewSoundARIA": "プレビューサウンド",
+ "AccessibleTextBasedCanvas": "アクセシビリティ用テキストベースのキャンバス",
+ "UsedScreenReader": "スクリーンリーダーと併用",
+ "PlainText": "プレーンテキスト",
+ "TextOutputARIA": "テキスト出力 オン",
+ "TableText": "テーブルテキスト",
+ "TableOutputARIA": "テーブルテキスト出力 オン"
+ },
+ "KeyboardShortcuts": {
+ "Title": " キーボードショートカット",
+ "ShortcutsFollow": "エディタのショートカットは以下の通りです",
+ "SublimeText": "Sublime Text ショートカット",
+ "CodeEditing": {
+ "Tidy": "整形",
+ "FindText": "テキスト検索",
+ "FindNextMatch": "次の一致を検索",
+ "FindPrevMatch": "前の一致を検索",
+ "ReplaceTextMatch": "一致するテキストの置換",
+ "IndentCodeLeft": "インデント左揃え",
+ "IndentCodeRight": "インデント右揃え",
+ "CommentLine": "コメントアウト",
+ "FindNextTextMatch": "次の一致するテキストを検索",
+ "FindPreviousTextMatch": "前の一致するテキストを検索",
+ "CodeEditing": "コード編集"
+ },
+ "GeneralSelection": {
+ "StartSketch": "スケッチを実行",
+ "StopSketch": "スケッチを停止",
+ "TurnOnAccessibleOutput": "アクセシビリティ出力を有効にする",
+ "TurnOffAccessibleOutput": "アクセシビリティ出力を無効にする"
+ }
+ },
+ "Sidebar": {
+ "Title": "スケッチファイル",
+ "ToggleARIA": "スケッチファイルオプションの開く/閉じるを切り替える",
+ "AddFolder": "フォルダを作成",
+ "AddFolderARIA": "フォルダを追加",
+ "AddFile": "ファイルを作成",
+ "AddFileARIA": "ファイルを追加",
+ "UploadFile": "ファイルアップロード",
+ "UploadFileARIA": "ファイルアップロード"
+ },
+ "FileNode": {
+ "OpenFolderARIA": "フォルダ内のコンテンツを開く",
+ "CloseFolderARIA": "フォルダ内のコンテンツを閉じる",
+ "ToggleFileOptionsARIA": "ファイルオプションの開く/閉じるを切り替える",
+ "AddFolder": "フォルダを作成",
+ "AddFolderARIA": "フォルダを追加",
+ "AddFile": "ファイル作成",
+ "AddFileARIA": "ファイルを追加",
+ "UploadFile": "ファイルアップロード",
+ "UploadFileARIA": "ファイルアップロード",
+ "Rename": "名前を変更",
+ "Delete": "削除"
+ },
+ "Common": {
+ "SiteName": "p5.js Web Editor",
+ "Error": "エラー",
+ "ErrorARIA": "エラー",
+ "Save": "保存",
+ "p5logoARIA": "p5.js ロゴ",
+ "DeleteConfirmation": "{{name}}を削除してもよろしいですか？"
+ },
+ "IDEView": {
+ "SubmitFeedback": "フィードバック送信",
+ "SubmitFeedbackARIA": "フィードバックを送信",
+ "AddCollectionTitle": "コレクション追加",
+ "AddCollectionARIA": "コレクションに追加する",
+ "ShareTitle": "共有",
+ "ShareARIA": "共有する"
+ },
+ "NewFileModal": {
+ "Title": "ファイル作成",
+ "CloseButtonARIA": "新規ファイルモーダルを閉じる",
+ "EnterName": "ファイル名を入力してください",
+ "InvalidType": "ファイルタイプが無効です。有効な拡張子は、.js、.css、.json、.xml、.stl、.txt、.csv、.tsv、.mtl、.frag、.vertです。"
+ },
+ "NewFileForm": {
+ "AddFileSubmit": "ファイルを追加",
+ "Placeholder": "ファイル名"
+ },
+ "NewFolderModal": {
+ "Title": "フォルダ作成",
+ "CloseButtonARIA": "新しいフォルダモーダルを閉じる",
+ "EnterName": "フォルダ名を入力してください",
+ "EmptyName": "スペースのみのフォルダ名は無効です",
+ "InvalidExtension": "フォルダ名に拡張子を含めることはできません"
+ },
+ "NewFolderForm": {
+ "AddFolderSubmit": "フォルダを追加",
+ "Placeholder": "フォルダ名"
+ },
+ "ResetPasswordForm": {
+ "Email": "登録に使用したメールアドレス",
+ "EmailARIA": "メールアドレス",
+ "Submit": "パスワードリセットのメールを送信する"
+ },
+ "ResetPasswordView": {
+ "Title": "p5.js ウェブエディター | パスワードリセット",
+ "Reset": "パスワードをリセットする",
+ "Submitted": "パスワードリセットのメールを送信しました。もし、見当たらない場合は\n 迷惑メールフォルダに入っている可能性がありますので、確認してください。",
+ "Login": "ログイン",
+ "LoginOr": "もしくは",
+ "SignUp": "アカウントを作成する"
+ },
+ "ReduxFormUtils": {
+ "errorInvalidEmail": "無効なメールアドレスを入力してください",
+ "errorEmptyEmail": "メールアドレスを入力してください",
+ "errorPasswordMismatch": "パスワードが一致しません",
+ "errorEmptyPassword": "パスワードを入力してください",
+ "errorShortPassword": "パスワードは6文字以上にしてください",
+ "errorConfirmPassword": "確認用のパスワードを入力してください",
+ "errorNewPassword": "新しいパスワードを入力するか、現在のパスワードを空欄のままにしてください。",
+ "errorNewPasswordRepeat": "Your New Password must differ from the current one.",
+ "errorEmptyUsername": "ユーザー名を入力してください。",
+ "errorLongUsername": "ユーザー名は20文字以内にしてください。",
+ "errorValidUsername": "ユーザー名は、英数字、ピリオド(.)、ダッシュ(-)、アンダースコア(_)のみで構成されている必要があります。"
+ },
+ "NewPasswordView": {
+ "Title": "p5.js ウェブエディター | 新しいパスワード",
+ "Description": "新しいパスワードの設定",
+ "TokenInvalidOrExpired": "パスワードリセットトークンが無効か、有効期限が切れています。",
+ "EmptyPassword": "パスワードを入力してください",
+ "PasswordConfirmation": "確認用のパスワードを入力してください",
+ "PasswordMismatch": "パスワードは一致している必要があります"
+ },
+ "AccountForm": {
+ "Email": "メールアドレス",
+ "EmailARIA": "メールアドレス",
+ "Unconfirmed": "未確認。",
+ "EmailSent": "確認メールが送信されましたので、メールを確認してください。",
+ "Resend": "確認メールを再送する",
+ "UserName": "ユーザー名",
+ "UserNameARIA": "ユーザー名",
+ "CurrentPassword": "現在のパスワード",
+ "CurrentPasswordARIA": "現在のパスワード",
+ "NewPassword": "新しいパスワード",
+ "NewPasswordARIA": "新しいパスワード",
+ "SubmitSaveAllSettings": "すべての設定を保存"
+ },
+ "AccountView": {
+ "SocialLogin": "ソーシャルログイン",
+ "SocialLoginDescription": "GitHubやGoogleアカウントを使って、p5.js ウェブエディターにログインできます。",
+ "Title": "p5.js ウェブエディター | アカウント設定",
+ "Settings": "アカウント設定",
+ "AccountTab": "アカウント",
+ "AccessTokensTab": "アクセストークン"
+ },
+ "APIKeyForm": {
+ "ConfirmDelete": "本当に{{key_label}}を削除しますか?",
+ "Summary": "パーソナルアクセストークンは、自動スクリプトがエディタAPIにアクセスできるようにするための\n パスワードのような役割を果たします。\n アクセスを必要とするスクリプトごとにトークンを作成します。",
+ "CreateToken": "新しいトークンを作成",
+ "TokenLabel": "このトークンはなんのため?",
+ "TokenPlaceholder": "このトークンはなんのため? 例：インポートスクリプト",
+ "CreateTokenSubmit": "作成",
+ "NoTokens": "既存のトークンはありません。",
+ "NewTokenTitle": "新しいアクセストークン",
+ "NewTokenInfo": "新しいパーソナルアクセストークンをコピーしてください。\n トークンをもう1度と見ることはできません!",
+ "ExistingTokensTitle": "既存のトークン"
+ },
+ "APIKeyList": {
+ "Name": "名前",
+ "Created": "作成日時",
+ "LastUsed": "最後に使用した日時",
+ "Actions": "アクション",
+ "Never": "一度も使用されていません",
+ "DeleteARIA": "APIキーを削除"
+ },
+ "NewPasswordForm": {
+ "Title": "パスワード",
+ "TitleARIA": "パスワード",
+ "ConfirmPassword": "確認用パスワード",
+ "ConfirmPasswordARIA": "確認用パスワード",
+ "SubmitSetNewPassword": "新しいパスワードを設定"
+ },
+ "SignupForm": {
+ "Title": "ユーザー名",
+ "TitleARIA": "ユーザー名",
+ "Email": "メールアドレス",
+ "EmailARIA": "メールアドレス",
+ "Password": "パスワード",
+ "PasswordARIA": "パスワード",
+ "ConfirmPassword": "確認用パスワード",
+ "ConfirmPasswordARIA": "確認用パスワード",
+ "SubmitSignup": "アカウント作成"
+ },
+ "SignupView": {
+ "Title": "p5.js ウェブエディター | ユーザー登録",
+ "Description": "ユーザー登録",
+ "Or": "もしくは",
+ "AlreadyHave": "既にアカウントをお持ちですか？",
+ "Login": "ログイン",
+ "Warning": "アカウント作成をすると、p5.js エディターの <0>利用規約 と <1>プライバシー ポリシー に同意したことになります。"
+ },
+ "EmailVerificationView": {
+ "Title": "p5.js ウェブエディター | メールアドレス認証",
+ "Verify": "メールアドレスを確認してください",
+ "InvalidTokenNull": "そのリンクは無効です。",
+ "Checking": "トークンを検証中です、お待ちください...",
+ "Verified": "すべて完了しました、あなたのメールアドレスは確認されました。",
+ "InvalidState": "何か問題が発生しました。"
+ },
+ "AssetList": {
+ "Title": "p5.js ウェブエディター | マイアセット",
+ "ToggleOpenCloseARIA": "アセットオプションの開閉を切り替え",
+ "Delete": "削除",
+ "OpenNewTab": "新しいタブで開く",
+ "NoUploadedAssets": "アップロードされたアセットはありません。",
+ "HeaderName": "Name",
+ "HeaderSize": "サイズ",
+ "HeaderSketch": "スケッチ"
+ },
+ "Feedback": {
+ "Title": "p5.js ウェブエディター | フィードバック",
+ "ViaGithubHeader": "Github Issuesを利用",
+ "ViaGithubDescription": "Githubに詳しい方は、バグレポートやフィードバックのために、こちらからお願いします。",
+ "GoToGithub": "Githubへアクセスする",
+ "ViaGoogleHeader": "Google Formを利用",
+ "ViaGoogleDescription": "こちらのフォームから報告することもできます。",
+ "GoToForm": "フォームへアクセスする"
+ },
+ "Searchbar": {
+ "SearchSketch": "スケッチを検索...",
+ "SearchCollection": "コレクションを検索...",
+ "ClearTerm": "clear"
+ },
+ "UploadFileModal": {
+ "Title": "アップロードファイル",
+ "CloseButtonARIA": "アップロードファイルモーダルを閉じる",
+ "SizeLimitError": "エラー: これ以上ファイルをアップロードすることはできません。{{sizeLimit}}の合計サイズの上限に達しました。\n もっとアップロードしたい場合は、もう使っていないものを削除してください。 "
+ },
+ "FileUploader": {
+ "DictDefaultMessage": "ここにファイルをドロップするか、クリックしてファイルブラウザを使用してください"
+ },
+ "ErrorModal": {
+ "MessageLogin": "スケッチを保存するにはログインが必要です。ログインしてください。 ",
+ "Login": "ログイン",
+ "LoginOr": " もしくは ",
+ "SignUp": "アカウントを作成してください",
+ "MessageLoggedOut": "ログアウトされたようです。ログインしてください。 ",
+ "LogIn": "ログイン",
+ "SavedDifferentWindow": "保存しようとしたプロジェクトが別のウィンドウから保存されました。\n 最新版をご覧になるにはページを更新してください。",
+ "LinkTitle": "アカウント接続エラー",
+ "LinkMessage": "あなたの {{serviceauth}} アカウントとp5.js ウェブエディターアカウントの接続に問題がありました。 あなたの {{serviceauth}} アカウントは、すでに別のp5.js ウェブエディターアカウントに接続されています。"
+ },
+ "ShareModal": {
+ "Embed": "埋め込み",
+ "Present": "プレゼンモード",
+ "Fullscreen": "フルスクリーン",
+ "Edit": "共同編集"
+ },
+ "CollectionView": {
+ "TitleCreate": "コレクション作成",
+ "TitleDefault": "コレクション"
+ },
+ "Collection": {
+ "Title": "p5.js ウェブエディター | マイコレクション",
+ "AnothersTitle": "p5.js ウェブエディター | {{anotheruser}} のコレクション",
+ "Share": "共有",
+ "URLLink": "コレクションのリンク",
+ "AddSketch": "スケッチを追加する",
+ "DeleteFromCollection": "このコレクションから {{name_sketch}} を削除してもよろしいですか？",
+ "SketchDeleted": "スケッチが削除されました",
+ "SketchRemoveARIA": "コレクションからスケッチを削除する",
+ "DescriptionPlaceholder": "スケッチについて記述する",
+ "Description": "コレクションについて",
+ "NumSketches": "{{count}} スケッチ",
+ "NumSketches_plural": "{{count}} スケッチ",
+ "By": "作成者 ",
+ "NoSketches": "コレクション内にスケッチがありません",
+ "TableSummary": "全コレクションのテーブル",
+ "HeaderName": "名前",
+ "HeaderCreatedAt": "追加日時",
+ "HeaderUser": "所有者",
+ "DirectionAscendingARIA": "昇順",
+ "DirectionDescendingARIA": "降順",
+ "ButtonLabelAscendingARIA": "昇順に{{displayName}}で並び替えます。",
+ "ButtonLabelDescendingARIA": "降順に{{displayName}}で並び替えます。"
+ },
+ "AddToCollectionList": {
+ "Title": "p5.js ウェブエディター | マイコレクション",
+ "AnothersTitle": "p5.js ウェブエディター | {{anotheruser}}のコレクション",
+ "Empty": "コレクションは空です"
+ },
+ "CollectionCreate": {
+ "Title": "p5.js ウェブエディター | コレクション作成",
+ "FormError": "コレクションを作成することが出来ませんでした",
+ "FormLabel": "コレクション名",
+ "FormLabelARIA": "名前",
+ "NameRequired": "コレクション名は必須です",
+ "Description": "コレクションについて (任意)",
+ "DescriptionARIA": "スケッチについて",
+ "DescriptionPlaceholder": "お気に入りスケッチ",
+ "SubmitCollectionCreate": "コレクションを作成"
+ },
+ "DashboardView": {
+ "CreateCollection": "コレクションを作成",
+ "NewSketch": "新しいスケッチ",
+ "CreateCollectionOverlay": "コレクションを作成"
+ },
+ "DashboardTabSwitcher": {
+ "Sketches": "スケッチ",
+ "Collections": "コレクション",
+ "Assets": "アセット"
+ },
+ "CollectionList": {
+ "Title": "p5.js ウェブエディター | マイコレクション",
+ "AnothersTitle": "p5.js ウェブエディター | {{anotheruser}}のコレクション",
+ "NoCollections": "コレクションがありません。",
+ "TableSummary": "全コレクションのテーブル",
+ "HeaderName": "名前",
+ "HeaderCreatedAt": "作成日",
+ "HeaderCreatedAt_mobile": "作成",
+ "HeaderUpdatedAt": "更新日",
+ "HeaderUpdatedAt_mobile": "更新",
+ "HeaderNumItems": "スケッチ No.",
+ "HeaderNumItems_mobile": "スケッチ No.",
+ "DirectionAscendingARIA": "昇順",
+ "DirectionDescendingARIA": "降順",
+ "ButtonLabelAscendingARIA": "昇順に{{displayName}}で並び替えます。",
+ "ButtonLabelDescendingARIA": "降順に{{displayName}}で並び替えます。",
+ "AddSketch": "スケッチを追加"
+ },
+ "CollectionListRow": {
+ "ToggleCollectionOptionsARIA": "開く/閉じるコレクションのオプションを切り替え",
+ "AddSketch": "スケッチを追加",
+ "Delete": "削除",
+ "Rename": "名前を変更"
+ },
+ "Overlay": {
+ "AriaLabel": "{{title}} オーバーレイを閉じる"
+ },
+ "QuickAddList": {
+ "ButtonRemoveARIA": "コレクションから削除",
+ "ButtonAddToCollectionARIA": "コレクションへ追加",
+ "View": "表示"
+ },
+ "SketchList": {
+ "View": "表示",
+ "Title": "p5.js ウェブエディター | マイスケッチ",
+ "AnothersTitle": "p5.js ウェブエディター | {{anotheruser}} のスケッチ",
+ "ToggleLabelARIA": "開く/閉じるスケッチ オプションの切り替え",
+ "DropdownRename": "名前変更",
+ "DropdownDownload": "ダウンロード",
+ "DropdownDuplicate": "別名で保存",
+ "DropdownAddToCollection": "コレクションへ追加",
+ "DropdownDelete": "削除",
+ "DirectionAscendingARIA": "昇順",
+ "DirectionDescendingARIA": "降順",
+ "ButtonLabelAscendingARIA": "昇順に{{displayName}}で並び替えます。",
+ "ButtonLabelDescendingARIA": "降順に{{displayName}}で並び替えます。",
+ "AddToCollectionOverlayTitle": "コレクションへ追加",
+ "TableSummary": "保存されたすべてのプロジェクトを含むテーブル",
+ "HeaderName": "スケッチ",
+ "HeaderCreatedAt": "作成日",
+ "HeaderCreatedAt_mobile": "作成",
+ "HeaderUpdatedAt": "更新日",
+ "HeaderUpdatedAt_mobile": "更新",
+ "NoSketches": "スケッチがありません"
+ },
+ "AddToCollectionSketchList": {
+ "Title": "p5.js ウェブエディター | マイスケッチ",
+ "AnothersTitle": "p5.js ウェブエディター | {{anotheruser}} のスケッチ",
+ "NoCollections": "コレクションがありません。"
+ },
+ "Editor": {
+ "OpenSketchARIA": "スケッチファイルのナビゲーションを開く",
+ "CloseSketchARIA": "スケッチファイルのナビゲーションを閉じる",
+ "UnsavedChangesARIA": "スケッチに未保存の変更があります",
+ "KeyUpLineNumber": "{{lineNumber}} 行"
+ },
+ "EditorAccessibility": {
+ "NoLintMessages": "リントメッセージはありません",
+ "CurrentLine": "現在の行"
+ },
+ "Timer": {
+ "SavedAgo": "保存されました: {{timeAgo}}"
+ },
+ "formatDate": {
+ "JustNow": "たった今",
+ "15Seconds": "15秒前",
+ "25Seconds": "25秒前",
+ "35Seconds": "35秒前",
+ "Ago": "{{timeAgo}}前"
+ },
+ "CopyableInput": {
+ "CopiedARIA": "クリップボードへコピーしました！",
+ "OpenViewTabARIA": "新しいタブで {{label}} ビューを開く"
+ },
+ "EditableInput": {
+ "EditValue": "{{display}} 値を編集",
+ "EmptyPlaceholder": "値がありません"
+ },
+ "PreviewNav": {
+ "EditSketchARIA": "スケッチを編集する",
+ "ByUser": "によって"
+ },
+ "MobilePreferences": {
+ "Settings": "設定",
+ "GeneralSettings": "一般設定",
+ "Accessibility": "アクセシビリティ",
+ "AccessibleOutput": "アクセシビリティ出力",
+ "Theme": "テーマ",
+ "LightTheme": "ライト",
+ "DarkTheme": "ダーク",
+ "HighContrastTheme": "ハイコントラスト",
+ "Autosave": "自動保存",
+ "WordWrap": "ワードラップ",
+ "LineNumbers": "行番号",
+ "LintWarningSound": "リント警告音",
+ "UsedScreenReader": "スクリーンリーダーと併用",
+ "PlainText": "プレーンテキスト",
+ "TableText": "テーブルテキスト",
+ "Sound": "サウンド"
+ },
+ "PreferenceCreators": {
+ "On": "オン",
+ "Off": "オフ"
+ },
+ "MobileDashboardView": {
+ "Examples": "サンプル",
+ "Sketches": "スケッチ",
+ "Collections": "コレクション",
+ "Assets": "アセット",
+ "MyStuff": "マイスタッフ",
+ "CreateSketch": "スケッチ作成",
+ "CreateCollection": "コレクション作成"
+ },
+ "Explorer": {
+ "Files": "ファイル"
+ },
+ "Cookies": {
"Header": "Cookies",
"Body": "p5.jsエディターはクッキーを使用しています。 いくつかの項目はウェブサイトの機能に不可欠であり、アカウントとプリファレンスを管理することが可能です。 そのほかの項目は不可欠ではありません—それらは分析され、私たちのコミュニティについてより理解するために利用されます。 私たちがこのデータを販売したり、広告に使用したりすることは決してありません。 あなたはどのcookiesの利用を許可するか決めることができます。詳細については私たちの<0>プライバシーポリシー<0>をご参照ください。",
"AllowAll": "すべて許可",
diff --git a/translations/locales/ko/translations.json b/translations/locales/ko/translations.json
index 901a948b2a..d917e223d7 100644
--- a/translations/locales/ko/translations.json
+++ b/translations/locales/ko/translations.json
@@ -226,9 +226,9 @@
"SubmitFeedback": "Submit Feedback",
"SubmitFeedbackARIA": "submit-feedback",
"AddCollectionTitle": "Add to collection",
- "AddCollectionARIA":"add to collection",
+ "AddCollectionARIA": "add to collection",
"ShareTitle": "Share",
- "ShareARIA":"share"
+ "ShareARIA": "share"
},
"NewFileModal": {
"Title": "파일 생성",
@@ -272,7 +272,7 @@
"errorShortPassword": "Password must be at least 6 characters",
"errorConfirmPassword": "Please confirm your password",
"errorNewPassword": "Please enter a new password or leave the current password empty.",
- "errorNewPasswordRepeat":"Your New Password must differ from the current one.",
+ "errorNewPasswordRepeat": "Your New Password must differ from the current one.",
"errorEmptyUsername": "Please enter a username.",
"errorLongUsername": "Username must be less than 20 characters.",
"errorValidUsername": "Username must only consist of numbers, letters, periods, dashes, and underscores."
@@ -351,7 +351,7 @@
"Or": "또는",
"AlreadyHave": "이미 계정이 있나요?",
"Login": "로그인",
- "Warning" : "가입하면 p5.js 편집기의 <0>이용 약관 및 <1>개인정보 보호정책에 동의하는 것입니다."
+ "Warning": "가입하면 p5.js 편집기의 <0>이용 약관 및 <1>개인정보 보호정책에 동의하는 것입니다."
},
"EmailVerificationView": {
"Title": "p5.js 웹에디터 | 이메일 확인",
@@ -427,7 +427,7 @@
"Description": "description",
"NumSketches": "{{count}} sketch",
"NumSketches_plural": "{{count}} sketches",
- "By":"Collection by ",
+ "By": "Collection by ",
"NoSketches": "No sketches in collection",
"TableSummary": "table containing all collections",
"HeaderName": "Name",
@@ -491,7 +491,7 @@
"Overlay": {
"AriaLabel": "Close {{title}} overlay"
},
- "QuickAddList":{
+ "QuickAddList": {
"ButtonRemoveARIA": "Remove from collection",
"ButtonAddToCollectionARIA": "Add to collection",
"View": "View"
diff --git a/translations/locales/sv/translations.json b/translations/locales/sv/translations.json
index 5937f38449..8bfb3d5e7a 100644
--- a/translations/locales/sv/translations.json
+++ b/translations/locales/sv/translations.json
@@ -238,9 +238,9 @@
"SubmitFeedback": "Skicka feedback",
"SubmitFeedbackARIA": "skicka-feedback",
"AddCollectionTitle": "Lägg till i samling",
- "AddCollectionARIA":"lägg till i samling",
+ "AddCollectionARIA": "lägg till i samling",
"ShareTitle": "Dela",
- "ShareARIA":"dela"
+ "ShareARIA": "dela"
},
"NewFileModal": {
"Title": "Skapa fil",
@@ -284,7 +284,7 @@
"errorShortPassword": "Lösenordet måste vara minst 6 tecken",
"errorConfirmPassword": "Ange en lösenordsbekräftelse",
"errorNewPassword": "Ange ett nytt lösenord eller lämna det nuvarande lösenordet tomt.",
- "errorNewPasswordRepeat":"Your New Password must differ from the current one.",
+ "errorNewPasswordRepeat": "Your New Password must differ from the current one.",
"errorEmptyUsername": "Ange ett användarnamn.",
"errorLongUsername": "Användarnamnet får innehålla högst 19 tecken.",
"errorValidUsername": "Användarnamnet får bara innehålla siffror, bokstäver, punkter, bindestreck och understreck."
@@ -438,7 +438,7 @@
"Description": "beskrivning",
"NumSketches": "{{count}} sketch",
"NumSketches_plural": "{{count}} sketcher",
- "By":"Samling av ",
+ "By": "Samling av ",
"NoSketches": "Inga sketcher i samling",
"TableSummary": "tabell med alla samlingar",
"HeaderName": "Namn",
@@ -502,7 +502,7 @@
"Overlay": {
"AriaLabel": "Stäng {{title}} övre lager"
},
- "QuickAddList":{
+ "QuickAddList": {
"ButtonRemoveARIA": "Ta bort från samling",
"ButtonAddToCollectionARIA": "Lägg till i samling",
"View": "Granska"
@@ -613,4 +613,3 @@
"CodeOfConduct": "Uppförandekod"
}
}
-
diff --git a/translations/locales/tr/translations.json b/translations/locales/tr/translations.json
index f7b3b42d2b..641ec977bd 100644
--- a/translations/locales/tr/translations.json
+++ b/translations/locales/tr/translations.json
@@ -287,7 +287,7 @@
"errorShortPassword": "Şifre en az 6 karakter olmalıdır",
"errorConfirmPassword": "Lütfen şifrenizi doğrulayın",
"errorNewPassword": "Lütfen yeni bir şifre girin veya mevcut şifreyi boş bırakın.",
- "errorNewPasswordRepeat":"Your New Password must differ from the current one.",
+ "errorNewPasswordRepeat": "Your New Password must differ from the current one.",
"errorEmptyUsername": "Lütfen bir kullanıcı adı girin.",
"errorLongUsername": "Kullanıcı adı 20 karakterden az olmalıdır.",
"errorValidUsername": "Kullanıcı adı sadece sayılar, harfler, noktalar, tireler ve alt çizgilerden oluşmalıdır."
@@ -366,7 +366,7 @@
"Or": "Veya",
"AlreadyHave": "Zaten bir hesabın var mı?",
"Login": "Giriş yap",
- "Warning":"Kaydolarak p5.js Editörün Kullanım <0>Koşullarını ve <1>Gizlilik Politikasını kabul etmiş olursunuz."
+ "Warning": "Kaydolarak p5.js Editörün Kullanım <0>Koşullarını ve <1>Gizlilik Politikasını kabul etmiş olursunuz."
},
"EmailVerificationView": {
"Title": "p5.js Web Düzenleyicisi | E-posta Doğrulama",
diff --git a/translations/locales/uk-UA/translations.json b/translations/locales/uk-UA/translations.json
index 62e223dfde..da9c3d37dd 100644
--- a/translations/locales/uk-UA/translations.json
+++ b/translations/locales/uk-UA/translations.json
@@ -95,11 +95,11 @@
"About": {
"Title": "Про редактор",
"TitleHelmet": "p5.js вебредактор | Про редактор",
- "Headline": "Створюй, поширюй та реміксуй скетчі p5.js за допомогою редактора p5.js.",
+ "Headline": "Створюй, поширюй та реміксуй скетчі p5.js за допомогою редактора p5.js.",
"Contribute": "Внесок",
- "IntroDescription1": "p5.js — це безплатна бібліотека JavaScript з відкритим кодом для навчання програмуванню та створення мистецтва. За допомогою редактора p5.js ви можете створювати, поширювати та реміксувати скетчі p5.js без потреби щось завантажувати чи налаштовувати.",
+ "IntroDescription1": "p5.js — це безплатна бібліотека JavaScript з відкритим кодом для навчання програмуванню та створення мистецтва. За допомогою редактора p5.js ви можете створювати, поширювати та реміксувати скетчі p5.js без потреби щось завантажувати чи налаштовувати.",
"IntroDescription2": "Ми хочемо, щоб програмування та інструменти для його вивчення були відкритими й доступними. Підтримайте p5.js, зробивши внесок на користь Processing Foundation — це допоможе розвивати бібліотеку, створювати навчальні матеріали та проводити події для спільноти.",
- "Donate": "Підтримати",
+ "Donate": "Підтримати",
"NewP5": "Початківець в p5.js?",
"Report": "Повідомити про помилку",
"Learn": "Посібники",
@@ -107,21 +107,21 @@
"Home": "Головна",
"Instagram": "Instagram",
"Discord": "Discord",
- "DiscordCTA": "Доєднуйтесь у Discord",
- "Youtube": "Youtube",
+ "DiscordCTA": "Доєднуйтесь у Discord",
+ "Youtube": "Youtube",
"Github": "Github",
"GetInvolved": "Долучитися",
"WebEditor": "Вебредактор",
"Resources": "Ресурси",
- "Reference": "Довідка",
+ "Reference": "Довідка",
"Libraries": "Бібліотеки",
"Forum": "Форум",
- "ForumCTA": "Приєднатися до форуму",
+ "ForumCTA": "Приєднатися до форуму",
"Examples": "Приклади",
"PrivacyPolicy": "Політика конфіденційності",
"TermsOfUse": "Умови використання",
"CodeOfConduct": "Кодекс поведінки",
- "Email": "Електронна пошта",
+ "Email": "Електронна пошта",
"EmailAddress": "hello@p5js.org",
"Socials": "Соціальні мережі",
"LinkDescriptions": {
@@ -144,7 +144,7 @@
"AutosaveEnabled": "Автозбереження увімкнено.",
"LangChange": "Мова змінена",
"SettingsSaved": "Налаштування збережено.",
- "EmptyCurrentPass": "Ви не ввели пароль.",
+ "EmptyCurrentPass": "Ви не ввели пароль.",
"IncorrectCurrentPass": "Поточний пароль неправильний",
"DefaultError": "Щось пішло не так",
"UserNotFound": "Користувача не знайдено",
@@ -160,7 +160,7 @@
"EditSketchARIA": "Редагувати ім'я скетча",
"NewSketchNameARIA": "Нове ім'я скетча",
"By": " користувачем ",
- "CustomLibraryVersion": "Вибрана версія p5.js",
+ "CustomLibraryVersion": "Вибрана версія p5.js",
"VersionPickerARIA": "Вибір версії",
"NewVersionPickerARIA": "Вибір версії"
},
@@ -177,7 +177,7 @@
"Settings": "Налаштування",
"GeneralSettings": "Загальні налаштування",
"Accessibility": "Інші параметри",
- "LibraryManagement": "Управління бібліотекою",
+ "LibraryManagement": "Управління бібліотекою",
"Theme": "Тема",
"LightTheme": "Світла",
"LightThemeARIA": "світла тема на",
@@ -190,7 +190,7 @@
"DecreaseFontARIA": "зменшити розмір шрифту",
"IncreaseFont": "Збільшити",
"IncreaseFontARIA": "збільшити розмір шрифту",
- "FontSize": "Розмір шрифту",
+ "FontSize": "Розмір шрифту",
"SetFontSize": "встановити розмір шрифту",
"Autosave": "Автозбереження",
"On": "Так",
@@ -200,7 +200,7 @@
"AutocloseBracketsQuotes": "Автоматичне закриття дужок та лапок",
"AutocloseBracketsQuotesOnARIA": "автоматично закривати дужки та лапки",
"AutocloseBracketsQuotesOffARIA": "автоматично закривати дужки та лапки",
- "AutocompleteHinter": "Автозаповнення коду",
+ "AutocompleteHinter": "Автозаповнення коду",
"AutocompleteHinterOnARIA": "автозаповнення коду увімкено",
"AutocompleteHinterOffARIA": "автозаповнення коду вимкнено",
"WordWrap": "Перенесення слів",
@@ -220,12 +220,12 @@
"TextOutputARIA": "текст виводиться на",
"TableText": "Таблиця",
"TableOutputARIA": "виведення таблиці на",
- "LibraryVersion": "Версія p5.js",
+ "LibraryVersion": "Версія p5.js",
"LibraryVersionInfo": "Доступний [новий реліз 2.0](https://github.com/processing/p5.js/releases/) p5.js! Він стане стандартним у серпні 2026 року, тож скористайтеся цим часом, щоб протестувати його та повідомити про помилки. Зацікавлені в переході скетчів з 1.x на 2.0? Перегляньте [ресурсів сумісності та переходу.](https://github.com/processing/p5.js-compatibility)",
"CustomVersionTitle": "Керувати власними бібліотеками? Чудово!",
"CustomVersionInfo": "Версія p5.js наразі керується у коді файлу index.html. Це означає, що її не можна змінити з цієї вкладки.",
"CustomVersionReset": "Якщо ви хочете використовувати стандартні бібліотеки, замініть теги