{"commit":{"authorName":"Alex Zherdev","revision":"11c0adcc9574ad7eda53aa3e797681630b0b7c76","shortRevision":"11c0adcc95","subject":"Fix header link generation for non-English docs (#7497)","authorEmail":"alex.zherdev@gmail.com","authoredAt":"2016-08-19T00:55:50+03:00"},"patch":"diff --git a\/docs\/_plugins\/header_links.rb b\/docs\/_plugins\/header_links.rb\nindex 1172bde484..e275f8bd05 100644\n--- a\/docs\/_plugins\/header_links.rb\n+++ b\/docs\/_plugins\/header_links.rb\n@@ -2,14 +2,17 @@ require 'redcarpet'\n require 'sanitize'\n \n # Simple converter that is probably better than RedCarpet's built in TOC id\n-# generator (which ends up with things lik id=\"toc_1\"... terrible).\n+# generator (which ends up with things like id=\"toc_1\"... terrible).\n \n class Redcarpet::Render::HTML\n def header(title, level)\n+ # \\p{Common} does not seem to include some of the Japanese alphabets and also includes\n+ # some undesired characters like colon and parentheses, so we have to write out the\n+ # necessary Unicode scripts individually.\n clean_title = Sanitize.clean(title)\n .downcase\n .gsub(\/\\s+\/, \"-\")\n- .gsub(\/[^A-Za-z0-9\\-_.]\/, \"\")\n+ .gsub(\/[^A-Za-z0-9\\-_.\\p{Cyrillic}\\p{Hangul}\\p{Hiragana}\\p{Katakana}\\p{Han}]\/, \"\")\n \n return \"<\/a>#{title} #<\/a><\/h#{level}>\"\n end\ndiff --git a\/docs\/docs\/02.1-jsx-in-depth.ko-KR.md b\/docs\/docs\/02.1-jsx-in-depth.ko-KR.md\nindex 0b3dca5533..268fe01faa 100644\n--- a\/docs\/docs\/02.1-jsx-in-depth.ko-KR.md\n+++ b\/docs\/docs\/02.1-jsx-in-depth.ko-KR.md\n@@ -45,7 +45,6 @@ React JSX는 대소문자를 로컬 컴포넌트 클래스와 HTML 태그를 구\n > 권장하지 않습니다. 대신, React DOM 컴포넌트는 각각 `className`, `htmlFor`같은\n > DOM 프로퍼티 이름을 기대합니다.\n \n-<\/a>\n ## 변환\n \n React JSX는 XML같은 문법에서 네이티브 JavaScript로 변환됩니다. XML 엘리먼트, 어트리뷰트, 자식은 `React.createElement`에 넘겨지는 인자로 변환됩니다.\n@@ -74,7 +73,7 @@ var app = React.createElement(\n );\n ```\n \n-클래스에 [displayName](\/react\/docs\/component-specs-ko-KR.html#displayName)이 정의되어 있지 않으면 JSX는 변수명을 displayName으로 간주할 것입니다:\n+클래스에 [displayName](\/react\/docs\/component-specs-ko-KR.html#displayname)이 정의되어 있지 않으면 JSX는 변수명을 displayName으로 간주할 것입니다:\n \n ```javascript\n \/\/ 입력 (JSX):\ndiff --git a\/docs\/docs\/04-multiple-components.ko-KR.md b\/docs\/docs\/04-multiple-components.ko-KR.md\nindex 47f763103c..d566a93e6f 100644\n--- a\/docs\/docs\/04-multiple-components.ko-KR.md\n+++ b\/docs\/docs\/04-multiple-components.ko-KR.md\n@@ -105,7 +105,6 @@ React 컴포넌트 인스턴스를 만들 때, 추가적인 React 컴포넌트\n <\/Card>\n ```\n \n-<\/a>\n ### 동적 자식\n \n 자식들이 섞이거나(검색의 결과같은 경우) 새로운 컴포넌트가 목록의 앞에 추가(스트림같은 경우)된다면 상황은 점점 더 까다로워집니다. 이런 때에의 동일성과 각 자식의 상태는 반드시 렌더 패스 간에 유지돼야 합니다. 각 자식에 `key`를 할당 함으로써 독자적으로 식별할 수 있습니다.\ndiff --git a\/docs\/docs\/05-reusable-components.ko-KR.md b\/docs\/docs\/05-reusable-components.ko-KR.md\nindex c8aea7650e..3f6bba4212 100644\n--- a\/docs\/docs\/05-reusable-components.ko-KR.md\n+++ b\/docs\/docs\/05-reusable-components.ko-KR.md\n@@ -140,7 +140,7 @@ var MyComponent = React.createClass({\n \n 컴포넌트는 React에서 코드를 재사용할 수 있는 최고의 방법이지만, 가끔 아주 다른 컴포넌트에서 공통 기능이 필요한 때도 있습니다. 이런 상황을 [공통된 관심사(cross-cutting concerns)](https:\/\/en.wikipedia.org\/wiki\/Cross-cutting_concern)라 부르며, React에서는 `mixins`으로 이 문제를 해결합니다.\n \n-예를 들어, 컴포넌트가 주기적으로 업데이트되길 원할 경우가 있습니다. `setInterval()`을 사용하면 쉽지만, 필요 없어지면 메모리를 아끼기 위해 주기를 꼭 취소해야 합니다. React는 컴포넌트가 막 생성거나 없어질 때를 [생명주기 메소드](\/react\/docs\/working-with-the-browser-ko-KR.html#component-lifecycle)를 통해 알려줍니다. 이런 메소드들을 사용해서 컴포넌트가 사라질 때 자동으로 정리해주는 `setInterval()`를 제공해주는 간단한 믹스인을 만들어보겠습니다.\n+예를 들어, 컴포넌트가 주기적으로 업데이트되길 원할 경우가 있습니다. `setInterval()`을 사용하면 쉽지만, 필요 없어지면 메모리를 아끼기 위해 주기를 꼭 취소해야 합니다. React는 컴포넌트가 막 생성거나 없어질 때를 [생명주기 메소드](\/react\/docs\/working-with-the-browser-ko-KR.html#컴포넌트-생명주기)를 통해 알려줍니다. 이런 메소드들을 사용해서 컴포넌트가 사라질 때 자동으로 정리해주는 `setInterval()`를 제공해주는 간단한 믹스인을 만들어보겠습니다.\n \n ```javascript\n var SetIntervalMixin = {\n@@ -183,7 +183,6 @@ ReactDOM.render(\n \n 믹스인의 괜찮은 점은 컴포넌트가 여러 믹스인을 사용하고 여러 믹스인에서 같은 생명주기 메소드를 사용할 때(예를 들어, 여러 믹스인에서 컴포넌트가 사라질 때 뭔가 정리하려 한다면) 모든 생명주기 메소드들의 실행은 보장됩니다. 믹스인에 정의된 메소드은 컴포넌트의 메소드가 호출됨에 따라 믹스인이 나열된 순서대로 실행됩니다.\n \n-<\/a>\n ## ES6 클래스\n \n React 클래스를 일반적인 JavaScript 클래스로 선언할 수도 있습니다. 다음의 예제는 ES6 클래스 문법을 사용합니다:\n@@ -230,7 +229,6 @@ Counter.defaultProps = { initialCount: 0 };\n \n 불행하게도 ES6는 믹스인에 대한 지원이 없이 출시되었기 때문에, React에서 ES6 클래스를 사용한다면 믹스인을 사용할 방법이 없습니다. 대신, 우리는 믹스인에 의존하지 않고도 동작하도록 만들기 위해 열심히 노력하고 있습니다.\n \n-<\/a>\n ## 상태를 가지지 않는 함수\n \n React 클래스를 일반 JavaScript 함수로 작성할 수도 있습니다. 상태를 가지지 않는 함수 문법을 사용하는 예제입니다.\ndiff --git a\/docs\/docs\/06-transferring-props.ja-JP.md b\/docs\/docs\/06-transferring-props.ja-JP.md\nindex a1af1cdd6d..3ea4055d63 100644\n--- a\/docs\/docs\/06-transferring-props.ja-JP.md\n+++ b\/docs\/docs\/06-transferring-props.ja-JP.md\n@@ -50,7 +50,7 @@ ReactDOM.render(\n ## JSXにおける `...` を使った移譲\n \n > 注意:\n-> 以下の例では、実験的なES7のシンタックスであることを示すために `--harmony ` フラグが必要になります。ブラウザ上でJSXトランスフォーマーを使う際には、単純に `

dillon1000/react

Files changed