hyperapp-is 0.1.50 → 0.2.0

package/dist/hyperapp-is/dom/utils.js

@@ -1,69 +0,0 @@
-// hyperapp-is / dom / utils.ts
-// ---------- ---------- ---------- ---------- ----------
-// getScrollMargin
-// ---------- ---------- ---------- ---------- ----------
-/**
- * スクロールの余白を取得する
- */
-export const getScrollMargin = function (e) {
-    const el = e.currentTarget;
-    if (!el)
-        return { top: 0, left: 0, right: 0, bottom: 0 };
-    return {
-        top: el.scrollTop,
-        left: el.scrollLeft,
-        right: el.scrollWidth - (el.clientWidth + el.scrollLeft),
-        bottom: el.scrollHeight - (el.clientHeight + el.scrollTop)
-    };
-};
-// ---------- ---------- ---------- ---------- ----------
-// getMatrixState
-// ---------- ---------- ---------- ---------- ----------
-/**
- * DOM から transfrom 情報を取得する
- */
-export const getMatrixState = (dom) => {
-    const style = getComputedStyle(dom);
-    const transform = style.transform;
-    if (!transform || transform === 'none')
-        return null;
-    let m;
-    try {
-        m = new DOMMatrix(transform);
-    }
-    catch {
-        return null;
-    }
-    const scaleX = Math.hypot(m.m11, m.m12, m.m13);
-    const scaleY = Math.hypot(m.m21, m.m22, m.m23);
-    const scaleZ = Math.hypot(m.m31, m.m32, m.m33);
-    let rotateX = 0;
-    let rotateY = 0;
-    let rotateZ = 0;
-    if (scaleX && scaleY && scaleZ) {
-        rotateY = Math.asin(-m.m13 / scaleZ);
-        const EPS = 1e-8;
-        if (Math.cos(rotateY) > EPS) {
-            rotateX = Math.atan2(m.m23 / scaleZ, m.m33 / scaleZ);
-            rotateZ = Math.atan2(m.m12 / scaleY, m.m11 / scaleX);
-        }
-    }
-    return {
-        translate: {
-            x: m.m41,
-            y: m.m42,
-            z: m.m43
-        },
-        scale: {
-            x: scaleX,
-            y: scaleY,
-            z: scaleZ
-        },
-        // radian
-        rotate: {
-            x: rotateX,
-            y: rotateY,
-            z: rotateZ
-        }
-    };
-};

package/dist/hyperapp-is/index.d.ts

@@ -1,16 +0,0 @@
-export type { Keys, Keys_String, Keys_ArrayString, Keys_Number, Keys_ArrayNumber, Keys_ArrayRAFTask, Keys_NavigatorItem, } from "./core/state";
-export type { NavigatorItem, JsonEntry, NavigatorColumn, SearchResult } from "./core/navigator";
-export { getValue, setValue, getLocalState, setLocalState, createLocalKey } from "./core/state";
-export { el, concatAction, getClassList, deleteKeys, Route, SelectButton, OptionButton, HistoryInput } from "./core/component";
-export { convertJsonToNavigatorItem, getParentItems, NavigatorFinder, NavigatorSearch, icon_depth, icon_name, icon_directory, icon_file, icon_trashBox, icon_filter, icon_copy } from "./core/navigator";
-export type { InternalEffect, RAFEvent } from "./animation/raf";
-export type { CSSProperty } from "./animation/properties";
-export { RAFTask, subscription_RAFManager } from "./animation/raf";
-export { progress_easing } from "./animation/easing";
-export { createUnits, createRAFProperties, effect_RAFProperties } from "./animation/properties";
-export type { CarouselState, CarouselController } from "./animationView/carousel";
-export { Carousel, effect_InitCarousel } from "./animationView/carousel";
-export type { ScrollMargin, MatrixState } from "./dom/utils";
-export { getScrollMargin, getMatrixState } from "./dom/utils";
-export type { GoogleAccountsId, GoogleTokenClient, GoogleAccountsOAuth2, GoogleAccounts, Google, GoogleAuthConfig, GoogleUser, GoogleAuthResult, GoogleScope, GetAccessTokenConfig, GoogleButtonOptions } from "./services/google";
-export { getGoogle, getGoogleAuthResult, getAccessToken, GoogleAuth } from "./services/google";

package/dist/hyperapp-is/index.js

@@ -1,10 +0,0 @@
-// hyperapp-is / index.ts
-export { getValue, setValue, getLocalState, setLocalState, createLocalKey } from "./core/state";
-export { el, concatAction, getClassList, deleteKeys, Route, SelectButton, OptionButton, HistoryInput } from "./core/component";
-export { convertJsonToNavigatorItem, getParentItems, NavigatorFinder, NavigatorSearch, icon_depth, icon_name, icon_directory, icon_file, icon_trashBox, icon_filter, icon_copy } from "./core/navigator";
-export { RAFTask, subscription_RAFManager } from "./animation/raf";
-export { progress_easing } from "./animation/easing";
-export { createUnits, createRAFProperties, effect_RAFProperties } from "./animation/properties";
-export { Carousel, effect_InitCarousel } from "./animationView/carousel";
-export { getScrollMargin, getMatrixState } from "./dom/utils";
-export { getGoogle, getGoogleAuthResult, getAccessToken, GoogleAuth } from "./services/google";

package/dist/hyperapp-is/services/google.d.ts

@@ -1,89 +0,0 @@
-export type GoogleScope = "openid" | "email" | "profile" | "https://www.googleapis.com/auth/drive" | "https://www.googleapis.com/auth/drive.readonly" | "https://www.googleapis.com/auth/drive.file" | "https://www.googleapis.com/auth/drive.metadata.readonly" | "https://www.googleapis.com/auth/drive.appdata" | "https://www.googleapis.com/auth/calendar" | "https://www.googleapis.com/auth/calendar.readonly" | "https://www.googleapis.com/auth/calendar.events" | "https://www.googleapis.com/auth/calendar.events.readonly" | "https://www.googleapis.com/auth/gmail.readonly" | "https://www.googleapis.com/auth/gmail.modify" | "https://www.googleapis.com/auth/gmail.send" | "https://www.googleapis.com/auth/gmail.compose" | "https://www.googleapis.com/auth/gmail.labels" | "https://www.googleapis.com/auth/spreadsheets" | "https://www.googleapis.com/auth/spreadsheets.readonly" | "https://www.googleapis.com/auth/documents" | "https://www.googleapis.com/auth/documents.readonly" | "https://www.googleapis.com/auth/presentations" | "https://www.googleapis.com/auth/presentations.readonly" | "https://www.googleapis.com/auth/forms" | "https://www.googleapis.com/auth/forms.responses.readonly" | "https://www.googleapis.com/auth/youtube.readonly" | "https://www.googleapis.com/auth/youtube" | "https://www.googleapis.com/auth/youtube.upload" | "https://www.googleapis.com/auth/youtube.force-ssl" | "https://www.googleapis.com/auth/userinfo.email" | "https://www.googleapis.com/auth/userinfo.profile" | (string & {});
-export interface GoogleAccountsId {
-    initialize(config: {
-        client_id: string;
-        auto_select?: boolean;
-        ux_mode?: "popup" | "redirect";
-        callback: (response: {
-            credential: string;
-        }) => void;
-    }): void;
-    disableAutoSelect(): void;
-    cancel(): void;
-    prompt(callback?: (notification: any) => void): void;
-    renderButton(parent: HTMLElement, options?: {
-        theme?: "outline" | "filled_blue" | "filled_black";
-        size?: "large" | "medium" | "small";
-        text?: "signin_with" | "signup_with" | "continue_with";
-        shape?: "rectangular" | "pill" | "circle" | "square";
-    }): void;
-    revoke(hint: string, // email or sub
-    callback: () => void): void;
-}
-export interface GoogleTokenClient {
-    requestAccessToken(options?: {
-        prompt?: "none" | "consent" | "select_account";
-    }): void;
-}
-export interface GoogleAccountsOAuth2 {
-    initTokenClient(config: {
-        client_id: string;
-        scope: string;
-        callback: (response: {
-            access_token?: string;
-            error?: string;
-        }) => void;
-    }): GoogleTokenClient;
-}
-export interface GoogleAccounts {
-    id: GoogleAccountsId;
-    oauth2: GoogleAccountsOAuth2;
-}
-export interface Google {
-    accounts: GoogleAccounts;
-}
-export interface GoogleAuthConfig {
-    clientId: string;
-    autoSelect?: boolean;
-    uxMode?: "popup" | "redirect";
-}
-export interface GoogleUser {
-    name: string;
-    email: string;
-    picture: string;
-    sub: string;
-}
-export interface GoogleAuthResult {
-    idToken: string;
-    user: GoogleUser;
-}
-export interface GetAccessTokenConfig {
-    clientId: string;
-    scope: GoogleScope[];
-    prompt?: "none" | "select_account" | "consent";
-}
-/**
- * Google 変数を取得する
- */
-export declare const getGoogle: () => Promise<Google>;
-/**
- * idToken から ユーザー情報を取得
- *
- * @param {string} idToken - ユーザートークン
- * @returns {GoogleAuthResult}
- */
-export declare const getGoogleAuthResult: (idToken: string) => GoogleAuthResult;
-export declare const getAccessToken: (config: GetAccessTokenConfig) => Promise<string>;
-export interface GoogleButtonOptions {
-    renderButton?: HTMLElement;
-    theme?: "outline" | "filled_blue" | "filled_black";
-    size?: "large" | "medium" | "small";
-    text?: "signin_with" | "signup_with" | "continue_with";
-    shape?: "rectangular" | "pill" | "circle" | "square";
-}
-export declare class GoogleAuth {
-    #private;
-    constructor(config: GoogleAuthConfig, options?: GoogleButtonOptions);
-    initialize(): Promise<GoogleAuthResult>;
-    logout(hint: string): void;
-}

package/dist/hyperapp-is/services/google.js

@@ -1,178 +0,0 @@
-// ========== ========== ========== ========== ==========
-// import
-// ========== ========== ========== ========== ==========
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _GoogleAuth_config, _GoogleAuth_options, _GoogleAuth_google, _GoogleAuth_initialized;
-// ========== ========== ========== ========== ==========
-// procedure
-// ========== ========== ========== ========== ==========
-// ---------- ---------- ---------- ---------- ----------
-// getGoogle
-// ---------- ---------- ---------- ---------- ----------
-// 2重読み込み防止用の変数
-let googlePromise = null;
-/**
- * Google 変数を取得する
- */
-export const getGoogle = async () => {
-    if (window.google)
-        return window.google;
-    if (googlePromise)
-        return googlePromise;
-    googlePromise = new Promise((resolve, reject) => {
-        const script = document.createElement("script");
-        script.src = "https://accounts.google.com/gsi/client";
-        // success
-        script.addEventListener("load", () => {
-            const result = window.google;
-            if (result) {
-                resolve(result);
-            }
-            else {
-                reject(new Error("error: loadGoogle: 001"));
-            }
-        });
-        // error
-        script.addEventListener("error", () => {
-            reject(new Error("error: loadGoogle: 002"));
-        });
-        // append child
-        document.body.appendChild(script);
-    });
-    return googlePromise;
-};
-// ---------- ---------- ---------- ---------- ----------
-// getGoogleAuthResult
-// ---------- ---------- ---------- ---------- ----------
-/**
- * idToken から ユーザー情報を取得
- *
- * @param {string} idToken - ユーザートークン
- * @returns {GoogleAuthResult}
- */
-export const getGoogleAuthResult = (idToken) => {
-    const base64 = idToken.split(".")[1]
-        .replace(/-/g, "+")
-        .replace(/_/g, "/");
-    const decode = (str) => decodeURIComponent(atob(str)
-        .split("")
-        .map(c => "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2))
-        .join(""));
-    const payload = JSON.parse(decode(base64));
-    const user = {
-        name: payload.name,
-        email: payload.email,
-        picture: payload.picture,
-        sub: payload.sub
-    };
-    return {
-        idToken,
-        user
-    };
-};
-// ---------- ---------- ---------- ---------- ----------
-// getAccessToken
-// ---------- ---------- ---------- ---------- ----------
-export const getAccessToken = async (config) => {
-    const google = await getGoogle();
-    return new Promise((resolve, reject) => {
-        var _a;
-        // variable
-        const prompt = (_a = config.prompt) !== null && _a !== void 0 ? _a : "select_account";
-        // initialize
-        const tokenClient = google.accounts.oauth2.initTokenClient({
-            client_id: config.clientId,
-            scope: config.scope.join(" "),
-            callback: (response) => {
-                if (response.error) {
-                    reject(response);
-                }
-                else {
-                    if (response.access_token) {
-                        resolve(response.access_token);
-                    }
-                    else {
-                        reject(new Error("No access_token"));
-                    }
-                }
-            }
-        }); // end initialize
-        // request AccessToken
-        tokenClient.requestAccessToken({ prompt }); // prompt == "none" のときには、事前にログインが必要
-    });
-};
-export class GoogleAuth {
-    // constructor
-    constructor(config, options) {
-        // field
-        _GoogleAuth_config.set(this, void 0);
-        _GoogleAuth_options.set(this, void 0);
-        _GoogleAuth_google.set(this, void 0);
-        _GoogleAuth_initialized.set(this, void 0);
-        __classPrivateFieldSet(this, _GoogleAuth_config, config, "f");
-        __classPrivateFieldSet(this, _GoogleAuth_options, options !== null && options !== void 0 ? options : {}, "f");
-        __classPrivateFieldSet(this, _GoogleAuth_initialized, false, "f");
-    }
-    // method: initialize
-    async initialize() {
-        if (__classPrivateFieldGet(this, _GoogleAuth_initialized, "f")) {
-            throw new Error("Already initialized");
-        }
-        __classPrivateFieldSet(this, _GoogleAuth_google, await getGoogle(), "f");
-        __classPrivateFieldSet(this, _GoogleAuth_initialized, true, "f");
-        const client = __classPrivateFieldGet(this, _GoogleAuth_google, "f").accounts.id;
-        return new Promise(resolve => {
-            var _a, _b, _c, _d, _e, _f, _g;
-            let resolved = false;
-            const callback = (response) => {
-                if (resolved)
-                    return;
-                resolved = true;
-                resolve(getGoogleAuthResult(response.credential));
-            };
-            client.initialize({
-                client_id: __classPrivateFieldGet(this, _GoogleAuth_config, "f").clientId,
-                auto_select: (_a = __classPrivateFieldGet(this, _GoogleAuth_config, "f").autoSelect) !== null && _a !== void 0 ? _a : true,
-                ux_mode: (_b = __classPrivateFieldGet(this, _GoogleAuth_config, "f").uxMode) !== null && _b !== void 0 ? _b : "popup",
-                callback
-            });
-            if ((_c = __classPrivateFieldGet(this, _GoogleAuth_options, "f")) === null || _c === void 0 ? void 0 : _c.renderButton) {
-                client.renderButton(__classPrivateFieldGet(this, _GoogleAuth_options, "f").renderButton, {
-                    theme: (_d = __classPrivateFieldGet(this, _GoogleAuth_options, "f").theme) !== null && _d !== void 0 ? _d : "outline",
-                    size: (_e = __classPrivateFieldGet(this, _GoogleAuth_options, "f").size) !== null && _e !== void 0 ? _e : "medium",
-                    text: (_f = __classPrivateFieldGet(this, _GoogleAuth_options, "f").text) !== null && _f !== void 0 ? _f : "signin_with",
-                    shape: (_g = __classPrivateFieldGet(this, _GoogleAuth_options, "f").shape) !== null && _g !== void 0 ? _g : "rectangular",
-                });
-            }
-            client.prompt((notification) => {
-                if (!resolved && notification.isNotDisplayed()) {
-                    console.log("isNotDisplayed");
-                }
-                if (!resolved && notification.isSkippedMoment()) {
-                    console.log("isSkippedMoment");
-                }
-            });
-        });
-    }
-    // method: logout
-    logout(hint) {
-        if (!__classPrivateFieldGet(this, _GoogleAuth_google, "f"))
-            return;
-        const client = __classPrivateFieldGet(this, _GoogleAuth_google, "f").accounts.id;
-        client.disableAutoSelect();
-        client.cancel();
-        client.revoke(hint, () => { });
-        __classPrivateFieldSet(this, _GoogleAuth_initialized, false, "f");
-    }
-}
-_GoogleAuth_config = new WeakMap(), _GoogleAuth_options = new WeakMap(), _GoogleAuth_google = new WeakMap(), _GoogleAuth_initialized = new WeakMap();