Passkey: pencere, otomatik doldurma, geçiş

import { touchqueRouter, requireTouchque } from '@touchque/node';

// Tarayıcının çağırdığı relay: passkey girişi (otomatik doldurma dahil), kayıt, onay
app.use('/touchque', touchqueRouter(tq, {
  getUserId: (req) => req.session.user?.email,       // passkey kaydı için oturumdaki kullanıcı
  getLoginUser: (req) => req.session.passwordOk,     // parola adımını geçen kullanıcı
  onAuthenticated: (req, res, { externalUsername }) => { req.session.user = { email: externalUsername }; },
}));

// Telefon onayı isteyen bir işlem: tek satır
app.post('/api/transfer', requireTouchque('SEND_MONEY'), sendMoney);

from touchque.contrib.flask import touchque_relay_blueprint, require_touchque

app.register_blueprint(touchque_relay_blueprint(
    tq,
    get_user_id=lambda req: session.get('user'),
    get_login_user=lambda req: session.get('password_ok'),
), url_prefix='/touchque')

@app.post('/api/transfer')
@require_touchque('SEND_MONEY')
def transfer(): ...

// routes/web.php (Laravel)
TouchqueRelay::routes(app('router'), 'touchque');

// routes/api.php
Route::post('/transfer', [TransferController::class, 'store'])
    ->middleware('touchque:SEND_MONEY');

mux.Handle("/touchque/", http.StripPrefix("/touchque", touchque.NewRelayHandler(tq, touchque.RelayOptions{
    UserID: func(r *http.Request) string { return currentUser(r) },
})))
mux.Handle("/api/transfer", touchque.Require(tq, "SEND_MONEY", http.HandlerFunc(transferHandler), touchque.RequireOptions{
    User: func(r *http.Request) string { return currentUser(r) }, // zorunlu
}))

app.MapTouchqueRelay("/touchque", new RelayOptions<HttpContext>
{
    GetUserId = http => http.User.TouchqueUser(),
});
app.MapPost("/api/transfer", SendMoney).RequireAuthorization().RequireTouchque("SEND_MONEY");

@Bean   // the relay, served at /touchque
RelayOptions<HttpServletRequest> touchqueRelay() {
    return new RelayOptions<HttpServletRequest>(TouchqueSpring::user);
}

@PostMapping("/api/transfer")
@RequireTouchque("SEND_MONEY")
Receipt sendMoney(@RequestBody Transfer t) { … }

# config/routes.rb
mount Touchque::Rack::Relay.new(get_user_id: ->(req) { req.session["user"] }) => "/touchque"

# app/controllers/transfers_controller.rb
include Touchque::Rails::Guard
require_touchque "SEND_MONEY", only: :create

<!-- Herhangi bir sayfa, framework gerekmez -->
<touchque-approval base-url="/touchque"></touchque-approval>

<script type="module">
  import { defineTouchqueApproval } from '@touchque/web';
  defineTouchqueApproval();
  const dialog = document.querySelector('touchque-approval');
  const res = await dialog.fetch('/api/transfer', { method: 'POST', body });
</script>

import { useTouchqueApproval, TouchqueApproval } from '@touchque/react';

const approval = useTouchqueApproval({ baseUrl: '/touchque' });
<button onClick={() => approval.fetch('/api/transfer', { method: 'POST', body })}>Send</button>
<TouchqueApproval approval={approval} />

<input type="email" name="email" autocomplete="username webauthn">

<script type="module">
  import { createTouchqueWeb } from '@touchque/web';
  const tq = createTouchqueWeb({ baseUrl: '/touchque' });
  const result = await tq.passkeys.autofill({ input: 'input[name=email]' });
  if (result?.ok) location.href = '/home';   // null: no autofill here, keep the form
</script>

const autofill = usePasskeyAutofill({ baseUrl: '/touchque' }, {
  onResult: (r) => r.ok && navigate('/home'),
});
<input type="email" name="email" {...autofill.inputProps} />

import { createTouchqueWeb, shouldOfferPasskey, dismissPasskeyOffer } from '@touchque/web';
const tq = createTouchqueWeb({ baseUrl: '/touchque', credentials: 'include' });

// Right after a password or email-link sign-in, before you leave the page:
if (await shouldOfferPasskey({ user: email })) {
  showOffer({
    add: () => tq.passkeys.upgrade({ user: email, onStep: showPhoneNumber }), // a linked phone approves first
    notNow: () => dismissPasskeyOffer(email),                                 // remembered in this browser
  });
}

const offer = usePasskeyUpgrade({ baseUrl: '/touchque', credentials: 'include' }, user.email);
{offer.status === 'offer' && (
  <Banner onAdd={() => offer.upgrade()} onLater={offer.dismiss}
          number={offer.step?.number} />
)}