copy_tuner_client 0.12.0 → 0.13.0

data/app/assets/javascripts/main.js

@@ -0,0 +1,388 @@
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+var FUNC_ERROR_TEXT = "Expected a function";
+var NAN = 0 / 0;
+var symbolTag = "[object Symbol]";
+var reTrim = /^\s+|\s+$/g;
+var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+var reIsBinary = /^0b[01]+$/i;
+var reIsOctal = /^0o[0-7]+$/i;
+var freeParseInt = parseInt;
+var freeGlobal = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+var freeSelf = typeof self == "object" && self && self.Object === Object && self;
+var root = freeGlobal || freeSelf || Function("return this")();
+var objectProto = Object.prototype;
+var objectToString = objectProto.toString;
+var nativeMax = Math.max, nativeMin = Math.min;
+var now = function() {
+  return root.Date.now();
+};
+function debounce(func, wait, options) {
+  var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
+  if (typeof func != "function") {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  wait = toNumber(wait) || 0;
+  if (isObject(options)) {
+    leading = !!options.leading;
+    maxing = "maxWait" in options;
+    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
+    trailing = "trailing" in options ? !!options.trailing : trailing;
+  }
+  function invokeFunc(time) {
+    var args = lastArgs, thisArg = lastThis;
+    lastArgs = lastThis = void 0;
+    lastInvokeTime = time;
+    result = func.apply(thisArg, args);
+    return result;
+  }
+  function leadingEdge(time) {
+    lastInvokeTime = time;
+    timerId = setTimeout(timerExpired, wait);
+    return leading ? invokeFunc(time) : result;
+  }
+  function remainingWait(time) {
+    var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, result2 = wait - timeSinceLastCall;
+    return maxing ? nativeMin(result2, maxWait - timeSinceLastInvoke) : result2;
+  }
+  function shouldInvoke(time) {
+    var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
+    return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
+  }
+  function timerExpired() {
+    var time = now();
+    if (shouldInvoke(time)) {
+      return trailingEdge(time);
+    }
+    timerId = setTimeout(timerExpired, remainingWait(time));
+  }
+  function trailingEdge(time) {
+    timerId = void 0;
+    if (trailing && lastArgs) {
+      return invokeFunc(time);
+    }
+    lastArgs = lastThis = void 0;
+    return result;
+  }
+  function cancel() {
+    if (timerId !== void 0) {
+      clearTimeout(timerId);
+    }
+    lastInvokeTime = 0;
+    lastArgs = lastCallTime = lastThis = timerId = void 0;
+  }
+  function flush() {
+    return timerId === void 0 ? result : trailingEdge(now());
+  }
+  function debounced() {
+    var time = now(), isInvoking = shouldInvoke(time);
+    lastArgs = arguments;
+    lastThis = this;
+    lastCallTime = time;
+    if (isInvoking) {
+      if (timerId === void 0) {
+        return leadingEdge(lastCallTime);
+      }
+      if (maxing) {
+        timerId = setTimeout(timerExpired, wait);
+        return invokeFunc(lastCallTime);
+      }
+    }
+    if (timerId === void 0) {
+      timerId = setTimeout(timerExpired, wait);
+    }
+    return result;
+  }
+  debounced.cancel = cancel;
+  debounced.flush = flush;
+  return debounced;
+}
+function isObject(value) {
+  var type = typeof value;
+  return !!value && (type == "object" || type == "function");
+}
+function isObjectLike(value) {
+  return !!value && typeof value == "object";
+}
+function isSymbol(value) {
+  return typeof value == "symbol" || isObjectLike(value) && objectToString.call(value) == symbolTag;
+}
+function toNumber(value) {
+  if (typeof value == "number") {
+    return value;
+  }
+  if (isSymbol(value)) {
+    return NAN;
+  }
+  if (isObject(value)) {
+    var other = typeof value.valueOf == "function" ? value.valueOf() : value;
+    value = isObject(other) ? other + "" : other;
+  }
+  if (typeof value != "string") {
+    return value === 0 ? value : +value;
+  }
+  value = value.replace(reTrim, "");
+  var isBinary = reIsBinary.test(value);
+  return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
+}
+var lodash_debounce = debounce;
+const HIDDEN_CLASS = "copy-tuner-hidden";
+class CopytunerBar {
+  constructor(element, data, callback) {
+    this.element = element;
+    this.data = data;
+    this.callback = callback;
+    this.searchBoxElement = element.querySelector(".js-copy-tuner-bar-search");
+    this.logMenuElement = this.makeLogMenu();
+    this.element.append(this.logMenuElement);
+    this.addHandler();
+  }
+  addHandler() {
+    const openLogButton = this.element.querySelector(".js-copy-tuner-bar-open-log");
+    openLogButton.addEventListener("click", (event) => {
+      event.preventDefault();
+      this.toggleLogMenu();
+    });
+    this.searchBoxElement.addEventListener("input", lodash_debounce(this.onKeyup.bind(this), 250));
+  }
+  show() {
+    this.element.classList.remove(HIDDEN_CLASS);
+    this.searchBoxElement.focus();
+  }
+  hide() {
+    this.element.classList.add(HIDDEN_CLASS);
+  }
+  showLogMenu() {
+    this.logMenuElement.classList.remove(HIDDEN_CLASS);
+  }
+  toggleLogMenu() {
+    this.logMenuElement.classList.toggle(HIDDEN_CLASS);
+  }
+  makeLogMenu() {
+    const div = document.createElement("div");
+    div.setAttribute("id", "copy-tuner-bar-log-menu");
+    div.classList.add(HIDDEN_CLASS);
+    const table = document.createElement("table");
+    const tbody = document.createElement("tbody");
+    tbody.classList.remove("is-not-initialized");
+    for (const key of Object.keys(this.data).sort()) {
+      const value = this.data[key];
+      if (value === "") {
+        continue;
+      }
+      const td1 = document.createElement("td");
+      td1.textContent = key;
+      const td2 = document.createElement("td");
+      td2.textContent = value;
+      const tr = document.createElement("tr");
+      tr.classList.add("copy-tuner-bar-log-menu__row");
+      tr.dataset.key = key;
+      tr.addEventListener("click", ({ currentTarget }) => {
+        this.callback(currentTarget.dataset.key);
+      });
+      tr.append(td1);
+      tr.append(td2);
+      tbody.append(tr);
+    }
+    table.append(tbody);
+    div.append(table);
+    return div;
+  }
+  onKeyup({ target }) {
+    const keyword = target.value.trim();
+    this.showLogMenu();
+    const rows = [...this.logMenuElement.querySelectorAll("tr")];
+    for (const row of rows) {
+      const isShow = keyword === "" || [...row.querySelectorAll("td")].some((td) => td.textContent.includes(keyword));
+      row.classList.toggle(HIDDEN_CLASS, !isShow);
+    }
+  }
+}
+const isMac = navigator.platform.toUpperCase().includes("MAC");
+const isVisible = (element) => !!(element.offsetWidth || element.offsetHeight || element.getClientRects().length > 0);
+const getOffset = (elment) => {
+  const box = elment.getBoundingClientRect();
+  return {
+    top: box.top + (window.pageYOffset - document.documentElement.clientTop),
+    left: box.left + (window.pageXOffset - document.documentElement.clientLeft)
+  };
+};
+const computeBoundingBox = (element) => {
+  if (!isVisible(element)) {
+    return null;
+  }
+  const boxFrame = getOffset(element);
+  boxFrame.right = boxFrame.left + element.offsetWidth;
+  boxFrame.bottom = boxFrame.top + element.offsetHeight;
+  return {
+    left: boxFrame.left,
+    top: boxFrame.top,
+    width: boxFrame.right - boxFrame.left,
+    height: boxFrame.bottom - boxFrame.top
+  };
+};
+const ZINDEX = 2e9;
+class Specimen {
+  constructor(element, key, callback) {
+    this.element = element;
+    this.key = key;
+    this.callback = callback;
+  }
+  show() {
+    this.box = this.makeBox();
+    if (this.box === null)
+      return;
+    this.box.addEventListener("click", () => {
+      this.callback(this.key);
+    });
+    document.body.append(this.box);
+  }
+  remove() {
+    if (!this.box) {
+      return;
+    }
+    this.box.remove();
+    this.box = null;
+  }
+  makeBox() {
+    const box = document.createElement("div");
+    box.classList.add("copyray-specimen");
+    box.classList.add("Specimen");
+    const bounds = computeBoundingBox(this.element);
+    if (bounds === null)
+      return null;
+    for (const key of Object.keys(bounds)) {
+      const value = bounds[key];
+      box.style[key] = `${value}px`;
+    }
+    box.style.zIndex = ZINDEX;
+    const { position, top, left } = getComputedStyle(this.element);
+    if (position === "fixed") {
+      this.box.style.position = "fixed";
+      this.box.style.top = `${top}px`;
+      this.box.style.left = `${left}px`;
+    }
+    box.append(this.makeLabel());
+    return box;
+  }
+  makeLabel() {
+    const div = document.createElement("div");
+    div.classList.add("copyray-specimen-handle");
+    div.classList.add("Specimen");
+    div.textContent = this.key;
+    return div;
+  }
+}
+const findBlurbs = () => {
+  const filterNone = () => NodeFilter.FILTER_ACCEPT;
+  const iterator = document.createNodeIterator(document.body, NodeFilter.SHOW_COMMENT, filterNone, false);
+  const comments = [];
+  let curNode;
+  while (curNode = iterator.nextNode()) {
+    comments.push(curNode);
+  }
+  return comments.filter((comment) => comment.nodeValue.startsWith("COPYRAY")).map((comment) => {
+    const [, key] = comment.nodeValue.match(/^COPYRAY (\S*)$/);
+    const element = comment.parentNode;
+    return { key, element };
+  });
+};
+class Copyray {
+  constructor(baseUrl, data) {
+    this.baseUrl = baseUrl;
+    this.data = data;
+    this.isShowing = false;
+    this.specimens = [];
+    this.overlay = this.makeOverlay();
+    this.toggleButton = this.makeToggleButton();
+    this.boundOpen = this.open.bind(this);
+    this.copyTunerBar = new CopytunerBar(document.querySelector("#copy-tuner-bar"), this.data, this.boundOpen);
+  }
+  show() {
+    this.reset();
+    document.body.append(this.overlay);
+    this.makeSpecimens();
+    for (const specimen of this.specimens) {
+      specimen.show();
+    }
+    this.copyTunerBar.show();
+    this.isShowing = true;
+  }
+  hide() {
+    this.overlay.remove();
+    this.reset();
+    this.copyTunerBar.hide();
+    this.isShowing = false;
+  }
+  toggle() {
+    if (this.isShowing) {
+      this.hide();
+    } else {
+      this.show();
+    }
+  }
+  open(key) {
+    window.open(`${this.baseUrl}/blurbs/${key}/edit`);
+  }
+  makeSpecimens() {
+    for (const { element, key } of findBlurbs()) {
+      this.specimens.push(new Specimen(element, key, this.boundOpen));
+    }
+  }
+  makeToggleButton() {
+    const element = document.createElement("a");
+    element.addEventListener("click", () => {
+      this.show();
+    });
+    element.classList.add("copyray-toggle-button");
+    element.classList.add("hidden-on-mobile");
+    element.textContent = "Open CopyTuner";
+    document.body.append(element);
+    return element;
+  }
+  makeOverlay() {
+    const div = document.createElement("div");
+    div.setAttribute("id", "copyray-overlay");
+    div.addEventListener("click", () => this.hide());
+    return div;
+  }
+  reset() {
+    for (const specimen of this.specimens) {
+      specimen.remove();
+    }
+  }
+}
+var copyray = "";
+const appendCopyTunerBar = (url) => {
+  const bar = document.createElement("div");
+  bar.id = "copy-tuner-bar";
+  bar.classList.add("copy-tuner-hidden");
+  bar.innerHTML = `
+    <a class="copy-tuner-bar-button" target="_blank" href="${url}">CopyTuner</a>
+    <a href="/copytuner" target="_blank" class="copy-tuner-bar-button">Sync</a>
+    <a href="javascript:void(0)" class="copy-tuner-bar-open-log copy-tuner-bar-button js-copy-tuner-bar-open-log">Translations in this page</a>
+    <input type="text" class="copy-tuner-bar__search js-copy-tuner-bar-search" placeholder="search">
+  `;
+  document.body.append(bar);
+};
+const start = () => {
+  const { url, data } = window.CopyTuner;
+  appendCopyTunerBar(url);
+  const copyray2 = new Copyray(url, data);
+  document.addEventListener("keydown", (event) => {
+    if (copyray2.isShowing && ["Escape", "Esc"].includes(event.key)) {
+      copyray2.hide();
+      return;
+    }
+    if ((isMac && event.metaKey || !isMac && event.ctrlKey) && event.shiftKey && event.key === "k") {
+      copyray2.toggle();
+    }
+  });
+  if (console) {
+    console.log(`Ready to Copyray. Press ${isMac ? "cmd+shift+k" : "ctrl+shift+k"} to scan your UI.`);
+  }
+};
+if (document.readyState === "complete" || document.readyState !== "loading") {
+  start();
+} else {
+  document.addEventListener("DOMContentLoaded", () => start());
+}

data/app/assets/stylesheets/style.css

@@ -0,0 +1 @@
+@charset "UTF-8";#copyray-overlay,#copyray-overlay *,#copyray-overlay a:hover,#copyray-overlay a:visited,#copyray-overlay a:active{background:none;border:none;bottom:auto;clear:none;cursor:default;float:none;font-family:Arial,Helvetica,sans-serif;font-size:medium;font-style:normal;font-weight:400;height:auto;left:auto;letter-spacing:normal;line-height:normal;max-height:none;max-width:none;min-height:0;min-width:0;overflow:visible;position:static;right:auto;text-align:left;text-decoration:none;text-indent:0;text-transform:none;top:auto;visibility:visible;white-space:normal;width:auto;z-index:auto}#copyray-overlay{position:fixed;left:0;top:0;bottom:0;right:0;background-image:radial-gradient(ellipse farthest-corner at center,rgba(0,0,0,.4) 10%,rgba(0,0,0,.8) 100%);z-index:9000}.copyray-specimen{position:absolute;background:rgba(255,255,255,.15);outline:1px solid rgba(255,255,255,.8);outline-offset:-1px;color:#666;font-family:Helvetica Neue,sans-serif;font-size:13px;box-shadow:0 1px 3px #000000b3}.copyray-specimen:hover{cursor:pointer;background:rgba(255,255,255,.4)}.copyray-specimen.Specimen{outline:1px solid rgba(255,50,50,.8);background:rgba(255,50,50,.1)}.copyray-specimen.Specimen:hover{background:rgba(255,50,50,.4)}.copyray-specimen-handle{float:left;background:#fff;padding:0 3px;color:#333;font-size:10px}.copyray-specimen-handle.Specimen{background:rgba(255,50,50,.8);color:#fff}a.copyray-toggle-button{display:block;position:fixed;left:0;bottom:0;color:#fff;background:black;padding:12px 16px;border-radius:0 10px 0 0;opacity:0;transition:opacity .6s ease-in-out;z-index:10000;font-size:12px;cursor:pointer}a.copyray-toggle-button:hover{opacity:1}#copy-tuner-bar{position:fixed;left:0;right:0;bottom:0;height:40px;padding:0 8px;background:#222;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:200;color:#fff;z-index:2147483647;box-shadow:0 -1px #ffffff1a,inset 0 2px 6px #000c;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.3))}#copy-tuner-bar-log-menu{position:fixed;left:0;right:0;bottom:40px;max-height:calc(100vh - 40px);background:#222;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;z-index:2147483647;overflow-y:auto}#copy-tuner-bar-log-menu tbody td{padding:2px 8px}#copy-tuner-bar-log-menu tbody tr{cursor:pointer}#copy-tuner-bar-log-menu tbody tr:hover{background:#444}#copy-tuner-bar-log-menu tbody a{color:#fff}#copy-tuner-bar-log-menu tbody a:hover,#copy-tuner-bar-log-menu tbody a:focus{color:#fff;text-decoration:underline}.copy-tuner-bar-button{position:relative;display:inline-block;color:#fff;margin:8px 1px;height:24px;line-height:24px;padding:0 8px;font-size:14px;cursor:pointer;vertical-align:middle;background-color:#444;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.2));border-radius:2px;box-shadow:1px 1px 1px #00000080,inset 0 1px #fff3,inset 0 0 2px #fff3;text-shadow:0 -1px 0 rgba(0,0,0,.4)}.copy-tuner-bar-button:hover,.copy-tuner-bar-button:focus{color:#fff;text-decoration:none;background-color:#555}input[type=text].copy-tuner-bar__search{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:2px;background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,0));box-shadow:inset 0 1px #0003,inset 0 0 2px #0003;padding:2px 8px;margin:0;line-height:20px;vertical-align:middle;color:#000;width:auto;height:auto;font-size:14px}.copy-tuner-hidden{display:none!important}@media screen and (max-width: 480px){.hidden-on-mobile{display:none!important}}

data/copy_tuner_client.gemspec

@@ -3,7 +3,7 @@ $LOAD_PATH.push File.expand_path('../lib', __FILE__)
 require 'copy_tuner_client/version'
 
 Gem::Specification.new do |s|
-  s.required_ruby_version = '>= 2.5.0'
+  s.required_ruby_version = '>= 2.7.0'
   s.add_dependency 'i18n', '>= 0.5.0'
   s.add_dependency 'json'
   s.add_dependency 'nokogiri'

data/gemfiles/{5.2.gemfile → 7.0.gemfile}

@@ -1,5 +1,5 @@
 source "http://rubygems.org"
 
-gem "rails", "~> 5.2"
+gem "rails", "~> 7.0"
 
 gemspec :path => "../"

data/index.html

@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Vite App</title>
+</head>
+
+<body>
+  <div id="app">
+    <ul>
+      <li>
+        <!--COPYRAY projects.index.locales-->言語
+      </li>
+      <li>
+        <!--COPYRAY projects.index.blurbs-->翻訳キー
+      </li>
+      <li>
+        <!--COPYRAY projects.index.members-->メンバー数
+      </li>
+    </ul>
+  </div>
+  <script>
+    window.CopyTuner = {
+      url: 'https://copy-tuner.herokuapp.com/projects/xxx',
+      data: {},
+    }
+  </script>
+  <script type="module" src="/src/main.ts"></script>
+</body>
+
+</html>

data/lib/copy_tuner_client/copyray_middleware.rb

@@ -12,8 +12,6 @@ module CopyTunerClient
       if html_headers?(status, headers) && body = response_body(response)
         body = append_css(body)
         body = append_js(body)
-        body = append_translation_logs(body)
-        body = inject_copy_tuner_bar(body)
         content_length = body.bytesize.to_s
         headers['Content-Length'] = content_length
         # maintains compatibility with other middlewares
@@ -33,41 +31,29 @@ module CopyTunerClient
       ActionController::Base.helpers
     end
 
-    def append_translation_logs(html)
-      if CopyTunerClient::TranslationLog.initialized?
-        json = CopyTunerClient::TranslationLog.translations.to_json
-        # Use block to avoid back reference \?
-        append_to_html_body(html, "<div id='copy-tuner-data' data-copy-tuner-translation-log='#{ERB::Util.html_escape json}' data-copy-tuner-url='#{CopyTunerClient.configuration.project_url}'></div>")
-      else
-        html
-      end
-    end
-
-    def inject_copy_tuner_bar(html)
-      append_to_html_body(html, render_copy_tuner_bar)
-    end
-
-    def render_copy_tuner_bar
-      if ApplicationController.respond_to?(:render)
-        # Rails 5
-        ApplicationController.render(:partial => "/copy_tuner_bar").html_safe
-      else
-        # Rails <= 4.2
-        ac = ActionController::Base.new
-        ac.render_to_string(:partial => '/copy_tuner_bar').html_safe
-      end
-    end
-
     def append_css(html)
       append_to_html_body(html, css_tag)
     end
 
     def append_js(html)
-      append_to_html_body(html, helpers.javascript_include_tag(:copyray))
+      json =
+        if CopyTunerClient::TranslationLog.initialized?
+          CopyTunerClient::TranslationLog.translations.to_json
+        else
+          '{}'
+        end
+
+      append_to_html_body(html, helpers.javascript_tag(<<~SCRIPT))
+        window.CopyTuner = {
+          url: '#{CopyTunerClient.configuration.project_url}',
+          data: #{json},
+        }
+      SCRIPT
+      append_to_html_body(html, helpers.javascript_include_tag(:main))
     end
 
     def css_tag
-      helpers.stylesheet_link_tag :copyray, media: :all
+      helpers.stylesheet_link_tag :style, media: :screen
     end
 
     def append_to_html_body(html, content)

data/lib/copy_tuner_client/engine.rb

@@ -12,7 +12,7 @@ module CopyTunerClient
     initializer :initialize_copy_tuner_hook_methods, :after => :load_config_initializers do |app|
       ActiveSupport.on_load(:action_view) do
         CopyTunerClient::HelperExtension.hook_translation_helper(
-          ActionView::Helpers::TranslationHelper, 
+          ActionView::Helpers::TranslationHelper,
           middleware_enabled: CopyTunerClient.configuration.enable_middleware?
         )
       end
@@ -25,7 +25,7 @@ module CopyTunerClient
     end
 
     initializer "copy_tuner.assets.precompile", group: :all do |app|
-      app.config.assets.precompile += ["copyray.js", "copyray.css"]
+      app.config.assets.precompile += ['main.js', 'style.css']
     end
   end
 end

data/lib/copy_tuner_client/version.rb

@@ -1,6 +1,6 @@
 module CopyTunerClient
   # Client version
-  VERSION = '0.12.0'.freeze
+  VERSION = '0.13.0'.freeze
 
   # API version being used to communicate with the server
   API_VERSION = '2.0'.freeze

data/package.json

@@ -5,26 +5,25 @@
   "author": "SonicGarden",
   "license": "MIT",
   "engines": {
-    "node": "8.x"
+    "node": "16.x"
   },
   "scripts": {
-    "build": "rollup -c",
-    "watch": "rollup -c -w"
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
   },
   "dependencies": {},
   "devDependencies": {
-    "babel-core": "^6.26.3",
-    "babel-plugin-external-helpers": "^6.22.0",
-    "babel-preset-env": "^1.7.0",
-    "eslint": "^4.19.1",
-    "eslint-config-airbnb-base": "^13.0.0",
-    "eslint-plugin-import": "^2.13.0",
-    "keycode-js": "^1.0.0",
+    "@sonicgarden/eslint-plugin": "^0.4.11",
+    "@sonicgarden/prettier-config": "^0.0.1",
+    "eslint": "^8.16.0",
     "lodash.debounce": "^4.0.8",
-    "rollup": "^0.62.0",
-    "rollup-plugin-babel": "^3.0.7",
-    "rollup-plugin-commonjs": "^9.1.3",
-    "rollup-plugin-node-resolve": "^3.3.0",
-    "rollup-watch": "^4.3.1"
+    "typescript": "^4.7.2",
+    "vite": "^2.9.9"
+  },
+  "prettier": "@sonicgarden/prettier-config",
+  "volta": {
+    "node": "16.15.0",
+    "yarn": "1.22.18"
   }
 }

data/spec/copy_tuner_client/i18n_backend_spec.rb

@@ -39,7 +39,9 @@ describe CopyTunerClient::I18nBackend do
   end
 
   it "finds available locales from locale files and cache" do
+    # TODO: ruby@2.7サポート終わったらこっちは不要
     allow(YAML).to receive(:load_file).and_return({ 'es' => { 'key' => 'value' } })
+    allow(YAML).to receive(:unsafe_load_file).and_return({ 'es' => { 'key' => 'value' } })
     allow(I18n).to receive(:load_path).and_return(["test.yml"])
 
     cache['en.key'] = ''