shiny-url-input-box 1.3.4 → 1.3.6

package/dist/ShinyUrlApiKeys.js

@@ -3,7 +3,7 @@ import { useState, useEffect, useCallback } from 'react';
 import { Box, Paper, Typography, Button, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, IconButton, TextField, Dialog, DialogTitle, DialogContent, DialogActions, Alert, Chip, Snackbar, CircularProgress } from '@mui/material';
 import AddIcon from '@mui/icons-material/Add';
 import ContentCopyIcon from '@mui/icons-material/ContentCopy';
-import { getDefaultApiBaseUrl } from './shortener';
+import { getDefaultApiBaseUrl } from './shortener.js';
 export const ShinyUrlApiKeys = ({ apiKey, apiBaseUrl, className = '' }) => {
     const [loading, setLoading] = useState(true);
     const [keys, setKeys] = useState([]);

package/dist/ShinyUrlDashboard.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
 import { Grid, Paper, Typography, Box, Card, CardContent, CircularProgress } from '@mui/material';
 import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer, } from 'recharts';
-import { getDefaultApiBaseUrl } from './shortener';
+import { getDefaultApiBaseUrl } from './shortener.js';
 export const ShinyUrlDashboard = ({ apiKey, apiBaseUrl, className = '', title = 'Analytics Dashboard' }) => {
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(null);

package/dist/ShinyUrlDetailsModal.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useState, useEffect } from 'react';
 import { Dialog, DialogTitle, DialogContent, DialogActions, Button, Box, Typography, Tabs, Tab, Paper, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Chip, Grid, Card, CardContent, CircularProgress } from '@mui/material';
 import { LineChart, Line, BarChart, Bar, PieChart, Pie, Cell, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer, } from 'recharts';
-import { getDefaultApiBaseUrl } from './shortener';
+import { getDefaultApiBaseUrl } from './shortener.js';
 function TabPanel(props) {
     const { children, value, index, ...other } = props;
     return (_jsx("div", { role: "tabpanel", hidden: value !== index, id: `url-tabpanel-${index}`, "aria-labelledby": `url-tab-${index}`, ...other, children: value === index && _jsx(Box, { sx: { p: 3 }, children: children }) }));

package/dist/ShinyUrlInput.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useMemo, useEffect } from 'react';
 import './TinyUrlInput.css';
-import { shortenUrl, getDefaultApiBaseUrl, sanitizeInput, isValidUrl } from './shortener';
+import { shortenUrl, getDefaultApiBaseUrl, sanitizeInput, isValidUrl } from './shortener.js';
 const ShinyUrlInput = ({ apiKey, apiBaseUrl, onSuccess, onError, label = 'Enter URL to shorten', buttonText = 'Shorten URL', className = '', installationPageUrl }) => {
     const [url, setUrl] = useState('');
     const [loading, setLoading] = useState(false);

package/dist/ShinyUrlUrls.js

@@ -3,8 +3,8 @@ import { useState, useEffect, useCallback } from 'react';
 import { Box, Typography, TextField, Paper } from '@mui/material';
 import { DataGrid, GridActionsCellItem, GridToolbar } from '@mui/x-data-grid';
 import DeleteIcon from '@mui/icons-material/Delete';
-import { ShinyUrlDetailsModal } from './ShinyUrlDetailsModal';
-import { getDefaultApiBaseUrl } from './shortener';
+import { ShinyUrlDetailsModal } from './ShinyUrlDetailsModal.js';
+import { getDefaultApiBaseUrl } from './shortener.js';
 export const ShinyUrlUrls = ({ apiKey, apiBaseUrl, className = '' }) => {
     const [page, setPage] = useState(0);
     const [pageSize, setPageSize] = useState(10);

package/dist/TinyUrlInput.css

@@ -0,0 +1,127 @@
+.tiny-url-input-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  max-width: 600px;
+  margin: 0 auto;
+}
+
+.tiny-url-form {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+
+.tiny-url-label {
+  font-size: 1rem;
+  font-weight: 500;
+  color: #333;
+}
+
+.tiny-url-input-group {
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+}
+
+.tiny-url-input {
+  flex: 1;
+  min-width: 200px;
+  padding: 0.75rem 1rem;
+  font-size: 1rem;
+  border: 2px solid #ddd;
+  border-radius: 6px;
+  outline: none;
+  transition: border-color 0.2s;
+}
+
+.tiny-url-input:focus {
+  border-color: #4a90e2;
+}
+
+.tiny-url-input:disabled {
+  background-color: #f5f5f5;
+  cursor: not-allowed;
+}
+
+.tiny-url-button {
+  padding: 0.75rem 1.5rem;
+  font-size: 1rem;
+  font-weight: 500;
+  color: white;
+  background-color: #4a90e2;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background-color 0.2s;
+  white-space: nowrap;
+}
+
+.tiny-url-button:hover:not(:disabled) {
+  background-color: #357abd;
+}
+
+.tiny-url-button:disabled {
+  background-color: #ccc;
+  cursor: not-allowed;
+}
+
+.tiny-url-error {
+  padding: 0.75rem 1rem;
+  background-color: #fee;
+  color: #c33;
+  border: 1px solid #fcc;
+  border-radius: 6px;
+  font-size: 0.9rem;
+}
+
+.tiny-url-result {
+  padding: 1rem;
+  background-color: #f0f8ff;
+  border: 1px solid #b0d4f1;
+  border-radius: 6px;
+}
+
+.tiny-url-result-label {
+  font-size: 0.9rem;
+  font-weight: 500;
+  color: #555;
+  margin-bottom: 0.5rem;
+}
+
+.tiny-url-result-content {
+  display: flex;
+  gap: 0.5rem;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.tiny-url-link {
+  flex: 1;
+  min-width: 200px;
+  color: #4a90e2;
+  text-decoration: none;
+  word-break: break-all;
+  font-size: 0.95rem;
+}
+
+.tiny-url-link:hover {
+  text-decoration: underline;
+}
+
+.tiny-url-copy-button {
+  padding: 0.5rem 1rem;
+  font-size: 0.9rem;
+  color: white;
+  background-color: #28a745;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: background-color 0.2s;
+  white-space: nowrap;
+}
+
+.tiny-url-copy-button:hover {
+  background-color: #218838;
+}
+

package/dist/index.d.ts

@@ -1,12 +1,12 @@
-export { default as ShinyUrlInput } from './ShinyUrlInput';
-export type { ShinyUrlInputProps } from './ShinyUrlInput';
-export * from './shortener';
-export { ShinyUrlDashboard } from './ShinyUrlDashboard';
-export type { ShinyUrlDashboardProps } from './ShinyUrlDashboard';
-export { ShinyUrlApiKeys } from './ShinyUrlApiKeys';
-export type { ShinyUrlApiKeysProps } from './ShinyUrlApiKeys';
-export { ShinyUrlUrls } from './ShinyUrlUrls';
-export type { ShinyUrlUrlsProps } from './ShinyUrlUrls';
-export { ShinyUrlDetailsModal } from './ShinyUrlDetailsModal';
-export type { ShinyUrlDetailsModalProps } from './ShinyUrlDetailsModal';
+export { default as ShinyUrlInput } from './ShinyUrlInput.js';
+export type { ShinyUrlInputProps } from './ShinyUrlInput.js';
+export * from './shortener.js';
+export { ShinyUrlDashboard } from './ShinyUrlDashboard.js';
+export type { ShinyUrlDashboardProps } from './ShinyUrlDashboard.js';
+export { ShinyUrlApiKeys } from './ShinyUrlApiKeys.js';
+export type { ShinyUrlApiKeysProps } from './ShinyUrlApiKeys.js';
+export { ShinyUrlUrls } from './ShinyUrlUrls.js';
+export type { ShinyUrlUrlsProps } from './ShinyUrlUrls.js';
+export { ShinyUrlDetailsModal } from './ShinyUrlDetailsModal.js';
+export type { ShinyUrlDetailsModalProps } from './ShinyUrlDetailsModal.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9D,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,YAAY,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/index.js

@@ -1,6 +1,6 @@
-export { default as ShinyUrlInput } from './ShinyUrlInput';
-export * from './shortener';
-export { ShinyUrlDashboard } from './ShinyUrlDashboard';
-export { ShinyUrlApiKeys } from './ShinyUrlApiKeys';
-export { ShinyUrlUrls } from './ShinyUrlUrls';
-export { ShinyUrlDetailsModal } from './ShinyUrlDetailsModal';
+export { default as ShinyUrlInput } from './ShinyUrlInput.js';
+export * from './shortener.js';
+export { ShinyUrlDashboard } from './ShinyUrlDashboard.js';
+export { ShinyUrlApiKeys } from './ShinyUrlApiKeys.js';
+export { ShinyUrlUrls } from './ShinyUrlUrls.js';
+export { ShinyUrlDetailsModal } from './ShinyUrlDetailsModal.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shiny-url-input-box",
-  "version": "1.3.4",
+  "version": "1.3.6",
   "type": "module",
   "description": "A reusable React component for generating ShinyURLs",
   "main": "dist/index.js",
@@ -13,7 +13,7 @@
     }
   },
   "scripts": {
-    "build": "tsc",
+    "build": "tsc && node scripts/copy-assets.cjs",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [

package/scripts/copy-assets.cjs

@@ -0,0 +1,12 @@
+const fs = require('fs');
+const path = require('path');
+
+const src = path.join(__dirname, '../src/TinyUrlInput.css');
+const dest = path.join(__dirname, '../dist/TinyUrlInput.css');
+
+if (!fs.existsSync(path.join(__dirname, '../dist'))) {
+    fs.mkdirSync(path.join(__dirname, '../dist'));
+}
+
+fs.copyFileSync(src, dest);
+console.log('Copied TinyUrlInput.css to dist/');

package/src/ShinyUrlApiKeys.tsx

@@ -23,7 +23,7 @@ import {
 } from '@mui/material';
 import AddIcon from '@mui/icons-material/Add';
 import ContentCopyIcon from '@mui/icons-material/ContentCopy';
-import { getDefaultApiBaseUrl } from './shortener';
+import { getDefaultApiBaseUrl } from './shortener.js';
 
 export interface ShinyUrlApiKeysProps {
   apiKey: string; // The user's/admin's token to authenticate

package/src/ShinyUrlDashboard.tsx

@@ -18,7 +18,7 @@ import {
   Legend,
   ResponsiveContainer,
 } from 'recharts';
-import { getDefaultApiBaseUrl } from './shortener';
+import { getDefaultApiBaseUrl } from './shortener.js';
 
 export interface ShinyUrlDashboardProps {
   apiKey: string;

package/src/ShinyUrlDetailsModal.tsx

@@ -37,7 +37,7 @@ import {
   Legend,
   ResponsiveContainer,
 } from 'recharts';
-import { getDefaultApiBaseUrl } from './shortener';
+import { getDefaultApiBaseUrl } from './shortener.js';
 
 export interface ShinyUrlDetailsModalProps {
   open: boolean;

package/src/ShinyUrlInput.tsx

@@ -2,7 +2,7 @@
 
 import React, { useState, useMemo, useEffect } from 'react';
 import './TinyUrlInput.css';
-import { shortenUrl, ShortenResponse, getDefaultApiBaseUrl, sanitizeInput, isValidUrl } from './shortener';
+import { shortenUrl, ShortenResponse, getDefaultApiBaseUrl, sanitizeInput, isValidUrl } from './shortener.js';
 
 export interface ShinyUrlInputProps {
   apiKey: string;

package/src/ShinyUrlUrls.tsx

@@ -15,8 +15,8 @@ import {
   GridPaginationModel
 } from '@mui/x-data-grid';
 import DeleteIcon from '@mui/icons-material/Delete';
-import { ShinyUrlDetailsModal } from './ShinyUrlDetailsModal';
-import { getDefaultApiBaseUrl } from './shortener';
+import { ShinyUrlDetailsModal } from './ShinyUrlDetailsModal.js';
+import { getDefaultApiBaseUrl } from './shortener.js';
 
 export interface ShinyUrlUrlsProps {
   apiKey: string;

package/src/index.ts

@@ -1,12 +1,12 @@
-export { default as ShinyUrlInput } from './ShinyUrlInput';
-export type { ShinyUrlInputProps } from './ShinyUrlInput';
-export * from './shortener';
-export { ShinyUrlDashboard } from './ShinyUrlDashboard';
-export type { ShinyUrlDashboardProps } from './ShinyUrlDashboard';
-export { ShinyUrlApiKeys } from './ShinyUrlApiKeys';
-export type { ShinyUrlApiKeysProps } from './ShinyUrlApiKeys';
-export { ShinyUrlUrls } from './ShinyUrlUrls';
-export type { ShinyUrlUrlsProps } from './ShinyUrlUrls';
-export { ShinyUrlDetailsModal } from './ShinyUrlDetailsModal';
-export type { ShinyUrlDetailsModalProps } from './ShinyUrlDetailsModal';
+export { default as ShinyUrlInput } from './ShinyUrlInput.js';
+export type { ShinyUrlInputProps } from './ShinyUrlInput.js';
+export * from './shortener.js';
+export { ShinyUrlDashboard } from './ShinyUrlDashboard.js';
+export type { ShinyUrlDashboardProps } from './ShinyUrlDashboard.js';
+export { ShinyUrlApiKeys } from './ShinyUrlApiKeys.js';
+export type { ShinyUrlApiKeysProps } from './ShinyUrlApiKeys.js';
+export { ShinyUrlUrls } from './ShinyUrlUrls.js';
+export type { ShinyUrlUrlsProps } from './ShinyUrlUrls.js';
+export { ShinyUrlDetailsModal } from './ShinyUrlDetailsModal.js';
+export type { ShinyUrlDetailsModalProps } from './ShinyUrlDetailsModal.js';