shirakaba

<script lang="ts">
    import Popover from "./Popover.svelte";
    import InputView from "./InputView.svelte";
    import { onMount } from "svelte";
    import type { InputViewProps } from "./InputInterfaces";
    import { InputParser } from "./InputParser";
    import Loader from "./Loader.svelte";

    export let inputModel: InputViewProps|undefined = void 0;
    export const inputParser: InputParser = new InputParser();

shirakaba

import WebKit
import UIKit

class ViewController: UIViewController {
    let webView: WKWebView = WKWebView(frame: self.view.frame, configuration: WKWebViewConfiguration())
    
    override func loadView() {
        super.loadView()

        self.view = webView

shirakaba

The many UI Renderers of NativeScript

Introduction

In this article, we'll learn how NativeScript was adapted into so many different flavours (Angular, Vue, React, Svelte, and more). We'll cover what makes it such a good target for adapting, but also lift the curtain on some of the technical challenges involved in the process. And through the article, you should gain a sense of what's involved in creating a new flavour for NativeScript (or indeed any other host!).

Background

NativeScript's cross-platform UI modules (broadly everything under the ui directory in the @nativescript/core npm package) can be described as a "UI runtime". In other words, a library that allows you to manipulate the user interface for your app while it is running.

shirakaba

Background

I have a brand new M1 MacBook Pro. I have a long list of complaints with homebrew, so I want to try Nix as my package manager instead, along with Home Manager to control my setup on a per-user basis. Once I've set this all up, theoretically, I should be able to reuse the same configuration on any other Macs I own.

What is Nix?

A reproducible, declarative package manager.

More info:

shirakaba

SvelteKit

In SvelteKit projects, SvelteKit wraps around Vite.

This example is for configuring path aliases, but you get the idea. There's a kit.vite property in svelte.config.js, and you'd configure vite through there.

https://kit.svelte.dev/faq#aliases

Vite's plugins should be API-compatible with Rollup, to my understanding.

shirakaba

// example/android/app/src/main/AndroidManifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
  package="com.example.reactnativenativescriptruntime">

    <uses-permission android:name="android.permission.INTERNET" />

    <application
      android:name=".MainApplication"
      android:label="@string/app_name"

shirakaba

Logging all events

Object.keys(window).forEach(key => {
    if (/^on/.test(key)) {
        window.addEventListener(key.slice(2), event => {
            const date = new Date();
            const timestamp = `${date.getMinutes()}:${date.getSeconds()}:${date.getMilliseconds()}`;
            console.log(`${timestamp} ${event.type} isTrusted: ${event.isTrusted}`);
        });

shirakaba

Use the flag:

-vf "scale='bitand(oh*dar, 65534)':'bitand(ih/2, 65534)', setsar=1"

For example (this also removes metadata and audio, and re-encodes at high quality):

ffmpeg -i landscape_safe_area_insets.mov -qscale 0 -vf "scale='bitand(oh*dar, 65534)':'bitand(ih/2, 65534)', setsar=1" -metadata location="" -metadata location-eng="" -an landscape_safe_area_insets.mp4

shirakaba

This guide is aimed at people outside of Japan (I use UK for the sake of discussion) trying to learn Japanese by reading Kindle books, or vice versa. This approach may well work for other Amazon regions, though it should be noted that to my understanding, Amazon Japan is a special case amongst the regions (I believe it's a separate business entity from typical Amazon regions in ways that the other regions aren't) and therefore may work somewhat differently.

How to switch Kindle between Amazon accounts

Once your Kindle is registered to your Amazon UK account, you must deregister that account before registering the Amazon Japan account.

Any time you switch accounts, your downloaded library will be cleared. By that, I mean that your downloads will be deleted from disk – but you are still entitled to redownload whichever purchases are associated with your currently-registered account. Rest assured that any manually-added files (PDFs that you've added via file transfer, for example) will not be cleared w

shirakaba

Here's how to get your environment set up to:

1. Develop iOS and Android apps using Rust.
2. Enable GUI debugging of Rust projects in Xcode.

If you just want to enable GUI debugging of macOS Rust projects in Xcode, I'm not actually sure whether you need cargo-mobile at all. But one benefit of installing it is that it automatically installs rust-xcode-plugin for you, giving you syntax highlighting of Rust sources in Xcode.

Prerequisites

cargo-mobile