New format for layout file by maeda-m · Pull Request #56 · thinreports/thinreports-basic-editor

maeda-m · 2015-08-24T08:18:47Z

全ての情報を JSON でレイアウトファイルに記録する
List 以外の図形の JSON スキーマを統一された理解しやすい構造へ改善
List の JSON スキーマを各セクション毎に各図形スキーマを含む構造へ改善
SVG の構造や属性の内包、SVG との依存を完全に排除する
- 下位互換性を保つため古いスキーマの読み込み時は新しいスキーマに変換した後、読み込む
  - 旧スキーマ → 旧スキーマから新スキーマに変換（単独クラス） → JSONから生成 → 描画完了
  - 新スキーマ → JSONから生成 → 描画完了
- スキーマフォーマットを pretty 固定

hidakatsuya · 2016-05-18T14:45:15Z

https://github.com/thinreports/thinreports-generator/blob/master/examples/list_events/list_events_0_8.tlf
page-footer, footer の translate が変換できてない。

--- a/examples/list_events/list_events.tlf
+++ b/examples/list_events/list_events.tlf
@@ -132,7 +132,7 @@
         "height": 50,
         "translate": {
           "x": 0,
-          "y": -111.9
+          "y": -161.9
         },
         "items": [
           {
@@ -219,7 +219,7 @@
         "height": 50,
         "translate": {
           "x": 0,
-          "y": -118.5
+          "y": -218.5
         },
         "items": [
           {
@@ -358,4 +358,4 @@
       20
     ]
   }

変更後の値は元の y 座標。

hidakatsuya · 2016-05-18T14:47:54Z

https://github.com/thinreports/thinreports-generator/blob/master/examples/tblock_styles/tblock_styles.tlf
text-block の vertical-align が正しく変換できていない。すべて top になっている。

hidakatsuya · 2016-05-18T14:59:23Z

https://github.com/thinreports/thinreports-generator/blob/master/examples/tblock_styles/tblock_styles.tlf

text の line-height がおかしい。 line-height-ratio: 2, font-size: 18 なのに line-height: 39.xxx になってる
tblock の line-height が変換できてない？空になってる

hidakatsuya · 2016-05-18T15:01:55Z

@maeda-m

[Q] page-number の target って、"report" or "<list-id>" を返す？ "" は返さない？

hidakatsuya · 2016-05-18T15:18:47Z

[Q] page-number の target って、"report" or "<list-id>" を返す？ "" は返さない？

"report" を返すのはやめよう。 list の id が "report" になってると変な動きになってしまうので。Schema の方も修正しておくけど、

target.empty? => for Report
target.present? => for List

としましょう。

hidakatsuya · 2016-05-18T16:22:18Z

Slack:
Editorで一因を発見。"letter-spacing": nullとなっている。

これは修正済み？

hidakatsuya · 2016-05-18T16:23:26Z

+  goog.object.extend(hash, {
+    'reference-id': this.getRefId(),
+    'value': this.getDefaultValueOfLink(),
+    'mulitple-line': this.isMultiMode(),


typo multiple

hidakatsuya · 2016-05-18T17:51:12Z

[Q] word-wrap の返す値は "break-word", "none" のみ？ "" は返さない？

maeda-m · 2016-05-21T07:45:51Z

[Q] word-wrap: "" は返さない。デフォルト値は言語設定によって変化する。

maeda-m · 2016-05-21T07:47:45Z

[Q] page-number: 同意見。"report" というリストがあったらおかしなことになる。

maeda-m · 2016-05-21T14:08:20Z

TODO:

page-footer, footer の translate が変換できてない。
- detailの高さを引かない値を持つ
"letter-spacing": null

DONE:

text-block の vertical-align
text-block の line-height
page-number の target
word-wrap の返す値

maeda-m · 2016-05-22T04:28:50Z

page-footer, footer の translate が変換できてない。

detail の高さ分を translate.y から引けば値が正しくなる。

hidakatsuya · 2016-05-25T11:30:28Z

 thin.core.AbstractTextGroup.prototype.setKerning = function(spacing) {
  var layout = this.getLayout();
  var element = this.getElement();
+


spacing は何が入る可能性があるの？コードでそれを表現しておいたほうが、あとでわかりやすいと思う。

#38 の負債。0.6 から継続して使用している 0.8 のレイアウトファイルは kerning が NaN になってしまっている。
0.9 で一掃する。1.0 では消すコードとなるので、メソッド化して deprecated とする。

/** * @deprecated See: https://github.com/thinreports/thinreports-editor/issues/38 * @param {string|number} spacing * @return {string} */ thin.core.AbstractTextGroup.prototype.convertKerningToDefaultInSince06 = function(spacing) { if (isNaN(Number(spacing))) { spacing = thin.core.TextStyle.DEFAULT_KERNING; } return spacing; }; /** * @param {string} spacing */ thin.core.AbstractTextGroup.prototype.setKerning = function(spacing) { var layout = this.getLayout(); var element = this.getElement(); spacing = this.convertKerningToDefaultInSince06(spacing);

hidakatsuya · 2016-05-26T12:23:57Z

+ * @return {goog.math.Coordinate}
 */
-thin.core.ShapeStructure.BLANK_ = '';
+thin.core.ShapeStructure.getTransLateCoordinate = function(transformElement) {


[いつか直したい] getTranslate なんだよなぁ

deprecated なメソッドなので 1.0 では消えます。

hidakatsuya · 2016-05-26T13:45:50Z

[Q] 古いレイアウトを開くところの流れがわからないんだけど、

実装は新しいレイアウトフォーマット（json）で開けるように修正した
古いフォーマットの場合は、一旦新しいレイアウトフォーマットへ変換して読み込む

であってる？

hidakatsuya · 2016-05-28T22:31:27Z

-      pageMarginLeft.setValue(thin.layout.FormatPage.DEFAULT_SETTINGS['margin-left']);
-      pageMarginRight.setValue(thin.layout.FormatPage.DEFAULT_SETTINGS['margin-right']);
+      var defaultMargin = thin.layout.FormatPage.DEFAULT_SETTINGS['margin'];
+      pageMarginTop.setValue(defaultMargin[0]);


順番の仕様が曖昧なので、以下のようにしよう。 generator の方も修正する。

[top, right, bottom, left]

https://docs.google.com/spreadsheets/d/1iLqM1rdavuLLlbl_8xKODIIWZbHAE3D0A4AzhmK9_Pw/edit#gid=1893696187

あい。Editorは大丈夫だと思います。

ん？修正は必要だよね？

再設定したらおかしくなることが判明。

再設定したらおかしくなることが判明。

そもそも順番が違うと思う。今のコードを見る限り、 [top, bottom, left, right] になってる気がする。

ですな。勘違いしていた。

maeda-m · 2016-05-29T02:11:05Z

[Q] 古いレイアウトを開くところの流れがわからないんだけど、

実装は新しいレイアウトフォーマット（json）で開けるように修正した
古いフォーマットの場合は、一旦新しいレイアウトフォーマットへ変換して読み込む

古いフォーマットの場合を詳しく説明すると、次の流れになる。

旧レイアウトをメモリ上に読み込み、メモリ上にSVGおよびオブジェクトを展開する
１.で展開したメモリ上のオブジェクトから新しいレイアウトフォーマットへ変換する
２.で変換したフォーマットを読み込み、描画する

hidakatsuya · 2016-05-29T13:22:46Z

古いフォーマットの場合を詳しく説明すると、次の流れになる。

なるほど。それぞれのコンテキストでクラスを分けれると良かったかもね（詳しく見てないので、そうなってるかもしれんが）まあ、変換のところは寿命が短いし、可能なら改善するぐらいでいいので、今回どうこうって話じゃないです。

maeda-m · 2016-05-29T13:33:48Z

Release 0.9.0 #59 と衝突する内容があるので、一旦、過去のコミットを改変します。

hidakatsuya · 2016-05-29T13:46:54Z

Release 0.9.0 #59 と衝突する内容があるので、一旦、過去のコミットを改変します。

あー、 layout/layout.js か。0.7 のサポート廃止はこの PR とは関係ないはずなので、この PR の変更からは外したほうがいいね。ちなみに、そういったちょっと関連性のない変更をやっちゃう場合でも、コミットさえ分けておけば、 cherry-pick で branch を自由に移動できるので便利。

maeda-m · 2016-05-29T13:57:00Z

コミットさえ分けておけば、 cherry-pick で branch を自由に移動できるので便利。

ほほう。調べてみる。

maeda-m · 2016-05-29T15:02:15Z

Release 0.9.0 #59 と衝突する内容があるので、一旦、過去のコミットを改変します。

layout/layout.js の変更を取り消した。

maeda-m · 2016-05-30T11:30:55Z

+  var content = this.getFile().getContent();
+  if (/^data:(.+?);base64,(.+)/.test(content)) {
+    goog.object.set(object, 'data', {
+      'mime-type': RegExp.$1,


rake dev:check で imageshape.js:468: WARNING - References to the global RegExp object prevents optimization of regular expressions. と出ていたのを無視してビルドしたが、該当箇所が最適化されており、動作しない。

match でやれば良いのでは？

そうです。チャレンジなうです。

content が undefined であることが原因みたいです。

Schema of new layout file

9e362e0

maeda-m added the question Further information is requested label Aug 24, 2015

maeda-m self-assigned this Aug 24, 2015

maeda-m added this to the 1.0.0 milestone Aug 24, 2015

maeda-m mentioned this pull request Aug 24, 2015

新しいレイアウトファイルのスキーマ thinreports/thinreports#4

Closed

hidakatsuya modified the milestones: 0.9.0, 1.0.0 May 7, 2016

hidakatsuya added the enhancement New feature or request label May 7, 2016

Implemented save a new layout schema

2863594

maeda-m force-pushed the new-layout-schema branch 2 times, most recently from 284625c to 804ce4e Compare May 16, 2016 13:34

hidakatsuya reviewed May 18, 2016
View reviewed changes

maeda-m force-pushed the new-layout-schema branch from 95832fd to 699ccee Compare May 24, 2016 22:32

hidakatsuya reviewed May 25, 2016
View reviewed changes

hidakatsuya reviewed May 26, 2016
View reviewed changes

hidakatsuya reviewed May 28, 2016
View reviewed changes

hidakatsuya changed the title ~~Schema of new layout file~~ New format for layout file May 29, 2016

hidakatsuya modified the milestone: 0.9.0 May 29, 2016

Implemented load a new layout schema

3639ddd

Fixed some problems in new layout schema

a47c2e0

maeda-m force-pushed the new-layout-schema branch from 33e0091 to e6309d6 Compare May 29, 2016 13:44

maeda-m force-pushed the new-layout-schema branch from e6309d6 to 32df8e9 Compare May 29, 2016 14:07

Fixed some code review feedback in new layout schema

1965632

maeda-m force-pushed the new-layout-schema branch from 32df8e9 to 1965632 Compare May 29, 2016 14:44

maeda-m reviewed May 30, 2016
View reviewed changes

maeda-m added 2 commits May 30, 2016 22:20

Changed matcher method in DataURISchema

2c14807

Fixed load DataURISchema of image in old layout format

4b29500

maeda-m merged commit 17ea011 into master May 31, 2016

maeda-m deleted the new-layout-schema branch May 31, 2016 14:45

Conversation

maeda-m commented Aug 24, 2015 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

hidakatsuya commented May 18, 2016 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

hidakatsuya commented May 18, 2016

Uh oh!

hidakatsuya commented May 18, 2016

Uh oh!

hidakatsuya commented May 18, 2016

Uh oh!

hidakatsuya commented May 18, 2016

Uh oh!

hidakatsuya commented May 18, 2016

Uh oh!

Choose a reason for hiding this comment

Uh oh!

hidakatsuya commented May 18, 2016

Uh oh!

maeda-m commented May 21, 2016

Uh oh!

maeda-m commented May 21, 2016

Uh oh!

maeda-m commented May 21, 2016 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

maeda-m commented May 22, 2016

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

hidakatsuya commented May 26, 2016

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

maeda-m commented May 29, 2016

Uh oh!

hidakatsuya commented May 29, 2016

Uh oh!

maeda-m commented May 29, 2016

Uh oh!

hidakatsuya commented May 29, 2016

Uh oh!

maeda-m commented May 29, 2016

Uh oh!

maeda-m commented May 29, 2016

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

maeda-m commented Aug 24, 2015 •

edited

Loading

hidakatsuya commented May 18, 2016 •

edited

Loading

maeda-m commented May 21, 2016 •

edited

Loading