ywana-core8 0.1.103 → 0.2.1

package/doc/src/index.css

@@ -1,246 +0,0 @@
-/* Reset y estilos base */
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-body {
-  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  background-color: #f8fafc;
-  color: #1e293b;
-  line-height: 1.6;
-}
-
-code {
-  font-family: 'Fira Code', 'Monaco', 'Cascadia Code', 'Roboto Mono', monospace;
-}
-
-/* Variables CSS para el tema */
-:root {
-  --primary-color: #3b82f6;
-  --primary-hover: #2563eb;
-  --secondary-color: #64748b;
-  --success-color: #10b981;
-  --warning-color: #f59e0b;
-  --error-color: #ef4444;
-  --background-color: #f8fafc;
-  --surface-color: #ffffff;
-  --border-color: #e2e8f0;
-  --text-primary: #1e293b;
-  --text-secondary: #64748b;
-  --text-muted: #94a3b8;
-  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-  --radius-sm: 0.375rem;
-  --radius-md: 0.5rem;
-  --radius-lg: 0.75rem;
-}
-
-/* Utilidades globales */
-.loading-spinner {
-  width: 2rem;
-  height: 2rem;
-  border: 2px solid var(--border-color);
-  border-top: 2px solid var(--primary-color);
-  border-radius: 50%;
-  animation: spin 1s linear infinite;
-  margin: 0 auto;
-}
-
-@keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
-
-.material-icons {
-  font-family: 'Material Icons';
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-feature-settings: 'liga';
-  -webkit-font-smoothing: antialiased;
-}
-
-/* Estilos para componentes de ejemplo */
-.example-container {
-  background: var(--surface-color);
-  border: 1px solid var(--border-color);
-  border-radius: var(--radius-lg);
-  padding: 2rem;
-  margin: 1rem 0;
-  box-shadow: var(--shadow-sm);
-}
-
-.example-loading {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 3rem;
-  gap: 1rem;
-  color: var(--text-secondary);
-}
-
-.example-error {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 3rem;
-  gap: 1rem;
-  color: var(--error-color);
-  background: #fef2f2;
-  border: 1px solid #fecaca;
-  border-radius: var(--radius-lg);
-}
-
-.content-header {
-  margin-bottom: 2rem;
-}
-
-.breadcrumb {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  color: var(--text-secondary);
-  font-size: 0.875rem;
-  margin-bottom: 1rem;
-}
-
-.breadcrumb .material-icons {
-  font-size: 1rem;
-}
-
-/* Estilos para placeholder de ejemplos */
-.example-placeholder {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 4rem 2rem;
-  text-align: center;
-  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
-  border: 2px dashed var(--border-color);
-  border-radius: var(--radius-lg);
-  color: var(--text-secondary);
-}
-
-.placeholder-icon {
-  width: 4rem;
-  height: 4rem;
-  background: var(--primary-color);
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: 1.5rem;
-  color: white;
-}
-
-.placeholder-icon .material-icons {
-  font-size: 2rem;
-}
-
-.example-placeholder h3 {
-  font-size: 1.5rem;
-  font-weight: 600;
-  color: var(--text-primary);
-  margin-bottom: 0.5rem;
-}
-
-.example-placeholder p {
-  font-size: 1rem;
-  margin-bottom: 2rem;
-  max-width: 400px;
-}
-
-.placeholder-note {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.75rem 1rem;
-  background: var(--surface-color);
-  border: 1px solid var(--border-color);
-  border-radius: var(--radius-md);
-  font-size: 0.875rem;
-  color: var(--text-muted);
-}
-
-.placeholder-note .material-icons {
-  font-size: 1rem;
-}
-
-/* Estilos para grids de ejemplos */
-.examples-grid {
-  display: flex;
-  flex-direction: column;
-  gap: 3rem;
-}
-
-.example-section {
-  background: var(--surface-color);
-  border: 1px solid var(--border-color);
-  border-radius: var(--radius-lg);
-  padding: 2rem;
-  box-shadow: var(--shadow-sm);
-}
-
-.example-section h3 {
-  font-size: 1.25rem;
-  font-weight: 600;
-  color: var(--text-primary);
-  margin-bottom: 1.5rem;
-  padding-bottom: 0.5rem;
-  border-bottom: 1px solid var(--border-color);
-}
-
-.example-row {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 1rem;
-  align-items: center;
-}
-
-.example-column {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-}
-
-/* Corrección para el sidebar de ejemplos */
-.example-sidebar {
-  position: relative !important;
-
-}
-.example-content {
-  margin-left: 0 !important;
-}
-
-/* Responsive para ejemplos */
-@media (max-width: 768px) {
-  .example-row {
-    flex-direction: column;
-    align-items: stretch;
-  }
-
-  .examples-grid {
-    gap: 2rem;
-  }
-
-  .example-section {
-    padding: 1.5rem;
-  }
-}

package/doc/src/index.js

@@ -1,17 +0,0 @@
-import React, { Fragment } from 'react';
-import ReactDOM from 'react-dom/client';
-import 'ywana-core8/dist/index.css'
-import 'ywana-core8/src/css/theme_light.css'
-import './index.css';
-import App from './App';
-
-// Hacer React y Fragment disponibles globalmente para ywana-core8
-window.React = React;
-window.Fragment = Fragment;
-
-const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>
-);

package/doc/src/theme.css

@@ -1,256 +0,0 @@
-/* Theme personalizado para Ywana Core8 Documentation */
-
-/* Variables de color mejoradas */
-:root {
-  /* Colores primarios */
-  --primary-50: #eff6ff;
-  --primary-100: #dbeafe;
-  --primary-200: #bfdbfe;
-  --primary-300: #93c5fd;
-  --primary-400: #60a5fa;
-  --primary-500: #3b82f6;
-  --primary-600: #2563eb;
-  --primary-700: #1d4ed8;
-  --primary-800: #1e40af;
-  --primary-900: #1e3a8a;
-
-  /* Colores de superficie */
-  --surface-primary: #ffffff;
-  --surface-secondary: #f8fafc;
-  --surface-tertiary: #f1f5f9;
-  --surface-elevated: #ffffff;
-
-  /* Colores de texto */
-  --text-primary: #0f172a;
-  --text-secondary: #475569;
-  --text-tertiary: #64748b;
-  --text-disabled: #94a3b8;
-  --text-inverse: #ffffff;
-
-  /* Colores de borde */
-  --border-light: #e2e8f0;
-  --border-medium: #cbd5e1;
-  --border-strong: #94a3b8;
-
-  /* Sombras mejoradas */
-  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
-
-  /* Espaciado */
-  --spacing-xs: 0.25rem;
-  --spacing-sm: 0.5rem;
-  --spacing-md: 1rem;
-  --spacing-lg: 1.5rem;
-  --spacing-xl: 2rem;
-  --spacing-2xl: 3rem;
-
-  /* Bordes redondeados */
-  --radius-sm: 0.375rem;
-  --radius-md: 0.5rem;
-  --radius-lg: 0.75rem;
-  --radius-xl: 1rem;
-}
-
-/* Estilos globales mejorados */
-body {
-  background: linear-gradient(135deg, var(--surface-secondary) 0%, var(--surface-tertiary) 100%);
-  color: var(--text-primary);
-  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-  line-height: 1.6;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-/* Sobrescribir estilos del Site */
-.site {
-  background: transparent !important;
-}
-
-.site__header {
-  background: var(--surface-elevated) !important;
-  border-bottom: 1px solid var(--border-light) !important;
-  box-shadow: var(--shadow-sm) !important;
-  backdrop-filter: blur(10px);
-}
-
-.site__title {
-  color: var(--text-primary) !important;
-  font-weight: 700 !important;
-  font-size: 1.25rem !important;
-}
-
-.site__icon {
-  color: var(--primary-600) !important;
-}
-
-/* Sidebar mejorado */
-.site__sidebar {
-  background: var(--surface-elevated) !important;
-  border-right: 1px solid var(--border-light) !important;
-  box-shadow: var(--shadow-sm) !important;
-}
-
-.site__sidebar-section {
-  margin-bottom: var(--spacing-lg) !important;
-}
-
-.site__sidebar-section-title {
-  color: var(--text-secondary) !important;
-  font-weight: 600 !important;
-  font-size: 0.875rem !important;
-  text-transform: uppercase !important;
-  letter-spacing: 0.05em !important;
-  padding: var(--spacing-sm) var(--spacing-md) !important;
-  margin-bottom: var(--spacing-sm) !important;
-  border-bottom: 1px solid var(--border-light) !important;
-}
-
-.site__sidebar-item {
-  margin: 2px var(--spacing-sm) !important;
-  border-radius: var(--radius-md) !important;
-  transition: all 0.2s ease !important;
-}
-
-.site__sidebar-item:hover {
-  background: var(--primary-50) !important;
-  transform: translateX(2px) !important;
-}
-
-.site__sidebar-item.active {
-  background: var(--primary-100) !important;
-  border-left: 3px solid var(--primary-600) !important;
-  box-shadow: var(--shadow-sm) !important;
-}
-
-.site__sidebar-item-icon {
-  color: var(--primary-600) !important;
-  margin-right: var(--spacing-sm) !important;
-}
-
-.site__sidebar-item-title {
-  color: var(--text-primary) !important;
-  font-weight: 500 !important;
-}
-
-.site__sidebar-item.active .site__sidebar-item-title {
-  color: var(--primary-700) !important;
-  font-weight: 600 !important;
-}
-
-/* Contenido principal */
-.site__content {
-  background: transparent !important;
-  padding: var(--spacing-xl) !important;
-}
-
-.page {
-  background: var(--surface-elevated) !important;
-  border-radius: var(--radius-xl) !important;
-  box-shadow: var(--shadow-lg) !important;
-  padding: var(--spacing-2xl) !important;
-  margin: 0 auto !important;
-  max-width: 1200px !important;
-  border: 1px solid var(--border-light) !important;
-}
-
-/* Títulos mejorados */
-h1, h2, h3, h4, h5, h6 {
-  color: var(--text-primary) !important;
-  font-weight: 700 !important;
-  line-height: 1.2 !important;
-  margin-bottom: var(--spacing-md) !important;
-}
-
-h1 {
-  font-size: 2.5rem !important;
-  background: linear-gradient(135deg, var(--primary-600), var(--primary-800)) !important;
-  -webkit-background-clip: text !important;
-  -webkit-text-fill-color: transparent !important;
-  background-clip: text !important;
-}
-
-h2 {
-  font-size: 2rem !important;
-  color: var(--text-primary) !important;
-  border-bottom: 2px solid var(--primary-200) !important;
-  padding-bottom: var(--spacing-sm) !important;
-}
-
-h3 {
-  font-size: 1.5rem !important;
-  color: var(--primary-700) !important;
-}
-
-/* Párrafos y texto */
-p {
-  color: var(--text-secondary) !important;
-  line-height: 1.7 !important;
-  margin-bottom: var(--spacing-md) !important;
-}
-
-/* Enlaces */
-a {
-  color: var(--primary-600) !important;
-  text-decoration: none !important;
-  transition: color 0.2s ease !important;
-}
-
-a:hover {
-  color: var(--primary-700) !important;
-  text-decoration: underline !important;
-}
-
-/* Botones mejorados */
-.button, button {
-  background: var(--primary-600) !important;
-  color: var(--text-inverse) !important;
-  border: none !important;
-  border-radius: var(--radius-md) !important;
-  padding: var(--spacing-sm) var(--spacing-md) !important;
-  font-weight: 500 !important;
-  transition: all 0.2s ease !important;
-  box-shadow: var(--shadow-sm) !important;
-}
-
-.button:hover, button:hover {
-  background: var(--primary-700) !important;
-  box-shadow: var(--shadow-md) !important;
-  transform: translateY(-1px) !important;
-}
-
-/* Cards y contenedores */
-.card, .example-container {
-  background: var(--surface-elevated) !important;
-  border: 1px solid var(--border-light) !important;
-  border-radius: var(--radius-lg) !important;
-  padding: var(--spacing-xl) !important;
-  box-shadow: var(--shadow-sm) !important;
-  transition: box-shadow 0.2s ease !important;
-}
-
-.card:hover, .example-container:hover {
-  box-shadow: var(--shadow-md) !important;
-}
-
-/* Responsive */
-@media (max-width: 768px) {
-  .site__content {
-    padding: var(--spacing-md) !important;
-  }
-  
-  .page {
-    padding: var(--spacing-xl) !important;
-    border-radius: var(--radius-lg) !important;
-  }
-  
-  h1 {
-    font-size: 2rem !important;
-  }
-  
-  h2 {
-    font-size: 1.5rem !important;
-  }
-}

package/jest.config.js

@@ -1,24 +0,0 @@
-export default {
-  testEnvironment: 'node',
-  moduleNameMapper: {
-    '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
-  },
-  transform: {
-    '^.+\\.(js|jsx)$': ['babel-jest', {
-      presets: [
-        ['@babel/preset-env', { targets: { node: 'current' } }],
-        ['@babel/preset-react', { runtime: 'classic' }]
-      ]
-    }]
-  },
-  moduleFileExtensions: ['js', 'jsx', 'json'],
-  testMatch: [
-    '<rootDir>/src/**/__tests__/**/*.(js|jsx)',
-    '<rootDir>/src/**/?(*.)(spec|test).(js|jsx)'
-  ],
-  collectCoverageFrom: [
-    'src/**/*.(js|jsx)',
-    '!src/index.js',
-    '!src/setupTests.js'
-  ]
-};

package/preview.config.js

@@ -1,38 +0,0 @@
-/** @type {import("@previewjs/config").PreviewConfig} */
-export default {
-  /**
-   * Configure custom aliases (auto-detected if you use TypeScript).
-   */
-  alias: {
-    // Add any path aliases your project uses
-  },
-
-  /**
-   * Configure a public assets directory.
-   */
-  publicDir: "public",
-
-  /**
-   * Set up a custom component to wrap around previewed components.
-   *
-   * Useful to set up context providers and global CSS.
-   */
-  wrapper: {
-    path: "__previewjs__/Wrapper.tsx",
-    componentName: "Wrapper"
-  },
-
-  /**
-   * Specify a custom Vite configuration.
-   *
-   * See https://vitejs.dev/config.
-   */
-  vite: {
-    // Add any custom Vite configuration here
-    resolve: {
-      alias: {
-        // Add path aliases if needed
-      }
-    }
-  }
-};

package/publish.sh

@@ -1,6 +0,0 @@
-npm run build
-git add --all
-git commit -m $0
-git push
-npm version patch
-npm publish

package/src/desktop/dektop.test.js

@@ -1,11 +0,0 @@
-import React, { Fragment, useContext, useEffect, useState } from 'react'
-import { Desktop } from './desktop'
-import { Window } from './window'
-
-const DesktopTest = (prop) => {
-    return (
-        <Desktop>
-            <Window id="w1" icon="folder" title="Window 1" />
-        </Desktop>
-    )
-}

package/src/domain/CollectionAPI.test.js

@@ -1,19 +0,0 @@
-import React, { useState } from 'react'
-import { Button } from '../html'
-
-import { CollectionAPI } from './CollectionAPI'
-
-const CollectionAPITest = (prop) => {
-
-    const API = CollectionAPI('/references', 'http://localhost:3000')
-
-    function all() {
-        API.all({ name: "2223"}, ["name"]).then(res => console.log(res))
-    }
-
-    return (
-        <>
-            <Button label="ALL" action={all} />
-        </>
-    )
-}

package/src/domain/ContentEditor.test.js

@@ -1,52 +0,0 @@
-import React, { useState } from 'react'
-import { ContentEditor } from './ContentEditor'
-import { Content, FORMATS, TYPES } from './ContentType'
-import './ContentEditor.test.css'
-
-function buildTokenOptions() {
-    return [
-        {label: "One", value: 1 },
-        {label: "Two", value: 2 },
-        {label: "Thressse", value: 3 },
-    ]
-}
-export const OPTION = {
-    label     : { id: "label"     , required: true , type: TYPES.STRING, column: true, label: "Label"  },
-    value     : { id: "value"     , required: true , type: TYPES.STRING, column: true, label: "Value", editable: true },
-}
-
-const schema = {
-    name  : { id: "name"  , type: TYPES.STRING, format: FORMATS.NONE  , required: true, editable: false, label: "Name"  , defValue: "John"                                               },
-    field1: { id: "field1", type: TYPES.STRING, format: FORMATS.NONE  , required: true, editable: true , label: "field1"                  , multivalue: true                             },
-    field2: { id: "field2", type: TYPES.STRING, format: FORMATS.NONE  , required: true, editable: true , label: "field2"                                                                 },
-    field3: { id: "field3", type: TYPES.STRING, format: FORMATS.TOKENS, required: true, editable: true , label: "field3"                                    , options: buildTokenOptions },
-    field4: { id: "field4", type: TYPES.STRING, format: FORMATS.COLOR , required: true, editable: true , label: "Color"                                                                  },
-    field5: { id: "field5", type: TYPES.STRING, format: FORMATS.TOKENS, required: true, editable: true , label: "field5"                  , multivalue: true                 },
-    field6: { id: "field6", type: TYPES.STRING, format: FORMATS.PASSWORD, required: true, editable: true , label: "Password" },
-    options   : { id: "options"   , editable: false, type: TYPES.ARRAY , item: OPTION , label: "Options"       },
-
-}
-
-const value = {
-    options: [
-        { label: "One", value: 1 },
-        { label: "Two", value: 2 },
-        { label: "Thressse", value: 3 },
-    ],
-}
-
-const ContentEditorTest = (prop) => {
-
-    const [form, setForm] = useState(value)
-
-    function change(form) {
-        setForm(form)
-    }
-
-    const content = new Content(schema, form)
-    return (
-        <>
-            <ContentEditor content={content} outlined={false} onChange={change} className="grid1"/>
-        </>
-    )
-}

package/src/domain2/CollectionAPI.test.js

@@ -1,19 +0,0 @@
-import React, { useState } from 'react'
-import { Button } from '../html'
-
-import { CollectionAPI } from './CollectionAPI'
-
-const CollectionAPITest = (prop) => {
-
-    const API = CollectionAPI('/references', 'http://localhost:3000')
-
-    function all() {
-        API.all({ name: "2223"}, ["name"]).then(res => console.log(res))
-    }
-
-    return (
-        <>
-            <Button label="ALL" action={all} />
-        </>
-    )
-}