- - - {'calculate'} - {' Freight Calculator'} - - - - - {'1. Select a route'} - (@selectedRouteId = id)} /> - if (@selectedRoute) { - - } - - - - {'2. Add cargo'} - - (@cargo = (e.target as HTMLTextArea).value)} /> - <label> - {`Paste your cargo here... (one item per line, e.g. Tritanium 10000)`} - </label> - </div> - </fieldset> - - <fieldset> - <legend>{'3. Apply adjustments (optional)'}</legend> - <div class="field middle-align"> - <nav> - <div class="max"> - <h6>{'Add Rush Shipping'}</h6> - <span class="helper"> - {'Guaranteed delivery within 24 hours or the entire contract is free!'} - </span> - </div> - <label class="switch"> - <input type="checkbox" onChange={(e) => (@rush = !@rush)} /> - <span /> - </label> - </nav> - </div> - - <div class="field suffix"> - <input type="number" min="1" placeholder="Additional Volume (m³)" /> - <Icon name="cube" /> - <span class="helper"> - {'In addition to the calculated volume from your cargo.'} - </span> - </div> - <div class="field suffix"> - <input type="number" min="0" placeholder="Additional Collateral (ISK)" /> - <i>{'currency_exchange'}</i> - <span class="helper"> - {'In addition to the calculated value of your cargo.'} - </span> - </div> - </fieldset> - </section> - - <nav> - <button class="circle small"> - <i>{'done'}</i> - </button> - <div>{'Select a route'}</div> - <hr class="max" /> - <button class="circle small">{'2'}</button> - <div>{'Add cargo'}</div> - <hr class="max" /> - <button class="circle small" disabled>{'3'}</button> - <div>{'Apply adjustments'}</div> - <hr class="max" /> - <button class="circle small" disabled>{'4'}</button> - <div>{'Calculate'}</div> - </nav> - <br /> - - // Calculate quote logic goes here - <button - class="responsive large-elevate extra" - onClick={async () => { - console.log('Calculating quote...'); - console.log('Selected Route ID:', @selectedRouteId); - console.log('Rush Shipping:', @rush); - console.log('Cargo:', @cargo); - const appraisal = await janice.appraiseItems( - @cargo, - 2, - 'DUyi5Q3Dod48IoswUBkEfNRs8Qf3cwNN', - ); - console.log('Appraised Cargo:', appraisal); - }} - > - {'Calculate Quote'} - </button> - </article> - - <style> - pre { - color: var(--secondary); - } - </style> -} diff --git a/packages/freight-web/src/components/calculator/RouteDetals.ripple b/packages/freight-web/src/components/calculator/RouteDetals.ripple deleted file mode 100644 index 1cc0d77..0000000 --- a/packages/freight-web/src/components/calculator/RouteDetals.ripple +++ /dev/null @@ -1,48 +0,0 @@ -import type { Route } from '../../lib/route'; -import { formatNumber } from '../../lib/utils'; - -export component RouteDetails({ route }: { route: Route }) { - <div class="s12"> - <fieldset> - <legend> - {'Route Details'} - </legend> - <div class="grid"> - <div class="s4"> - <fieldset> - <legend>{'Max Volume'}</legend> - <h6>{formatNumber(route.max_volume)}</h6> - </fieldset> - </div> - <div class="s4"> - <fieldset> - <legend>{'Min Volume'}</legend> - <h6>{formatNumber(route.min_volume || 0)}</h6> - </fieldset> - </div> - <div class="s4"> - <fieldset> - <legend>{'Restrictions'}</legend> - {'No Assembled Ships or Containers'} - </fieldset> - </div> - <div class="s6"> - <fieldset> - <legend>{'Base Price'}</legend> - <h6>{(route.isk_m3 ? formatNumber(route.isk_m3 || 0) + ' ISK/m³ + ' : route.isk_flatrate + ' ISK flatrate + ') + formatNumber(route.collat_pct) + '% of total collateral'}</h6> - </fieldset> - </div> - <div class="s6"> - <fieldset> - <legend> - {'Rush Fee '} - <i>{'warning'}</i> - <div class="tooltip top">{'Guaranteed delivery in 24 hours or your money back'}</div> - </legend> - <h6>{'+' + (route.rush_pct ? formatNumber(route.rush_pct) + '%' : route.rush_fee + ' ISK')}</h6> - </fieldset> - </div> - </div> - </fieldset> - </div> -} diff --git a/packages/freight-web/src/components/calculator/RouteSelect.ripple b/packages/freight-web/src/components/calculator/RouteSelect.ripple deleted file mode 100644 index bf84c76..0000000 --- a/packages/freight-web/src/components/calculator/RouteSelect.ripple +++ /dev/null @@ -1,63 +0,0 @@ -import { track, type TrackedArray } from 'ripple'; -import { Selector } from './Selector.ripple'; -import type { Route } from '../../lib/route'; -import { formatNumber } from '../../lib/utils'; - -export interface RouteSelectProps { - routes: TrackedArray<Route>; - onChange?: (id: string) => void; -} - -export component RouteSelect({ routes, onChange }: RouteSelectProps) { - let typeTab = track('JF'); - - <div> - <nav class="tabbed small"> - <a class={'JF' === @typeTab ? 'active' : ''} onClick={() => { - @typeTab = 'JF'; - onChange?.(''); - }}> - <i>{'rocket'}</i> - <span>{'Jump Freighter'}</span> - </a> - <a class={'DST' === @typeTab ? 'active' : ''} onClick={() => { - @typeTab = 'DST'; - onChange?.(''); - }}> - <i>{'pallet'}</i> - <span>{'Deep Space Transport'}</span> - </a> - <a class={'BR' === @typeTab ? 'active' : ''} onClick={() => { - @typeTab = 'BR'; - onChange?.(''); - }}> - <i>{'visibility_off'}</i> - <span>{'Blockade Runner'}</span> - </a> - </nav> - <div class={'page padding' + ('JF' === @typeTab ? ' active' : '')}> - <Selector - routes={@routes.filter((r) => r.route_type === 'JF')} - onChange={(routeId: string) => { - onChange?.(routeId); - }} - /> - </div> - <div class={'page padding' + ('DST' === @typeTab ? ' active' : '')}> - <Selector - routes={@routes.filter((r) => r.route_type === 'DST')} - onChange={(routeId: string) => { - onChange?.(routeId); - }} - /> - </div> - <div class={'page padding' + ('BR' === @typeTab ? ' active' : '')}> - <Selector - routes={@routes.filter((r) => r.route_type === 'BR')} - onChange={(routeId: string) => { - onChange?.(routeId); - }} - /> - </div> - </div> -} diff --git a/packages/freight-web/src/components/calculator/Selector.ripple b/packages/freight-web/src/components/calculator/Selector.ripple deleted file mode 100644 index 057438b..0000000 --- a/packages/freight-web/src/components/calculator/Selector.ripple +++ /dev/null @@ -1,74 +0,0 @@ -import { track, type TrackedArray } from 'ripple'; -import type { Route } from '../../lib/route'; -import { formatNumber } from '../../lib/utils'; - -export interface OriginDestProps { - routes: TrackedArray<Route>; - onChange?: (routeId: string) => void; -} - -export component Selector({ routes, onChange }: OriginDestProps) { - const selectedRoute = track<Route>(undefined); - let origin = track(''); - - const origins = track(() => { - const uniqueOrigins = new Set<string>(); - for (const route of routes) { - uniqueOrigins.add(route.origin); - } - return Array.from(uniqueOrigins); - }); - - <div class="grid"> - <div class="s6"> - <fieldset> - <legend>{'Origin'}</legend> - <div class="field suffix border"> - <select - onChange={(e) => { - @origin = (e.target as HTMLSelectElement).value; - @selectedRoute = undefined; - onChange?.(''); - }} - > - <option value="">{'Select origin'}</option> - for (const text of @origins) { - <option value={text}>{text}</option> - } - </select> - <i>{'arrow_drop_down'}</i> - </div> - </fieldset> - </div> - <div class="s6"> - <fieldset> - <legend>{'Destination'}</legend> - <div class="field suffix border"> - <select - onChange={(e) => { - const id = (e.target as HTMLSelectElement).value; - @selectedRoute = @routes.find((r: Route) => r.id === id); - onChange?.(id); - }} - > - <option value="">{'Select a route'}</option> - for (const route of @routes) { - const rt = route as Route; - if (rt.origin === @origin) { - <option value={rt.id}>{rt.destination}</option> - } - } - </select> - <i>{'arrow_drop_down'}</i> - </div> - </fieldset> - </div> - </div> - - <style> - .field { - margin-bottom: 0.5em; - } - </style> -} - diff --git a/packages/freight-web/src/components/core/Icon.ripple b/packages/freight-web/src/components/core/Icon.ripple deleted file mode 100644 index fa06752..0000000 --- a/packages/freight-web/src/components/core/Icon.ripple +++ /dev/null @@ -1,8 +0,0 @@ -export interface IconProps { - name: string; - style?: Record<string, string | number>; -} - -export component Icon({ name, style }: IconProps) { - <i class={`ph ph-${name}`} {style} /> -} diff --git a/packages/freight-web/src/index.ts b/packages/freight-web/src/index.ts deleted file mode 100644 index e22fd9f..0000000 --- a/packages/freight-web/src/index.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { mount } from 'ripple'; -// @ts-expect-error: known issue, we're working on it -import { App } from './App.ripple'; - -mount(App, { - target: document.getElementById('root'), -}); diff --git a/packages/freight-web/src/lib/route.ts b/packages/freight-web/src/lib/route.ts deleted file mode 100644 index cd73290..0000000 --- a/packages/freight-web/src/lib/route.ts +++ /dev/null @@ -1,38 +0,0 @@ -export interface Route { - id: string; - route_type: 'JF' | 'DST' | 'BR'; - origin: string; - origin_type: string; - destination: string; - detination_type: string; - max_volume: number; - max_collat: string; - collat_pct: number; - isk_m3?: number; - isk_flatrate?: string; - min_volume?: number; - rush_pct?: number; - rush_fee?: string; -} - -export async function fetchRoutes(): Promise<Route[]> { - const response = await fetch( - 'https://docs.google.com/spreadsheets/d/e/2PACX-1vSuUV7yKNkgSFFLz2LSUqD4WRQ71usoRuYUMKL00HsJHz52VfgFAIkE8w2DG59V93kCkEKFlqFux-OI/pub?gid=0&single=true&output=csv' - ); - if (!response.ok) { - throw new Error(`Failed to fetch routes: ${response.status} ${response.statusText}`); - } - const text = await response.text(); - const lines = text.trim().split('\n'); - const routes: Route[] = []; - const headers = lines[0].split(',').map((h) => h.trim()); - for (let i = 1; i < lines.length; i++) { - const values = lines[i].split(',').map((v) => v.trim()); - const row: any = {}; - for (let j = 0; j < headers.length; j++) { - row[headers[j]] = values[j]; - } - routes.push(row); - } - return routes; -} diff --git a/packages/freight-web/src/lib/utils.ts b/packages/freight-web/src/lib/utils.ts deleted file mode 100644 index eb0f439..0000000 --- a/packages/freight-web/src/lib/utils.ts +++ /dev/null @@ -1,3 +0,0 @@ -export function formatNumber(num: number): string { - return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ','); -} diff --git a/packages/freight-web/tsconfig.json b/packages/freight-web/tsconfig.json deleted file mode 100644 index d353ec6..0000000 --- a/packages/freight-web/tsconfig.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "compilerOptions": { - "target": "ESNext", - "module": "ESNext", - "lib": ["ES2022", "DOM", "DOM.Iterable"], - "allowSyntheticDefaultImports": true, - "esModuleInterop": true, - "moduleResolution": "bundler", - "jsx": "preserve", - "jsxImportSource": "ripple", - "noEmit": true, - "isolatedModules": true, - "plugins": [{ "name": "@ripple-ts/typescript-plugin" }], - "paths": { - "@*": ["./src/*"] - } - } -} diff --git a/packages/freight-web/vite.config.js b/packages/freight-web/vite.config.js deleted file mode 100644 index 2527c08..0000000 --- a/packages/freight-web/vite.config.js +++ /dev/null @@ -1,13 +0,0 @@ -import { defineConfig } from 'vite'; -import tsconfigPaths from 'vite-tsconfig-paths'; -import { ripple } from '@ripple-ts/vite-plugin'; - -export default defineConfig({ - plugins: [tsconfigPaths(), ripple()], - server: { - port: 3000, - }, - build: { - target: 'esnext', - }, -});