Merge pull request #193 from gridaco/junhoyeo/fix-typo

Fix typos: `hanlde` -> `handle`, `prefernce` -> `preference`

Author: softmarshmallow

docs/figma-autolayout.md

@@ -144,6 +144,6 @@ We use Stretched Token for specifing specific widget to be stretched. Learn more
 ## Hug contents item (Not having any intrinsic size)
 
 > Hug contents will follow its items size, not having a intrinsic size of its own.
-> Learn how to hanlde this here at [box-sizing#Not having-any-intrinsic-size](./css-box-sizing.md)
+> Learn how to handle this here at [box-sizing#Not having-any-intrinsic-size](./css-box-sizing.md)
 
 <!-- Code examples WIP -->

editor/pages/figma/inspect-component.tsx

@@ -32,7 +32,7 @@ export default function InspectComponent() {
       <div style={{ margin: 60 }}>
         <h2>Not a component</h2>
         <p>
-          This page cannot hanlde other types than <code>COMPONENT</code> or
+          This page cannot handle other types than <code>COMPONENT</code> or
           <code>INSTANCE</code>
         </p>
         <p>

packages/builder-web-react/react-styled-component-widget/from-reusable-widget-tree.ts

@@ -19,9 +19,9 @@ export function finalizeReactReusable_StyledComponents__Experimental({
   tree: InstanceWidget;
   components: MasterComponentWidget[];
 }) {
-  const hanlde = (token) => {
+  const handle = (token) => {
     if (token instanceof InstanceMetaToken) {
-      const children = token.master["children"]?.map(hanlde);
+      const children = token.master["children"]?.map(handle);
       return {
         ...token.master,
         children,
@@ -31,7 +31,7 @@ export function finalizeReactReusable_StyledComponents__Experimental({
     }
   };
 
-  const token = hanlde(tree);
+  const token = handle(tree);
   const webwi = compose(token, {});
   const builder = new ReactStyledComponentsModuleBuilder({
     entry: webwi,

packages/designto-token/README.md

@@ -28,9 +28,9 @@ For example,
 In this scenario, regardingless how much single pltform's design is exceptional, the data should follow the hierarchical shape to satisfy all platfrom.
 
 **The reason is..**
-all the processing logic should be handled on tokenizer and the tokens are the result of the decision tree. No heavy, decision changing logic should be hanlded after the tokenization.
+all the processing logic should be handled on tokenizer and the tokens are the result of the decision tree. No heavy, decision changing logic should be handled after the tokenization.
 
-e.g. All design elements has its position, but not all nodes are being placed statically on that posision. by wrapping (not as property) the position, we can tell the later hanlders that this is already decided to be positioned and have its static posision specified. - if we don't do this way each logic by frameworks will be fragmented and unable to maintain.
+e.g. All design elements has its position, but not all nodes are being placed statically on that posision. by wrapping (not as property) the position, we can tell the later handlers that this is already decided to be positioned and have its static posision specified. - if we don't do this way each logic by frameworks will be fragmented and unable to maintain.
 
 ### The first approach (noisy and accurate one)
 

packages/support-flags/parse.ts

@@ -279,7 +279,7 @@ const _simple_typed_value_flag_preference_mapper = (
         type: type,
       };
 };
-const _simple_boolean_value_flag_prefernce_mapper = (
+const _simple_boolean_value_flag_preference_mapper = (
   k: string | Array<string>
 ): Option => _simple_typed_value_flag_preference_mapper(k, "bool");
 
@@ -356,67 +356,67 @@ function transform_heading_alias_from_raw(raw: { [key: string]: boolean }):
   if (_h6_alias) return _h6_alias;
 }
 
-const __h1_alias_pref = _simple_boolean_value_flag_prefernce_mapper(
+const __h1_alias_pref = _simple_boolean_value_flag_preference_mapper(
   keys.alias.as_h1
 );
 
-const __h2_alias_pref = _simple_boolean_value_flag_prefernce_mapper(
+const __h2_alias_pref = _simple_boolean_value_flag_preference_mapper(
   keys.alias.as_h2
 );
 
-const __h3_alias_pref = _simple_boolean_value_flag_prefernce_mapper(
+const __h3_alias_pref = _simple_boolean_value_flag_preference_mapper(
   keys.alias.as_h3
 );
 
-const __h4_alias_pref = _simple_boolean_value_flag_prefernce_mapper(
+const __h4_alias_pref = _simple_boolean_value_flag_preference_mapper(
   keys.alias.as_h4
 );
 
-const __h5_alias_pref = _simple_boolean_value_flag_prefernce_mapper(
+const __h5_alias_pref = _simple_boolean_value_flag_preference_mapper(
   keys.alias.as_h5
 );
 
-const __h6_alias_pref = _simple_boolean_value_flag_prefernce_mapper(
+const __h6_alias_pref = _simple_boolean_value_flag_preference_mapper(
   keys.alias.as_h6
 );
 
 // -----------------------------------------------------------------------------
 // -----------------------------------------------------------------------------
 // -----------------------------------------------------------------------------
 
-const __p_alias_pref = _simple_boolean_value_flag_prefernce_mapper(
+const __p_alias_pref = _simple_boolean_value_flag_preference_mapper(
   keys.alias.as_p
 );
 
-const __textspan_alias_pref = _simple_boolean_value_flag_prefernce_mapper(
+const __textspan_alias_pref = _simple_boolean_value_flag_preference_mapper(
   keys.alias.as_span
 );
 
-const __button_alias_pref = _simple_boolean_value_flag_prefernce_mapper(
+const __button_alias_pref = _simple_boolean_value_flag_preference_mapper(
   keys.alias.as_button
 );
 
-const __checkbox_alias_pref = _simple_boolean_value_flag_prefernce_mapper(
+const __checkbox_alias_pref = _simple_boolean_value_flag_preference_mapper(
   keys.alias.as_checkbox
 );
 
-const __input_alias_pref = _simple_boolean_value_flag_prefernce_mapper(
+const __input_alias_pref = _simple_boolean_value_flag_preference_mapper(
   keys.alias.as_input
 );
 
-const __slider_alias_pref = _simple_boolean_value_flag_prefernce_mapper(
+const __slider_alias_pref = _simple_boolean_value_flag_preference_mapper(
   keys.alias.as_slider
 );
 
-const __progress_alias_pref = _simple_boolean_value_flag_prefernce_mapper(
+const __progress_alias_pref = _simple_boolean_value_flag_preference_mapper(
   keys.alias.as_progress
 );
 
 // -----------------------------------------------------------------------------
 // -----------------------------------------------------------------------------
 // -----------------------------------------------------------------------------
 
-const _simple_custom_string_value_flag_prefernce_mapper = (
+const _simple_custom_string_value_flag_preference_mapper = (
   k: string | Array<string>
 ): Option =>
   Array.isArray(k)
@@ -431,21 +431,21 @@ const _simple_custom_string_value_flag_prefernce_mapper = (
         type: "string",
       };
 
-const __width_alias_pref = _simple_custom_string_value_flag_prefernce_mapper(
+const __width_alias_pref = _simple_custom_string_value_flag_preference_mapper(
   keys.alias.width
 );
 const __max_width_alias_pref =
-  _simple_custom_string_value_flag_prefernce_mapper(keys.alias.max_width);
+  _simple_custom_string_value_flag_preference_mapper(keys.alias.max_width);
 const __min_width_alias_pref =
-  _simple_custom_string_value_flag_prefernce_mapper(keys.alias.min_width);
+  _simple_custom_string_value_flag_preference_mapper(keys.alias.min_width);
 
-const __height_alias_pref = _simple_custom_string_value_flag_prefernce_mapper(
+const __height_alias_pref = _simple_custom_string_value_flag_preference_mapper(
   keys.alias.height
 );
 const __max_height_alias_pref =
-  _simple_custom_string_value_flag_prefernce_mapper(keys.alias.max_height);
+  _simple_custom_string_value_flag_preference_mapper(keys.alias.max_height);
 const __min_height_alias_pref =
-  _simple_custom_string_value_flag_prefernce_mapper(keys.alias.min_height);
+  _simple_custom_string_value_flag_preference_mapper(keys.alias.min_height);
 
 function transform_wh_declaration_alias_from_raw(raw: { [key: string]: any }): {
   [key: string]: WHDeclarationFlag;
@@ -482,26 +482,26 @@ function transform_wh_declaration_alias_from_raw(raw: { [key: string]: any }): {
   }, {});
 }
 
-const __fix_width_alias_pref = _simple_boolean_value_flag_prefernce_mapper(
+const __fix_width_alias_pref = _simple_boolean_value_flag_preference_mapper(
   keys.alias.fix_width
 );
-const __fix_height_alias_pref = _simple_boolean_value_flag_prefernce_mapper(
+const __fix_height_alias_pref = _simple_boolean_value_flag_preference_mapper(
   keys.alias.fix_height
 );
 
 // -----------------------------------------------------------------------------
 // -----------------------------------------------------------------------------
 // -----------------------------------------------------------------------------
 
-const __declare_alias_pref = _simple_boolean_value_flag_prefernce_mapper(
+const __declare_alias_pref = _simple_boolean_value_flag_preference_mapper(
   keys.alias.declare
 );
 
 // -----------------------------------------------------------------------------
 // -----------------------------------------------------------------------------
 // -----------------------------------------------------------------------------
 
-const __camera_alias_pref = _simple_boolean_value_flag_prefernce_mapper(
+const __camera_alias_pref = _simple_boolean_value_flag_preference_mapper(
   keys.alias.camera
 );